كيفاش تصايب موقع الالكتروني من الألف إلى الياء ؟

عندك فكرة مشروع أو منتوج ولا عندك جمعية أو تعاونية، ولا راك قديم فالخدمة و ناوي دير موقع الكتروني للشركة ديالك و لكن ماعرفتيش منين غاتبدا! مرحبا بكم فهاد المقال اللي غانشارك فيه معاك، كيفاش تقاد موقع الالكتروني من الألف إلى الياء و غانشرح ليك كاع المصطلحات اللي كاتستعمل بأسهل طريقة ممكن باش تفهم و تبدا الخدمة فالموقع أو المدونة أو السطور ديالك.

أفضل طريقة باش تعلم، هي تطبق داكشي اللي غاتقرا هنا، و ايلا عندك شي تساؤل تواصل معايا فالواتساب : 00212.700.748.046 أو خد موعد مجانا و غانكون فرحان نعاونك. أو خلي الايميل توصل بمقالات و كتب غاينفوك تزيد بالخدمة ديالك للقدام :

الشق النظري

علاش خاص اكون عندك موقع الالكتروني ؟

باش نجاوب على هاد السؤال خاص نقسموه على جوج د الأنواع :

النوع الأول : ايلا كان الهدف ديالك تصايب موقع للمشروع ديالك، مثلا كادير التجارة الالكترونية أو عندك شركة :

  1. الموقع الالكتروني غادي اعاونك تجمع البيانات على الناس اللي مهتمين بالمنتوج ديالك، و هكا غادي تسهال عملية الاستهداف ديالهم، و بهكا غايطيح الثمن باش كاتقام عليك المبيعة (خلي ليا الايميل ديالك لفوق، نشرح ليك أكثر)
  2. إدارة التجارة ديالك، غاتكون أسهل بكثيييييير من أنك تبقى تواصل مع الزبناء فالهاتف و تحاول تقنعهم اشريو، في حين الموقع كاتحط فيه جميع المعلومات و اللي مهتم غادي اطلب المنتوج مباشرة فالموقع، و بهكا كاتربح بزاف د الوقت و كاتهنا من صداع الراس
  3. عوض تجيب الزبناء غير من فايسبوك ولا انستغرام و بالاعلانات، الناس اقدرو القاوك نيشان من جوجل، ايلا كان الموقع ديالك مخدوم ليه السيو SEO مزيان، و بهكا غاتزيد المبيعات بشكل ملحوظ
  4. أهم من هادشي، الخدمة ديالك كاتولي تبان أكثر جدية و مهنية، و كادير سميتك فالسوق و هادشي كايعاونك تنظم الخدمة ديالك.
  5. ثاني أهم شيء هو أن المشروع ديالك كاملو كايكون مستقل تماما، بمعنى مكاينش شي حد طرف ثان كايتحكم أو كايشوف المعلومات الخاصة ديالك. (الهضرة على صحاب يوكان اللي كاتمشي ليهم الطلبيات بمجرد كايتوصلو بها)
  6. ثالث أهم شيء، هو انه مكاتخلصش شهريا بحال شوبيفاي 300 درهم للشهر و ايلا حتاجيتي تقنيات اخرى فالموقع ديالك، غايخصك تشريها، في حين الموقع ديالك، كاتخلص غير الاستضافة و اسم النطاق (شي 900 درهم للعام) و صافي (هادشي ايلا كنتي غاتصايبو بوحدك و ايلا كنتي محاج اللي اهنيك فتواصل معايا).

النوع الثاني : ايلا كان الهدف ديالك تعلم تصايب المواقع، باش تقدر تخدم على راسك :

إشهار:

  1. كولشي اللي فالنوع الأول +
  2. كاتجي ناقصة تقول للناس نتا كاتقاد المواقع الالكترونية، و نتا كاع ماعندك
  3. كاتحط الخدمة اللي خدمتيها من قبل، و هادشي كايعاون بزااااف فإقناع الناس اخدمو معاك
  4. عوض “تكتفي” بمواقع الفريلانس فين كاتكون المنافسة طالعة بزاف و ماتقدرش تحط كولشي، كادير الموقع ديالك و تحط فيه اللي عجبك

مصطلحات تقنية مبسطة لفهم أسرع

مكنضنش كاين شي شرح أسهل و أوضح من هذا. كما كاتشوف، الاستضافة هي الأرض فاش كانحطو الموقع ديالنا و البريد الالكتروني المهني ديالنا (مثلا contact@damouhstore.com)، دبا السؤال هو كيفاش غانبنيو داك الموقع ؟

