أفضل ممارسات بنية موقع الويب

نشرت: 2020-12-17

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

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

لماذا تعتبر بنية الموقع مهمة؟

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

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

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

كيف تعمل بنية الموقع الجيدة

عندما تكون المعلومات الموجودة على موقع الويب منظمة بشكل جيد ومدعومة بتصميم ذي صلة ، يكون الجميع سعداء - مالك الموقع والمستخدمين ومحركات البحث.

إليك كيفية عمل الهيكل الجيد:

يدعم أهداف صاحب العمل ويعزز النتائج المتوقعة

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

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

إعداد قراءة لوحة إدارة WordPress

لوحة إدارة WordPress ، إعدادات القراءة - اختيار الصفحة الرئيسية كصفحة ثابتة وصفحة مدونة

يحسن تجربة المستخدم

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

يعزز مُحسّنات محرّكات البحث عن طريق تحسين زحف الروبوتات

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

XX أفضل الممارسات لهيكل موقع الويب

بدون رؤية واضحة لكيفية تخطيط موقع ويب وبناء هيكله ، لا يمكن القيام بتصميم الويب وتطويره.

تتضمن الممارسات الجيدة التالية وجهات النظر الموصوفة أعلاه والفوائد عند الاقتراب من تخطيط موقع الويب.

نصائح تصميم مواقع الويب: كيفية تصعيد لعبتك في تصميم الويب

1. حدد أهداف عملك والجماهير المستهدفة

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

بناءً على أهدافك وأهداف الاتصال ، يمكنك الاختيار بين نهجين أساسيين:

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

يفتح موقع ATT.com مباشرة في قسم "شخصي" ولكنه يحتوي أيضًا على قسم للشركات الصغيرة والمؤسسات ؛ في هذه الصورة - تم تحديد قسم المؤسسة

اقرأ المزيد: مخطط المعلومات الرسومي: كيفية تطوير مفاهيم WordPress المتمحورة حول المستخدم

  • الشركة أو التصميم المرتكز على المنتج - تم تصميم مواقع الويب هذه لتمييز مالك الشركة نفسه و / أو منتجاتها. قد تتضمن أيضًا أقسامًا وصفحات تستهدف مجموعات معينة من المستخدمين ولكن العلامة التجارية لا تزال محور التركيز الرئيسي.
هيكل موقع IMDB.com

يركز هيكل موقع IMDB.com على الإنتاج: الأفلام والبرامج التلفزيونية والمشاهير

2. قم بإجراء بحث عن منافس

عند تصميم موقع الويب الخاص بك ، هناك عدة أسباب للبحث عن المنافسين. واحد منهم هو فحص كيفية تنظيم مواقعهم.

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

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

كيفية استخدام أبحاث المنافسين لتلميع إستراتيجية التسويق الخاصة بك

3. قم بعمل قائمة جرد لكل المحتوى الخاص بك

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

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

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

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

4. حدد أنواع المنشورات

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

نوع منشور محفظة DevriX

تستخدم DevriX نوع منشور المحفظة لنشر دراسات الحالة للعملاء

بشكل افتراضي ، يحتوي WordPress على نوعين رئيسيين من المنشورات - الصفحات والمنشورات - والتي نشأت عندما كان نظام إدارة المحتوى عبارة عن نظام أساسي للتدوين فقط ، حيث احتاجت المدونات إلى العديد من الصفحات "الثابتة" للمحتوى الدائم ومشاركات المدونات للأخبار والتحديثات.

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

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

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

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

صفحات WordPress مقابل منشورات WordPress ، والحس المشترك ، و SEO

5. إنشاء رحلة المشتري وحالات الاستخدام

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

مسار التحويل: حدد رحلة المستخدم على موقع الويب الخاص بك

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

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

موقع ويب MVP: كل ما تريد معرفته + مخطط معلومات رسومية

6. قم بالبحث عن الكلمات الرئيسية الأساسية

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

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

هل ستطلق على خدماتك اسم "المنتجات" أو "الحلول"؟ هل تحتاج إلى قسم "الماركات" في متجرك عبر الإنترنت؟

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

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

تم إجراء بحث الكلمات الرئيسية عن تحسين محركات البحث بشكل صحيح

