الأجزاء الأساسية من موقع الويب

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

ما هي الأجزاء الأساسية التي تتكوّن منها صفحات مواقع الويب؟ وما هي الصفحات الرئيسية في كل موقع؟ وما الغرض منها؟ في مقالنا هذا سنجيب على هذه الأسئلة.

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

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

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

فيما يلي أجزاء صفحة الويب الرئيسية التي تحتاج إلى معرفتها.

ما هي الأجزاء الأساسية لموقع الويب في كل صفحة؟

هذه هي المكونات الرئيسية لموقع الويب، معظمنا لا يفكر في هذه المكونات أثناء التصفح عبر الإنترنت ولكن ستتم الملاحظة حتماً في حال كانوا في عداد المفقودين أم لا، لأنهم عناصر أساسية.

  1. Header الرأس:

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

الاتجاه الحالي هو للعناوين البسيطة التي يتم تحميلها بسرعة بدلاً من العناوين الثقيلة المليئة بالصور والتي تشغل نصف الصفحة.

من المهم الحفاظ على تناسق العنوان عبر كل صفحة من صفحات موقعك حتى يتمكن الزوار من التنقل بسهولة.

  1. Footer التذييل:

التذييل هو الجزء السفلي من موقع الويب الخاص بك ويعمل كقائمة ثانوية، يحتوي على روابط لمعلومات مثل:

  • معلومات قانونية.
  • وظائف.
  • الخصوصية / الشروط.
  • اتصل بنا.
  • معلومات عنا.

على الأقل، يجب أن يحتوي التذييل الخاص بك على معلومات حقوق النشر الخاصة بك وسياسة وشروط الخصوصية الخاصة بك.

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

  1. Sidebar الشريط الجانبي:

تعد الأشرطة الجانبية من أكثر الأجزاء القابلة للتخصيص في صفحة الويب.

يمكن أن تكون على الجانب الأيسر أو الأيمن من الصفحة، أو كليهما، تحتوي على أي مجموعة مما يلي:

  • عبارات الحث على اتخاذ إجراء CTA.
  • أحدث التدوينات.
  • الاشتراك بالبريد الإلكتروني.
  • معلومات عنا.
  • السير الذاتية للمؤلفين.
  • أدوات التسوق.
  • شهادات العملاء.
  • معلومات الاتصال.
  • أشرطة فيديو.

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

  1. Menu & Navigation القائمة والتنقل:

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

يجب تقسيم روابط القائمة حسب الفئة بطريقة تناسب عملك.

يؤدي النقر فوق ارتباط إلى توجيه الزوار إلى صفحات مختلفة على الموقع.

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

  1. Body Content محتوى الجسم:

إنّ جميع ميّزات التصميم في النهاية موجودة كي تكمّل محتوى الجسم لكل صفحة.

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

يشير مصطلح “body” في كود HTML لهذا القسم الذي هو الجسم (منتصف الصفحة)، والذي يخبر النظام الأساسي للمحتوى الخاص بك بوضع هذا في المساحة الكبيرة المفتوحة في منتصف صفحتك.

  1. Images/Feature Image الصور و الصور المميزة:

تحتاج صفحات الويب إلى عناصر مرئية لجذب انتباه المشاهد والإبلاغ بسرعة عن نوع المحتوى الذي سيعثرون عليه على هذا الموقع.

تحتوي معظم الصفحات على صورة مميزة أو صورة رئيسية، هذه هي الصورة التمثيلية لكل صفحة، يجب تضمين الصور الأخرى أيضاً  ولكن يجب أن تكون الصورة المميزة هي الأولى. 

في WordPress، تُعرف الصورة المميزة أيضاً باسم post thumbnail، تمت فهرسة هذه الصورة بصفحة الويب وتظهر في عمليات البحث كاتصال مرئي لأي صفحة معينة.

ما هي صفحات الموقع الأساسية؟

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

  • Home
  • Landing
  • About Us
  • Contact
  • Blog

سنغطي الغرض من كل صفحة.

  1. Home Page الصفحة الرئيسية:

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

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

يجب أن تظل صفحتك الرئيسية متسقة ومحدثة دائماً.

  1. Landing Page الصفحة المقصودة:

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

الصفحات المقصودة بسيطة وتعزز عبارة واحدة مباشرة تحث المستخدم على اتخاذ إجراء، مثل “اشتر الآن” أو “اتصل للحصول على عرض أسعار مجاني” أو “قم تنزيل الدليل”.

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

  1. About Us Page صفحة من نحن:

تعد صفحة “من نحن” الخاصة بك من أهم الصفحات على موقعك.

غالباً ما تكون المحطة الأولى للزوار الجدد لموقعك ويجب أن تتضمن القليل حول تاريخ الموقع ورسالته والمميزات الخاصة به.

  1. Contact Page صفحة الاتصال:

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

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

  1. Website Blog مدونة الموقع:

تعد المدونات أداة رائعة لجذب حركة المرور إلى موقعك بمحتوى موثوق، يجب أن تكون مدوناتك قابلة للوصول من صفحة مدونة تسرد كل منشور بالتسلسل، ويكون الأحدث في الأعلى.

يمكن أن يكون لديك أيضاً قسم لمنشورات المدونة المميزة التي تريد إبرازها أو مكان لعرض منشوراتك الأكثر شيوعاً. 

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

نهايةً، نأمل أن تكون قد وجدت في مقالنا هذا ما تبحث عنه من مكونات موقع الويب الأساسية وأجزائه.

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