كاينين بزاف ديال الطرق باش نبنيو الموقع الالكتروني (الدار) ديالنا، بزاف ديال الآليات اللي ممكن نستعملوهم :

  1. الطريقة الأولى : البالا و البرويطة مع شي طاشرون (مطور أو مبرمج)، هنا كانهضر على تبني كولشي من الصفر و كاتقام غالية و كاتخد بزاف ديال الوقت.
  2. الطريقة الثانية : CMS = Content Management System، بحال wix أو wordpress، اللي كايخلينا نتعاملو بلغة البرمجة بطريقة غير مباشرة، و كايخلينا نبنيو شحال مابغينا فأسرع وقت

فهادالمقال غادي نخدمو بوردبريس wordpress و غادي تشوفو البناء من الألف إلى الياء.

ملي كاتسالي الأساس، كادوز المحتوى اللي غايشوف الزبون (مول الموقع) فاخر المطاف. و كانبغي نشير فهاد. النقطة انه هنا كايبان الفرق بين المحترفين و بين المخربقين اللي كايصايبو المواقع ب جوج د ريال، علاش ؟

حيت الزبون كيما قلنا كايشوف غي الأثاث و كايحكم، مكايشوفش فالسانسور ولا الدروج باش توصل لديك الغرفة (سرعة الموقع) و مكايشوفش الطريق من غرفة لغرفة (Navigation) و المشكل العويص، مكايشوف ايلا جاب الله وقع ليه شي مشكل فالضو circuit و الناس اللي بناو الدار ماداروش الديجانكتور disjoncteur و هادشي كانعني بيه backup، الزبون مكايشوفش هادشي حتا افوت لفوت.

هادشي ايلا افترضنا أن الأساس صحيح و أنك مابنيتيش فمنطقة الزلازل (شي استضافة عيانة)

الموقع ديال البيت الأبيض، مصايب بوردبريس wordpress غير باش تعرف القوة ديال هاد الأداة الرائعة.

المسائل الي خاص ترد ليهم البال فبناء الموقع الالكتروني

بحال غاتصايبو نتا ولا غاتجيب اللي غايصايبو ليك، كاينين شي مسائل خاص تحتارمهم قبل ماتبدا :

  1. الاستضافة أو الأرض ديالك، خاصك تعرف فين غاتبني و ترد البال للمناطق اللي فيها الزلزال، أي الاستضافة المجانية أو الرخيصة، باغي تبني بني على الصح، أنا كانصحك تستعمل bluehost حيت جربتهم و خدمت معاهم.
  2. الباك اب backup هو ان ملي كايوقع شي مشكل فالموقع ديالك، وكايجيب الله كايطيح كاتقدر ترجعو كامل لاخر تحديث مثلا ليوم قبل الحادث.
  3. شهادة SSL : باش تأمن الموقع ديالك
  4. اختيار الاضافات الصحيحة Plugins …

الشق التطبيقي

مراحل إنشاء الموقع الالكتروني

فهاد الفقرة، غادي نشارك معكم الطريقة ديالي في البناء، حيث كل واحد و كيفاش و باش كايبدا … حاولت فالطريقة ديالي نكون أكثر تنظيم باش نقدر نربح الوقت أكثر، لهذا فهاد ثلاث سنوات اللي دوزت فالمجال وصلت لهاد الطريقة :

المرحلة الأولى : شراء الاستضافة و اسم النطاق

باش نشريو الاستضافة، كانصح ب bluehost لعدة أسباب :

  • سرعة الاستجابة
  • backup الاوتوماتيكي
  • شهادة الأمان المجانية
  • اسم النطاق مجاني لمدة عام
  • لوحة التحكم سهلة و واضحة جدا

خدمت مع bluehost هادي كثر من خمس سنوات و أكثر حاجة كاتعجبني معاهم هو خدمة العملاء، تعلم معاهم بزاف ديال المسائل التقنية و كايجاوبو بشكل سريع على أي حاجة متعلقة بالاستضافة عندهم.

و نزيدكم، أنا داير شراكة مع bluehost ايلا شريتي من عندهم الاستضافة من هاد الرابط :bit.ly/rbcombluehost كانربح واحد النسبة ديال الفلوس، بلا مايتزاد عليك سنتيم.


كنصحك تختار PLUS حيتاش كاتقدر دير بزاااااف ديال الموقع فاستضافة وحدة و كايتقام تقريبا ب 900 درهم للعام : الاستضافة و اسم النطاق مجموعين :


مورا اختيار التعريفة، كاتختار اسم النطاق اللي بغيتي (مثلا damohstore.com) :


ملي كايكون داك اسم النطاق اللي ختاريتي متاح، كاتقدر تاخدومع الاستضافة، ايلا مكانش متاح جرب واحد اخر حتا تلقى اسم متاح، و موراها كاتعمر كلع المعلومات المهمة :


