كيفية إنشاء موقع للمبتدئين |مدونة إبحث

كيف أقوم بإنشاء موقعي الخاص

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

من ناحية اخري، ان إنشاء موقع الكتروني هو الركيزة الاساسية التي يعتمد عليها التسويق الالكتروني بشكل عام.

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

كل شيء عن كيفية انشاء موقع الكتروني (سؤال0 وجواب

ما هو الموقع الالكتروني (website) ؟

• هناك الكثير من التعريفات للموقع الالكتروني، وتختلف هذه التعريفات وفقاً لمنظور من يقوم بالتعريف.

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

• الموقع الالكتروني بالنسبة لمطوري ومصممي المواقع: هو عبارة عن مجموعة من الملفات التي يتم كتابتها بلغات برمجية متخصصة، والتي تعمل معاً من اجل تكوين شكل الموقع (التصميم) والوظائف الخاصة به (التطوير).
• إن الموقع الالكتروني هو المكون الاول والاساسي في العملية التسويقية علي الانترنت، فلا يوجد تسويق الكتروني بدون موقع الكتروني. فهو يمثل المكان الذي يلتقي به البائع والمشتري والكاتب والقاريء معاً.

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

ما هو تصميم الموقع الالكتروني Website Design واهميته ومراحله وعوامل نجاحه ؟

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

ملحوظة: اتفهم ان هناك نسبة كبيرة من المواقع، يتم إنشاءها من خلال منصات متخصصة مثل ووردبريس.
علي الرغم من ذلك هناك بعض النقاط يتم تناولها لخدمة من يريدون انشاء مواقعهم من الصفر (from scratch)، اي عن طريق مصصمي ومطوري المواقع المحترفين.ولكن علي اي حال فهمك لهذه النقاط سوف يفيدك اي كانت طريقتك في بناء موقعك. فهدفي ان اجعل هذا الموضوع بمثابة دليل شامل لكل من ينوي إنشاء موقع الكتروني بأي طريقة.
استمر في القراءة وسوف تترابط النقاط معاً.

اهمية التصميم لموقعك الالكتروني

1. للتصميم اهمية كبيرة جدا في خبرة زوار موقعك.
   البشر بطبيعتهم في كثير من الاحيان، يحكمون علي الاشياء حسب مظهرها. لذلك عليك بعمل تصميم جذاب وفريد لموقعك، يحبه المستخدم ويشعر براحة في التعامل معه.
2. تصميم موقعك يؤثر علي رؤية جوجل له.
   فالموقع السهل في التصميم والذي تتوافر به عوامل التصميم الجيدة، يكون مهيئا للزحف من قبل محركات البحث.
   ايضا جوجل يرصد خبرة الزائر الجيدة مع موقعك، ويراها مؤشر جيد لتحسين ظهوره في نتائج البحث الاولي.
3. تصميم موقعك يترتب عليه أيضا برمجته او تطويره.
   فإذا كان تصميم موقعك جيدا ومنظما وبه كل الأدوات التي تريدها كانت مهمة االبرمجة اسهل.
   فكل خاصية أو أداة أو ميزة في موقعك يجب أن تبدأ من التصميم.

مراحل عمل تصميم موقع الكتروني

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

UX Design
في هذه المرحلة يجب أن يتم عمل تصور كامل على الورق لتصميم الموقع الالكتروني، ومكان كل شيء فيه وترتيب المحتوى، مع مراعاة سهولة الإستخدام بالنسبة للمستخدم.
UI Design
في هذه المرحلة يتم نقل التصور من الورقة التي في المرحلة السابقة، لصورة على الكمبيوتر بإحدي برامج تصميم الصور مثل فوتوشوب. في هذه المرحلة يجب تحديد الألوان الخاصة بالموقع وحجم وأنواع الخطوط، وكل شيء ليتم تنفيذه من قبل المطور.
UI Develop
في هذه المرحلة، يتم تحويل صورة الفوتوشوب إلى ملفات بها اكواد، مكتوبة بلغات برمجية متخصصة لعمل التصميم. وهذا يمثل كما اشرنا سابقا كل شيء مرئي امام المستخدم.

عوامل نجاح تصميم موقعك الالكتروني

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

• الخطوط
  يجب عليك إختيار نوع وحجم الخطوط في موقعك بعناية، ويفضل أن تختار الخطوط العادية التي تستخدمها أغلب المواقع وخصوصا المشهورة منها، والتي يشعر المستخدم بألفة تجاهها.
  استخدم ميزة تغيير حجم الخطوط في إبراز أهمية النصوص التي ترى أنها أساسية ومهمة مثل العناوين. أما بخصوص ألوان الخطوط، فيجب أن تكون في الأساس متوافقة مع الألوان التي تستخدمها في موقعك.
  الألوان
  في اي تصميم موقع الكتروني يجب أن تكون الالوان متسقة مع بعضها وأيضا محدودة (أنصح بعدم إستخدام الكثير من الألوان).
  يمكنك أيضا التحكم في درجات الألوان لتسليط الضوء على العناصر المهمة في موقعك.
  الصور
  كما يقولون في عالم التسويق الالكتروني الصورة تساوي ألف كلمة، الصور عنصر يستحق إستثمارك حيث أنها تفيد جدا في إبراز تصميم موقعك الالكتروني وإعطاءه جمالا خاصا.
  المساحات
  استخدم عنصر المساحات لابراز الاشياء المهمة في موقعك. لا تجعل موقعك مزدحماً بالمحتوي. المساحات البيضاء الفارغة من الممكن ان تعمل لصالح موقعك لتعطي الزائر شعور بالراحة، وايضاً توجهه للاجزاء المهمة في الصفحة.

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

ما هو تطوير او برمجة الموقع الالكتروني Web Development ؟

تطوير او برمجة الموقع الالكتروني هو: كل مايختص بأداء الوظائف او الخصائص الموجودة بالموقع. او الاستجابة للاوامر التي يقوم بها الزائر في الموقع. البرمجة هي المسئولة عن الجزء الغير مرئي في الموقع، ويتم التعرف عليها من خلال استخدام الموقع واختبار خواصه.
علي الرغم من أن خيارات التصميم محدودة نوعا ما (فهو يختص بالشكل والالوان والمساحات) ، إلا أن الخيارات البرمجية ليس لها حدود تقريباً. فقد تصل لدرجة في غاية التقدم والتعقيد، مثل برمجة محركات البحث ومواقع التواصل الاجتماعي.
وهذه مجرد امثلة بسيطة للبرمجة المستخدمة في اغلب المواقع الالكترونية:

• خاصية البحث في الموقع، التي تتيح للزائر كتابة كلمة مفتاحية، والبحث عن الموضوعات التي تتحدث عن هذه الكلمة في الموقع.
• خاصية اتصل بنا، التي تتيح للمستخدم ارسال رسالة لإدارة الموقع من خلال صفحة اتصل بنا.
• امكانية المشاركة علي مواقع التواصل الاجتماعي من خلال ايقونات مواقع التواصل الاجتماعي ( امكانية برمجية مرتبطة ببرمجة مواقع التواصل الاجتماعي نفسها)
• تنظيم عرض المقالات في الموقع ، من حيث انتماءها لقسم معين، او اماكن ظهورها في قوائم مخصصة مثل قائمة احدث المقالات بالموقع مثلا.
• عرض اعلانات جوجل ادسنس في الموقع.

الجدير بالذكر هنا ان التصميم والبرمجة يعملان جنباً الي جنب ويرتبطان معاً في كل شيء. فمثلا قلنا بالاعلي ان خاصية البحث في الموقع هي خاصية برمجية، ولكن التصميم هو المسئول عن حجم مربع البحث ولونه ومكانه.
ايضاً البرمجة مسئولة عن تنظيم عرض المقالات بالموقع وانتماءها لقوائم معينة، ولكن التصميم مسئول عن حجم عرض المقالات هذه والوان الخلفيات وحجم الخطوط ..الخ.

ما هي خيارات انشاء موقع الكتروني ؟

هناك اربع خيارات امامك لكي تمتلك موقع الكتروني. يتوقف الخيار الانسب لك، وفقاً لطبيعة الموقع الذي تنوي انشاءه. ووفقاً لحجم الميزانية التي تنوي انفاقها لانشاء موقعك الالكتروني. وهذه هي الخيارات الاربعة بالترتيب:

استخدام احد الخدمات المجانية لانشاء مدونة الكترونية Free Blog
هذا هو الخيار الانسب للذين لايمتلكون ميزانية مالية، او للذين يريدون عمل مدونة شخصية لمشاركة ارائهم وافكارهم مع العالم.
كل ما تحتاج إليه في هذه الحالة هو اختيار احد مواقع انشاء مدونة مجانية ، وانشاء حساب في هذا الموقع، والبدء في انشاء مدونتك ومدها بالمحتوي.
توفر لك هذه الخدمات المجانية كل شيء تحتاج إليه ، كل المطلوب منك هنا هو انشاء حساب واختيار اسم المدونة، وتعلم كيفية التعامل مع لوحة التحكم الخاصة بالموقع.
هناك الكثير من المواقع التي تقدم خدمة انشاء مدونة مجانية ، وعلي رأسها بلوجر و ووردبريس

استخدام احد منصات بناء المواقع Website Builder
مناسبة لهؤلاء الاشخاص الذين لا يمتلكون اي معرفة تقنية علي الاطلاق. حيث انها سهلة الاستخدام وتأتي مع الكثير من القوالب التي تناسب كل التخصصات.
وايضاً يمكنك تغيير اي شيء بموقعك من خلال خاصية السحب والادراج. لذلك يعد هذا الخيار هو الاسهل لانشاء موقع ويب.
منصات بناء المواقع هي خيار رائع لاصحاب المشروعات الصغيرة والمتاجر المحلية. في خلال وقت قياسي وبتكلفة قليلة، يمكنك بناء موقع الكتروني لمطعمك الخاص مثلاً.
هناك الكثير من المواقع التي تقدم خدمة بناء المواقع وعلي رأسها وفي المقدمة موقع wix ، الذي يمتلك خطة مجانية.
في الغالب تتضمن خدمات بناء المواقع استضافة مجانية لموقعك، ودومين مجاني في اغلب الاحيان ايضاً. ولديهم خدمة دعم للعملاء.

استخدام احد منصات انظمة ادارة المحتوي Content Management System
هذا الخيار يناسب اغلب انواع المواقع، يمكن استخدامه لانشاء مدونة احترافية مثل الرابحون ، او لانشاء متجر الكتروني. والكثير من انواع المواقع الاخري. هذه الخدمات تكون غالباً نظام مفتوح Open Source ، لذلك يمكن للمطورين اضافة وتعديل الكثير من الخواص الخاصة بها.
من اشهر هذه الانظمة هي ووردبريس WordPress وهو النظام الاكثر استخداماً في عالم الويب.
ووردبريس هو Software مجاني يمكنك ضبطة علي استضافتك بسهولة. علي الرغم من ان هذا النظام يأتي مع عدد محدود جدا من القوالب، إلا ان هناك الكثير من القوالب الاحترافية التي يمكنك شراءها من متاجر متخصصة.
سوف اعود للتحدث عن ووردبريس لاحقاً، وذلك لاهميته وانتشار استخدامه، حيث يعد الخيار الامثل لانشاء موقع الكتروني للكثيرين.

الاستعانة بمتخصصي إنشاء المواقع الالكترونية (Website from Scratch)
هذا الخيار مناسب للمواقع الكبيرة التي تحتاج لنظام برمجي خاص، او للشركات الكبيرة التي لديها موظفين مختصين في تصميم وبرمجة المواقع. هذا الخيار ايضا مكلف مقارنة بباقي الخيارات، وحجم التكلفة هنا يعتمد علي حجم وطبيعة المتطلبات في الموقع الالكتروني.
هذا الخيار ايضاً يحتوي علي بعض المخاطرة، لان هناك الكثير من المتخصصين في إنشاء المواقع الغير اكفاء. لذلك عليك ان تختار الشركة او الشخص المتخصص في إنشاء المواقع بعناية شديدة.

ما هي اهم النصائح لانشاء موقع الكتروني ناجح ؟

• فكر عميقاً في فكرة موقع تتناسب مع امكانياتك، واجعلها تنبع من إهتماماتك الحقيقية، ولا تقع في مصيدة تقليد الآخرين.
  او كن علي يقين من امتلاكك لفريق عمل وميزانية تسمح بتنفذ فكرتك.
• كن مرنا في تعديل أو تتغير بعض الجوانب الخاصة بفكرة موقعك لكي تتناسب مع الجمهور المستهدف.
• إسأل نفسك: ما هي الطريقة التي سوف أربح من خلالها ؟ لو كانت إجابتك جوجل ادسنس مثلاً، فعليك ان تضع هذا في الاعتبار عند اختيار تصميم موقعك.
• إسأل نفسك: ما هو الجمهور الذي سوف استهدفه ؟ ومن ثم قم بإنشاء موقع يتناسب وطبيعة هذا الجمهور.
• في حال قررت أن يكون موقعك مصدرا للدخل بالنسبة لك، فلا تعتمد على ميولك وأهدافك الشخصية بشكل كامل.
  بل قم بترويض فكرتك لكي تكون ناتجة عن شغفك ومربحة في نفس الوقت.
• تحرر من كونك صاحب الفكرة وتخيل نفسك كزائر للموقع وإسال نفسك: ماهو الشيء المميز في موقعي لجذب الزوار ؟
• استخدم بعض الأدوات الخاصة بالكلمات المفتاحية مثل اداة Google Keyword Planner .
  التي تخبرك عن حجم من يبحثون عن الكلمات الأساسية التي سوف يتناولها موقعك .
• قم بالإطلاع على المجلات والجرائد وقنوات التليفزيون، وحاول الحصول على لمحة من إهتمامات جمهورك المحتمل.
• تقريبا لايوجد فكرة سوف تخطر على بالك لإنشاء موقع، إلا وستجد موقعا يتناولها بالفعل أو حتى على الأقل مشابه لها.
  نعم يمكنك التنبؤ بحجم نجاح موقعك من خلال مواقع المنافسين.
• قم بعمل تصور كامل لما سيكون عليه موقعك، من أقسام وأدوات وخصائص وإمكانيات ومحتوى وكل شيء سوف يضمه موقعك، هذه النقطة مهمة جدا في حالة الاستعانة بالمتخصصين لانشاء موقعك.

ما هي خطوات إنشاء موقع الكتروني ؟

تتوقف خطوات وتفاصيل إنشاء موقع الكتروني علي الطريقة، التي سوف تختارها لانشاء موقعك ( سبق وتناولنا بالاعلي الخيارات الاربعة للحصول علي موقع الكتروني).
في هذا الجزء سوف اخصص حديثي عن خطوات إنشاء موقع الكتروني عن طريق ووردبريس تحديداً وذلك للاسباب الاتية:

• ووردبريس هو خيار رائع لمعظم انواع واحجام المواقع، وهذا يفسر مدي اتساع قاعدة استخدامه. اكثر من نصف عدد المواقع علي شبكة الانترنت تم انشاءها من خلال ووردبريس.
• نظراً لاتساع قاعدة استخدام ووربريس، لذلك سوف تجد حل لاي مشكلة تواجهك اي كان نوعها. فهناك الكثير والكثير من المواقع التي تتحدث عن الووردبريس. ومن اهمها واشهرها wpbeginner
• ووردبريس هو برنامج مفتوح المصدر Open Source. لذلك هناك الكثير من الاضافات الرائعة، التي يمكنك استخدامها لاضافة الكثير من المميزات والخواص لموقعك وفقاً لاحتياجك.
• نعم إنشاء موقع من خلال ووربريس ليس اسهل خيار علي الاطلاق، ولكن يمكنك تعلم كيفية التعامل معه في وقت قياسي، هذا علاوة علي ان هناك نسخة من ووردبريس باللغة العربية.

خطوات انشاء موقع الكتروني عن طريق ووردبريس:

1. حجز استضافة مواقع تدعم ووردبريس.
   هناك الكثير من شركات الاستضافة التي تدعم ووردبريس، تناولنا في موضوع سابق بالرابحون افضل 8 شركات استضافة مواقعموثوقة.
   فقط اختر واحدة منهم فقد تم اختيارهم بعناية.
2. قم بأختيار اسم نطاق مناسب لموقعك.
   هناك بعض شركات الاستضافة سوف تعطيك دومين مجاني مع خطة الاستضافة. ايضا تناولنا فيما مضي موضوع شامل عن اسم النطاقسوف تجد به كل شيء عن اسم النطاق.
3. قم بضبط الووردبريس علي استضافتك.
   يمكنك فعل ذلك بضغطة زر واحدة في لوحة تحكم الاستضافة، وفي الغالب يتم ضبط ووردبريس علي اضافتك بصورة تلقائية دون اي فعل من ناحيتك.
4. قم بأختيار قالب ووردبريس مناسب واضبطه علي موقعك.
   في هذ الشأن ايضاً قد تناولت فيما مضي موضوع شامل، عن كيفية اختيار قالب ووردبريس احترافي .
5. قم بضبط اضافات ووردبريس الاساسية لموقعك.
   في هذا الشأن عليك العودة لموضوع سابق في الرابحون بعنوان اضافات ووردبريس لاغني عنها لموقعك ، والذي تناولت فيه مجموعة اساسية من اهم اضافات وودبريس التي يحتاجها كل موقع تقريبا.

الان اصبح موقعك جاهزاً، وليس عليك سوي البدء في انشاء محتوي له.
وإليك كورس متكامل علي اليوتيوب عن الووردبريس.