هذا هو الدليل الأكثر تفصيلا عبر الإنترنت لبناء موقع ويب. سيعلمك كيفية إنشاء موقع الكتروني بمظهر احترافي بسرعة وسهولة دون أي معرفة مسبقة بلغات البرمجة.
السعر: 19.99 دولارًا أمريكيًا مجانًا
هل من الصعب إنشاء موقع على شبكة الإنترنت؟
في الماضي ، كان الأمر صعبًا، كان يتطلب معرفة لغات البرمجة مثل ال HTML و CSS و ال JavaScript وما إلى ذلك.
اليوم، باستعمال الأدوات المختلفة، لم يعد الأمر معقد ولا باهظ الثمن.
من الناحية الفنية، كل ما هو مطلوب هو اسم نطاق و خدمة استضافة.
الى جانب ذلك، يقدم مضيفي الويب اليوم العديد من الأدوات والخيارات التي تساعدك في بناء الموقع الخاص بك، مثل منشئ مواقع الويب، وأنظمة إدارة المحتوى مثل WordPress و Joomla
منشئ موقع الويب هو أداة يمكنك من خلالها إنشاء المواقع بصريا بطريقة السحب و افلات الصور، وحقول النص، والأشكال، الخ.
الأداة مناسبة للمبتدئين تمامًا الذين لا يرون أي حاجة لاضافة وظائف معقدة في مواقعهم على الويب.
من ناحية أخرى، CMS تعني نظام إدارة المحتوى و ال WordPress هو واحد منهم.
يساعدك ال WordPress في إنشاء مواقع ويب احترافية في وقت قصير دون أي معرفة بالبرمجة.
نوصي بشدة بهذا الحل، وسيتمحور هذا الدليل حوله.
قبل القيام بأي شيء، أولاً، ما نوع موقع الويب الذي تريد إنشاءه؟ ما هي النيش الخاصة بك؟ هل فكرت في المحتوى والاسم الذي يتوافق معه بشكل أفضل؟ الإجابات على هذه الأسئلة مهمة جدًا لنجاح الأعمال التجارية عبر الإنترنت.
بمجرد تسجيل اسم النطاق، يحين الوقت للتفكير في خدمة الاستضافة. ستتعلم من خلال هذا الفصل اختيار مضيف جيد وآمن.
تعرف على ال WordPress وكيفية تثبيته والتعديل على موقع الويب الخاص بك. و في هذه التجربة، ستتعلم كيفية إنشاء مدونة ومتجر خطوة بخطوة.
في هذا الفصل الثاني ، تعرف على كيفية التوصل إلى اسم أصلي باستخدام بعض الحيل السرية التي تستخدمها أكبر العلامات التجارية عبر الإنترنت، وسوف تتعلم أيضًا كيفية تسجيل اسم نطاق من مسجل نطاق جيد.
الشعار السيئ يعطي انطباعًا للمستخدمين بأنهم يتعاملون مع خدمة هواة. يعلمك هذا الفصل كيفية تجنب ذلك وتوفير المال وصنع شعارك الاحترافي دون الحاجة إلى مصممين.
الهدف من هذا الفصل هو توضيح المتطلبات الأساسية لتحسين ال SEO من أجل موقع ويب ناجح.
في نهاية الصفحة، ستجد اختبارًا حول المعلومات الموجودة في الفصول التالية. حاول قراءتها بعناية قبل الإجابة على الأسئلة. لبدء الاختبار، تحتاج إلى التسجيل وإدخال الاسم و اللقب الذي تريده أن يظهر في الشهادة.
قبل البدء في عمل تجاري عبر الإنترنت، السؤال الذي يجب الإجابة عليه هو إلى أي نوع ينتمي موقع الويب الخاص بك؟
الإجابة على هذا السؤال مهمة جدًا لأنها ستساعد كثيرًا في إيجاد نيش مربحة.
هناك العديد من الأنواع ، ولكن إليك قائمة بأهمها:
لنفترض أن الموقع الذي تريد إنشاءه هو موقع e-commerce، سيكون السؤال التالي، كيف تختار نيش مناسب لموقع ويب من هذه الفئة ؟
النيش هي اهتمام متخصص يقتصر على مجال معين فقط.
لكن لماذا لا ينصح للمبتدئين بانشاء متاجر عامة؟
أول صعوبة ستواجهها هي ملء مئات المنتجات وبيعها وصيانتها، ناهيك عن التسويق وخدمة العملاء.
الا اذا كان لديك متسع من الوقت وميزانية كبيرة لتوظيف أشخاص ذو خبرة للقيام بذلك نيابة عنك.
المشكلة: ليس من السهل صيانة و التحكم بموقع ويب به العديد من الفئات ومئات آلاف المنتجات.
الحل: من الحكمة إذن أن تبدأ بمتجر صغير و تحسنه حسب الحاجة.
1. تعرف على الفئات
بالنسبة إلى موقع ويب من نوع e-commerce، من السهل معرفة ما هو عام وما هو خاص من الفئات.
يمكنك ببساطة زيارة أي موقع تجارة إلكتروني معروف مثل eBay أو AliExpress ثم التحقق من الفئات المختلفة المتاحة هناك.
2. حصرها
الآن بعد أن تعرفت على الفئات و حددت فئة عامة – دعنا نقول “Electronics“، يجب حصرها حتى تصبح قابلة للتحكم.
3. مستوى المنافسة
في هذه الخطوة ، تحتاج إلى التحقق من مستوى المنافسة في النيش المحددة.
Keyword Planner من Google Adword هي أداة مجانية تمنحك فكرة عن مدى صعوبة الإعلان في النيش التي اخترتها.
4. ضبط الكلمات الرئيسية
ماذا لو كانت المنافسة عالية ، فماذا أفعل؟
يمكن في ذلك الوقت التعديل على الكلمة المفتاحية قليلاً عن طريق عكس الكلمات أو إضافة كلمات أخرى مثل “Smartwatches Made in China” أو “Android Smartwatches Made in China” ، إلخ.
طيب وماذا لو كانت المنافسة عالية دائما؟ فماذا علي أن أفعل؟
5. اصنع فئة جديدة خاصة بك
إذا قمت بحصر نطاق تخصصك بحيث أصبح قابل للسيطرة والتحكم، لكنك تجد دائمًا أن المنافسة عالية، فهذا لا يعني بالضرورة عدم النجاح، لكن يعني فقط أنه سيكون من الصعب عليك التنافس مع المعلنين وستحتاج إلى إنفاق المزيد من الأموال لتبرز.
في هذه اللحظة، تتمتع النيش “Smart House” بمنافسة منخفضة وحجم بحث مرتفع على AdWords.
هذا مثال جيد لفئة جديد.
كل موقع له اسم فريد يحدده على شبكة الويب العالمية.
تسمح أسماء النطاق للزوار بالوصول إلى مواقع الويب المفضلة لديهم وقتما يريدون عن طريق كتابة الاسم متبوع بنقطة يليها الامتداد .com net. أو org. ، الخ. مثل google.com و facebook.com وما إلى ذلك.
باختصار، اسم النطاق هو اسم موقع الويب الخاص بك متبوع بامتداد مثل .com .net .co.uk… ، إلخ.
يمكن الحصول على أسماء النطاق من شركات معتمدة تسمى بمسجّلات أسماء النطاق.
اسم النطاق ليس منتجًا يتم شراؤه وامتلاكه لمرة واحدة، بل يمتم تسجيله و امتلاكه لفترة زمنية تتراوح بين السنة و ال 10 سنوات بمتوسط سعر يبلغ 10 دولارات في للسنة.
بعد فترة التسجيل تنتهي صلاحيته ويصبح متاحة للجميع.
لهذا السبب من المهم ألا تنسى أبدًا تجديد التسجيل قبل انتهاء تاريخ الصلاحية.
لتسجيل اسم النطاق، أوصي بما يلي:
2. تسجيل اسم النطاق
التسجيل غير معقد، في شريط البحث الخاص بالأداة، يمكنك البحث و التحقق من توفر أسماء النطاقات. في حال لم يسبقك أحد اليها وتوفرت، انقر على next، ثم اتبع التعليمات.
لكن قبل البدء، ضع في اعتبارك أن أسماء النطاقات الجيدة هي تلك التي تكون:
يعد تسجيل اسم النطاق أحد أهم الخطوات نحو عمل تجاري ناجح عبر الانترنيت.
لا تتسرع، تناول فنجان من القهوة وخذ وقتك وفكر في بعض الكلمات المتعلقة بمحتوى موقع الويب الخاص بك ثم جرب عدة مرات حتى تخرج باسم جيد.
فيما يلي بعض الأفكار الإبداعية التي تستخدمها أكبر العلامات التجارية عبر الإنترنت:
3. مثال سريع
الاستضافة هي المكان الذي يتم فيه تخزين ملفات موقع الويب الخاص بك.
يمكن تشبيه الاستضافة بجهاز كمبيوتر متصل بالإنترنت على مدار الساعة طوال أيام الأسبوع.
في كل مرة يطلب فيها المستخدم عرض موقعك، تستجيب الاستضافة لطلبه بإرسال صفحاتك إلى متصفحه.
ستساعدك القائمة التالية في اختيار خدمة استضافة ويب جيدة:
علاوة على ذلك، يجب عليك أيضًا البحث عما يلي:
باختصار، يجب على المرء أن يختار شركة جادة ومعروفة للغاية.
كن على علم أيضًا أن خدمات استضافة الويب المجانية غير جديرة بالثقة، فهي قد تقوم بحذف جميع بياناتك دون أي سبب، أو إضافة إعلانات خداعية دون موافقتك.
إذا كنت تبحث عن مضيف رخيص واحترافي وموثوق، نوصيك بأفضل 3 خدمات استضافة لعام 2021:
2. ربط اسم المجال بالاستضافة
إذا استخدمت الأداة المقترحة أعلاه، أو اخترت إحدى الاستضافات التي نوصي بها، فلا داعي لهذه الخطوات الإضافية.
بحصولك على اسم النطاق مع الاستضافة من نفس المكان، يتم الربط تلقائيًا.
أما إذا كنت لا تزال ترغب في الحصول على الاستضافة واسم النطاق من أماكن مختلفة لسبب ما،
يجب أن تعلم أن الاعدادات تختلف من موقع إلى آخر، لكن الخطوات العامة التي يجب اتخاذها فهي مشتركة.
يمكن تلخيصها على النحو التالي:
1) ابحث عن خوادم الأسماء الخاصة باستضافتك. هي تبدو كما يلي:
2) انسخ خوادم الأسماء وابحث عن إعدادات DNS الخاصة باسم النطاق الخاص بك.
3) الصق خوادم الأسماء في “حقول خوادم الأسماء” لاسم النطاق الخاص بك.
ربما تحتاج إلى إجراء المزيد من الاعدادات على حسب مزودي خدمة الاستضافة واسم المجال التي اخترتها.
ما ستقرأه في الأسطر القادمة هي على الأرجح ما لا يريدك بعض المصممين أن تعرفه، لأن التصميم لبعض المصممين اليوم أصبح يميل الى المعرفة أكثر من ما هو امتلاك للصفات الفطرية للمصمم.
إليك ما ستتعلمه:
إذا نظرنا إلى العلامات التجارية المعروفة على الإنترنت، فيمكننا ملاحظة فئتين من الشعارات: تلك التي يتم تصنيعها بخط خاص وتلك المصنوعة بخط خاص مرفق بشكل ما.
يوضع الشكل لأغراض عديدة، من بينها جعل الاسم أو الخدمة أو محتوى موقع الويب أكثر تعبيرًا.
وهنا بعض الأمثلة:
السؤال الذي يحتاج إلى إجابة الآن هو كيف تريد أن يبدو شعارك؟ هل تريده مرفقا بشكل ما أو بدونه؟
لتوضيح هذا، دعنا نصنع شعارًا لموقع ويب افتراضي يسمى “Smarthousefuture“.
الهدف من الموقع هو بيع الأجهزة التي تحول المنزل العادي إلى منزل ذكي.
أيضًا، لنصنع شعارًا باسم مرفق بشكل له معنى.
لكن قبل هذا علينا بتنزيل الأدوات التي سنحتاجها في التصميم.
فيما يلي قائمة بالأدوات المطلوبة:
للاستفادة من ال Custom Shapes، يجب تثبيتها في Photoshop على النحو التالي:
1. افتح برنامج فوتوشوب. على الجانب الأيسر ، انقر بالماوس الأيمن على الشكل المربع ثم على Custom Shape Tool.
2. في الجزء العلوي ، بجانب Shape، افتح Custom Shape Picker .
3. اضغط على العجلة، ثم Load Shapes.
4. ابحث في المكان الذي قمت بتنزيل الملف فيه، وحدده ، ثم انقر على Load.
لقد تم تثبيت الأشكال المخصصة بنجاح.
باستخدام ال Custom Shapes المثبتة حديثًا، دعنا نرسم منزلًا، ثم نعدله و نحافظ على السقف فقط.
1. افتح Photoshop
2. في الجزء العلوي الأيسر، انقر على File ثم New.
3. في نافذة جديدة، عدل العرض على 700 و الارتفاع على 350، ثم انقر على OK.
4. على الجانب الأيس، انقر على Custom Shape Tool، ثم في الجزء العلوي افتح Custom Shape Picker، وابحث عن شكل يمثل منزلًا وحدده.
5. في الجزء العلوي، بجوار Fill، اختر أي لون غير الأبيض.
6. لرسم الشكل، ما عليك سوى النقر على Shift + الزر الأيسر للفأرة واسحب. كلما زاد سحب الماوس، زاد حجم الشكل. ها هي النتيجة:
7. حان الوقت الآن لحذف كل شيء ما عدا السقف. للقيام بذلك ، تأكد من تحديد طبقة الشكل الذي تم إنشاؤه.
8. على الجانب الأيسر، باستخدام الزر الأيمن للفأرة، انقر على Lasso Tool وحدد أداة Polygonal Lasso Tool.
9. باستخدام أداة Polygonal Lasso Tool، حدد المنزل، باستثناء السقف تمامًا كما في الصورة أدناه:
10. على لوحة المفاتيح، انقر على Del لحذف الجزء المحدد.
بهذه الخطوات قد نجحنا في التعديل على الشكل، والخطوة التالية ستتمثل في كتابة اسم الموقع الإلكتروني ووضعه تحت السقف.
على الجانب الأيسر، انقر فوق أداة الكتابة الأفقية، ثم في الجزء العلوي، حدد الخط وحجمه.
2. انقر فوق المساحة البيضاء الموجودة أسفل السطح ثم اكتب اسم الموقع.
3. يمكنك أيضًا ضبط مكان اسم الموقع أو السطح من خلال النقر عليهما وإزاحتهما بالماوس.
باستخدام تقنية التدرج اللوني، ستبدو الألوان رائعة ، وإليك كيفية القيام بذلك في ال Photoshop.
على الجانب الأيمن، انقر نقرًا مزدوجًا فوق طبقة السقف.
2. ستظهر نافذة جديدة، قم بتنشيط Gradient Overlay، وانقر فوق اللون الموجود بجوار Gradient. ستظهر نافذة جديدة، حدد الإعداد المسبق الثالث واختر نوعين مختلفين من نفس اللون. يجب أن تكون الألوان قريبة جدًا من بعضها البعض. انظر الصورة التالية.
كما ترى، لقد اخترت البلو أوشن.
يبدو اللون على الجانب الأيسر أغمق قليلاً من ذلك الموجود على الجانب الأيمن.
ها هي النتيجة النهائية:
من سمات الشعار الاحترافي أنه يمكن أن يتناسب مع خلفية أي موقع ويب،
على سبيل المثال، إذا كانت خلفية موقع الويب رمادية، فستكون خلفية الشعار رمادية، وإذا كانت سوداء، فستكون خلفية الشعار سوداء، وما إلى ذلك.
للقيام بذلك، يجب حذف خلفية شعارك وحفظ الملف بامتداد png.
1. على الجانب الأيمن، باستخدام الزر الأيمن للفأرة، انقر فوق طبقة الخلفية، ثم بالزر الأيسر، انقر فوق Delete Layer.
2. انقر فوق “File“ ثم “Save”.
3. بجانب File Name، اكتب اسم شعارك، في القائمة المنسدلة بجوار Format، حدد PNG وانقر فوق حفظ .
الشعار جاهز للاستخدام!
يمكنك الآن حفظ العديد من النسخ لأغراض عديدة و بأحجام مختلفة: لموقع الويب الخاص بك، لل Facebook، ل Twitter، إلخ.
وورد بريس هو أداة مجانية يمكن استخدامها من قبل أي شخص لانشاء و ادارة المواقع بسهولة جدا.
توفر العديد من خدمات استضافة الويب طريقة لتثبيته وتهيئته بسهولة باستخدام مثبت التطبيقات.
Softaculous مثلا هو مثبت تطبيقات cPanel، يجعل من تثبيت ال WordPress مهمة سهلة.
لتثبيت ال WordPress، ابحث عن Softaculous في ال cPanel.
يمكنك الآن زيارة موقع الويب الخاص بك والبدء في التعديل عليه باتباع ال Administrative URL وتسجيل الدخول إلى لوحة التحكم لموقعك.
مع ال WordPress، لا يتعين عليك تعلم لغات البرمجة، ولا قضاء وقت طويل في التصميم.
كل ما عليك فعله هو البحث وتفعيل الثيم الذي يتوافق مع محتوى موقعك الالكتروني وها أنت قد انهيت المشكل!
في الأسطر التالية، سأوضح لك كيفية تثبيت ثيم WordPress و التعديل عليه.
5. يمكننا تثبيته بالضغط على Install ثم الانتظار حتى ينتهي.
انتقل إلى Appearance > Customize. سيتم فتح بريفيو. سيبدو موقع الويب فارغًا وبسيطًا جدًا.
على الجانب الأيسر، يوجد شريط جانبي، يمكننا استخدامه لتعديل موقعنا على الويب.
لنبدأ بتحميل صورة شعار بالنقر على Site Identity > Select Logo > Select Files .
توضح لك الصورة التالية كيف يبدو على الموقع.
كما ترى، هناك شعار وعنوان تحت الصورة. دعنا نحذفها عن طريق إلغاء تحديد المربعات Display Site Title و Tagline .
دعنا نضيف قائمة إلى موقعنا من خلال النقر على Menus، ثم Create New Menu.
تحت Menu Name، أدخل اسم القائمة الجديدة، دعنا نطلق عليها Main Menu. دعنا أيضًا نفعل المربع Top Menu، ثم النقر على Next.
هذا الثيم يدعم ثلاثة أنواع من القوائم: Top Menu ،Category Menu و Secondary Menu.
لنضيف الصفحات Home، About Us، و Contact Us إلى القائمة العلوية. انقر فوق Add Items، وتحت Pages انقرعلى علامة + بجانبها كل واحدة منها لإضافتها. إذا كانت الصفحة غير موجودة، فاكتب اسم الصفحة في الحقل الفارغ وانقرعلى Add.
كما ترى، تم إنشاء القائمة العلوية بنجاح! انقر على Publish لحفظ التعديلات.
هيا بنا ننشئ الفئات التالية: Sensors, Security & Cameras, kits & hubs, and Lights & Appliances.
تحت Name، اكتب اسم الفئة و تحت Slug ذلك الاسم الذي يظهر في عنوان ال URL، ويجب كتابته بأحرف صغيرة بدون فراغات.
لتحسين ال SEO، يوصى بكتابة وصف لكل فئة.
بعد إنشاء الفئات، عد إلى النافذة الأولى وقم بتحديثها.
اتبع نفس الخطوات كما في السابق، ولكن، هذه المرة، حدد Category Menu.
انقر على Add Item > Categories ثم فوق علامة + بجوار كل فئة لإضافتها إلى القائمة الجديدة، ثم انقر على Publish لحفظ التغييرات.
بالتعديل الذي قمنا به حتى الآن، الموقع الويب في تحسن كبير، لكن حتى الأن لا يزال غير جاهز لبيع المنتجات.
لكي نتمكن من بيع المنتجات، نحتاج إلى تثبيت Plugin للتجارة الإلكترونية.
WooCommerce مجاني وشائع، دعنا نضيفه.
1. انقر فوق Plugins > Add New، واكتب “WooCommerce” في شريط البحث.
2. قم بتثبيته و تفعيله.
3. بعد التفعيل، يجب تهيئة WooCommerce بملأ جميع المعلومات المطلوبة: موقع المتجر، والعنوان، والعملة، وخيار ما اذا كنت تود أن تبيع منتجات رقمية أو مادية. الدفع، رسوم الشحن.
بعد الانتهاء من هذه الاعدادات، يصبح الموقع جاهزًا لبيع المنتجات.
فيما يلي كيفية إضافة المنتجات إلى المتجر:
1. قم بتمرير مؤشر الماوس فوق Products، ثم اضغط Add New.
2. أضف معلومات منتجك: العنوان، الوصف، السعر، الفئة، الصور، إلخ.
3. انقر على Publish.
1. قم بتمرير المؤشر فوق Settings، ثم انقر على Reading.
2. وضع ال Homepage على Shop.
3. وضع Posts Page على Blog.
3. انقر على Save Changes.
الموقع الآن كامل وجاهز لبيع المنتجات.
يحتاج موقع الويب حديث النشأة إلى تحسين لمحركات البحث.
تُعرف هذه العملية باسم ال SEO.
يساعد ال SEO في تحسين ترتيب موقعك على محركات البحث و التي ستجلب لك الكثير من الزوار.
قد يبدو الجانب التقني منه صعبًا، ولكن في WordPress، يمكن إنجاز معظم الأعمال باستخدام البلوجينات والثيمات المنظمة.
في الأسطر التالية، سأشاركك الإجراءات الأساسية لتحسين موقعك الجديد على محركات البحث.
غوغل وبينغ هي محركات بحث شائعة. من المهم الانضمام إلى أدوات مشرفي المواقع الخاصة بها من خلال إنشاء حساب على Google Webmaster Tools و Bing Webmaster Tools.
تساعد أدوات مشرفي المواقع مالكي المواقع على تحسين مواقعهم من خلال التقارير التفصيلية والاقتراحات الفنية المقدمة.
ال Sitemap هو ملف يحتوي على مجموعة من الروابط لمحتوى الموقع الالكتروني الخاص بك.
يقوم الملف بمساعدة محركات البحث في فهم بنية موقعك و إخطارهم بالمنشورات الجديدة.
يتولى البلوجين Yoast SEO أمر انشاء الملف نيابة عنك، فهو يقوم بإنشاء Sitemap كاملة ومفصلة و جاهزة لتقديمها إلى محركات البحث.
تحب Google ومحركات البحث الأخرى مواقع الويب التي يتم تحمل بسرعة.
تم تصميم الأداةPageSpeed Insights من طرف غوغل لمساعدتك على فهم كل ماهو يعيق سرعة تحميل صفحات موقعك.
فالأداة تمنحك نظرة عامة شاملة على جميع المشكلات التي تعيق سرعة تحميل موقعك مرفوقة بقائمة من الاقتراحات لإصلاحها.
يمكن للأدوات الأخرى الموجودة على الويب أن تزودك بتقارير مفصلة عن موقعك مجانًا.
الأداة SEO SiteCheckUp، على سبيل المثال، تشخص موقعك وتظهر لك قائمة من الاقتراحات التي من شأنها أن تساعدك على إصلاح أخطاء ال SEO.
بالإضافة إلى ذلك، أقترح استخدام أدوات مشرفي المواقع من Bing. فهي تحتوي على أداة قوية لتحسين ال SEO مجانا.
و لفهم أفضل لموقع الويب الخاص بك، من المهم جدا ألا تكتفي بتشخيص ال URL الرئيسي للموقع بل حتى ال URLs الآخرى.
يساعد موقع الويب ذو البنية الجيدة محركات البحث على تحديد أجزائه المختلفة: العناوين الرئيسية والمحتوى والمؤلف وتاريخ نشر المناشير و الصفحات وجميع المعلومات الضرورية.
أداة Structured Data Testing Tool تفحص هذا وتخبرك ما إذا كان موقعك منظم بشكل جيد أم لا.
في حالة عثورك على العديد من الأخطاء أو عرض لك صفحة فارغة، فهذا يعني أن الثيم ليس مبرمج بشكل جيد.
من الأفضل اذن تغييره.
إنشاء موقع على شبكة الإنترنت أمر سهل للغاية.
كل ما هو مطلوب هو اسم نطاق وخدمة استضافة وأداة مثل ال WordPress.
[ld_quiz quiz_id=”4470″]