ختار 12 شهر و رد البال لدوك الخانات، حيث غالبا داكشي ماغاتحتاجوش، موراها كادخل معلومات البطاقة البنكية باش غاتشري الاستضافة.


موراها مبروك عليك، ها الاستضافة و اسم النطاق عنك :


المرحلة الثانية : إعداد الووربريس

في حساب الاستضافة، كتمشي ل “My Sites” موراها “Add site” :


موراها كاتختار اسم النطاق اللي شريتي و كادير Next

مورها غادي اتعطا ليك واحد الرابط واسم المستعمل و كلمة المرور :

غادي دخل لداك الرابط و غادخل اسم المستعمل و كلمة المرور اللي تعطات ليك :

و أخيرا راك فالووربريس الخاص بك، و هنا فيك كايبدا الابداع

و الموقع ديالك، كايبان بحال هكا :


المرحلة الثالثة : إنشاء الموقع

هادي هيا المرحلة النهائية باش نصايبو الموقع ديالنا (نفتارضو بغينا نقادو موقع لشركة معينة و نقدمو الخدمات و المشاريع اللي خدماتهم)، غانتبعو هاد الخطوات :

  • الخطوة الأولى : هندسة الصفحة و كتابة المحتوى
  • الخطوة الثانية : تفعيل الاضافات (Plugins)
  • الخطوة الثالثة : إضافة المحتوى
  • الخطوة الرابعة : إضافة الاستمارة
  • الخطوة الخامسة : تعديل القائمة الرئيسية (Menu)
  • الخطوة السادسة : إضافة الشعار و الأيقونة
  • الخطوة الأخيرة : إظهار الصفحات و إطلاق الموقع

الخطوة الأولى : كنعتبرها مهمة جدا، لربح الكثير من الوقت و حتى كايكون كولشي منظم هي نقادو هندسة أولية للصفحة اللي بغينا نقادوها، غس جدول ف اللورد مثلا :

الخطوة الثانية : غادي نفعلو الاضافات (Plugins) و القالب (Theme) اللي غادي نخدمو بيهم

  • غانقدمو بقالب : Astra
  • باش نبنيو التصميم اللي بغينا غانخدمو ب : Elementor
  • باش نقادو استمارة التواصل غانخدمو ب : wpForm

و ما تبقى غادي نمسحوه.

أولا : القالبTheme

فالقائمة الجانبية، غاتلقى : Appearance => Themes

ضغط على Install و بعدها Activate و ها كيفاش غايولي ايبان الموقع ديالك :

ثانيا : الاضافاتPlugins

غانمسحو كولشي الاضافات اللي كاينين دبا و بعدها غادي نجيبو اضافات جداد : Elementor, WpForm. باش تمسح شي إضافة، خاص دير أولا Deactivate و بعدها Delete.

ضغط على Install Now و بعدها Activate و موراها غادي نديرو إنشاء الصفحة الرئيسية ديالنا :

نسميو الصفحة ديالنا home و مورها نضغطو على edit with Elementor

عندنا جوج امكانيات يا إما نصايبو الديزاين من الاول ولا نستعمل شي نموذج من هادو :

هنا غادي اخصك يكون عندك حساب ف elementor.com راه مجاني

ثالثا : إضافة المحتوى

و هنا كاتبدا تعدل على الصفحة حتا كاتخرج كما درنا فالهندسة الأولية ديالها. أي حاجة درتيها ماتنساش دير Update مورا مادرتي فالأول Publish

رابعا : إضافة الاستمارة

دبا خاصنا نزيدو استمارة التواصل، غانمشيو للاضافات و نقلبو على wpform و نحملوه و بعدها نفعلوه :

غادي اعطيك واحد الكود صغير بحا هكا :

و داك الكود غادي تزيدو فالصفحة الرئيسية اللي بغيتي تبان فيها ديك الاستمارة

خامسا : تعديل القائمة

كادير Create Menu :

كادير Next كاينة لتحت و بعدها كاتزيد مكونات القائمة ديالك، حنا دبا انخدمو غي ب Custom Links و عقلو على داك URL حيت غادي نعاودو نديروه فالصفحة كما درنا ديك الاستمارة :

دبا داك Custom Link غادي نزيدوه فالصفحة ديالنا :

سادسا : إضافة الشعار و الأيقونة

اتمشي ل Appearance و بعدها Customize و بعدها Header Builder :

الخطوة الأخيرة : إظهار الصفحات و إطلاق الموقع

أخير حاجة دير Save Changes و مبروك عليك، تعلمتي مهارة اللي ممكن تعيش منها.