7. الاستفادة من التصنيفات

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

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

فئات النشر على موقع DevriX

فئات النشر على موقع DevriX

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

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

8. إنشاء تنقل بسيط ومنطقي

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

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

عندما يتعلق الأمر باتساع وعمق القائمة ، هناك بعض القواعد البسيطة التي يجب اتباعها.

  • لا تستخدم العديد من الفئات الأفقية - اذهب إلى 7-8 كحد أقصى ؛
  • لا تجعله عميقًا جدًا - يجب ألا ينخفض ​​التبعية لأكثر من 3 مستويات
  • اجعلها متناسقة ومتوازنة - إذا كان هناك عدد كبير جدًا من الصفحات الفرعية في قسم واحد وزوجين فقط في قسم آخر ، فقد يكون الهيكل بأكمله خاطئًا.

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

قوائم تحرير الفسفور الابيض

قد تتضمن خيارات قائمة تعديل WordPress الصفحات والمنشورات وأنواع المنشورات الأخرى والروابط المخصصة والفئات

9. حدد هيكل عنوان URL الخاص بموقع الويب والروابط الثابتة

بنية عنوان URL مع WordPress محددة مسبقًا في الإعدادات.

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

فيما يلي بعض الممارسات الجيدة لبنية URL على موقع WordPress على الويب:

  • استخدم بنية الرابط الثابت التي تجمع بين اسم المنشور والمجال مثل هذا: https://yourwebsite.com/ post-name
  • بشكل افتراضي ، سيقوم WordPress بإنشاء رابط ثابت لصفحاتك ومنشوراتك ، بما في ذلك جميع الكلمات من عناوينها. ومع ذلك ، قد تكون هذه الكلمات طويلة جدًا وتحتوي على كلمات غير مهمة ، لذا قم بتحريرها.
  • لترتيب صفحاتك بشكل أفضل في Google ، احتفظ بالروابط الثابتة بطول 60 حرفًا.
  • كلما أمكن ، قم بإنشاء عناوين URL أقصر عن طريق الاحتفاظ بالكلمات الرئيسية الأكثر أهمية من العنوان - وهذا يساعد أيضًا محركات البحث على فهرسة صفحاتك.
  • احذف كل كلمات التوقف مثل حروف العطف والضمائر.
  • استخدم الواصلات لفصل الكلمات في الروابط الثابتة لمساعدة المستخدمين ومحركات البحث على معرفة ما تدور حوله الصفحة.
إعدادات الروابط الثابتة لـ WordPress

الروابط الثابتة / بنية عنوان URL في خيارات WordPress - عادةً ما يكون نوع اسم المنشور هو الأكثر تفضيلاً لأنه يتضمن كلمات رئيسية

10. إضافة خريطة موقع للموقع

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

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

هناك العديد من الأدوات التي تساعدك في إنشاء وإضافة خريطة موقع إلى موقع WordPress الخاص بك ، بما في ذلك المكونات الإضافية. ومع ذلك ، مع الإصدار الأخير من WordPress 5.5. يتم تمكين خرائط مواقع XML افتراضيًا ويمكن للمستخدمين أيضًا رؤيتها.

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

صفحة خريطة موقع ATT

خريطة موقع ATT.com - تم إنشاؤها كصفحة داخلية لمطابقة التصميم

تخطيط التسلسل الهرمي لموقع الويب الخاص بك

بعد الانتهاء من جميع المهام المذكورة أعلاه ، سيكون إنهاء هيكل الموقع أمرًا سهلاً وسريعًا. فيما يلي بعض الأنواع العامة لهياكل المواقع التي يجب مراعاتها عند اختيارك النهائي:

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

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

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

مثال على موقع ويب بدون تسلسل هرمي - وكالة Nika - على الرغم من أن هذا الموقع يحتوي على قسم خاص بالمحفظة ، فإن صفحات المشاريع ليست صفحات فرعية ، على سبيل المثال https://nika.agency/ apothe-pure-details .html

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

موقع خدمة GlobeKit ذو صفحة واحدة

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

هناك أنواع أقل شيوعًا من هياكل مواقع الويب مثل Sequential و the Matrix و the Database. كما قد تكون خمنت من أسمائهم

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

افكار اخيرة

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