أعلى وحدات دروبال 8 (و 9) لتصفح موقع الويب بسهولة

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

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

عناصر للتنقل السهل في موقع الويب

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

1. أشرطة التنقل الرئيسية

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

2. فتات الخبز

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

3. القوائم متعددة الأعمدة (والقوائم الفرعية)

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

4. خرائط المواقع

غالبًا ما تُعتبر ملفات Sitemap بمثابة مُعزِّز لتحسين محركات البحث (SEO) ، فهي مفيدة للغاية كأداة مساعدة في التنقل أيضًا. يجب أن يعرض ملف Sitemap النموذجي بنية هرمية لموقع الويب بأكمله.

5. أزرار CTA (Call To Action)

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

6. الشريط الجانبي

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

7. الارتباطات التشعبية

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

8. التذييلات

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

أعلى وحدات دروبال 8 (و 9) للتنقل السهل

1. كتلة القائمة

يتبع تصميم وحدة Drupal 8 Menu Block نمط التنقل الشجري القياسي لدروبال ولكنه يوفر ميزات محسّنة أكثر من تلك المتوفرة في وحدات القائمة الأساسية. يمكنك بسهولة تكوين مجموعات روابط القائمة وتحديد المستوى الذي تريد أن تبدأ به وتنتهي به. لا يوجد حد لعدد المستويات التي يمكنك عرضها. يمكنك اختيار الاحتفاظ بعناصر القائمة الفرعية الخاصة بك موسعة. يتم نقل بعض الميزات الأساسية لهذه الوحدة إلى Drupal 8 core. تدعم وحدة كتلة القائمة أيضًا دروبال 9.

2. مسار تنقل سهل

تعمل وحدة Drupal 8 Easy Breadcrumb عن طريق استخراج أجزاء الموقع من عنوان URL الحالي لصفحة الويب. إنه يوفر الكثير من الخيارات القابلة للتكوين ويمكنه استبدال وحدة فتات الخبز الموجودة في دروبال. يمكنك اختيار إخفاء ارتباط الصفحة الرئيسية تمامًا أو أي روابط أخرى محددة. تدعم وحدة مسار التنقل السهل دروبال 9 أيضًا!

3. سوبرفيش

تعتبر وحدة Drupal 8 Superfish مثالية عندما يكون لديك قوائم منسدلة كبيرة ومتعددة الطبقات ومتعددة الأعمدة. تتكامل الوحدة مع المكون الإضافي jQuery Superfish وهو مكون إضافي لقائمة متعدد الاستخدامات يعمل مع شاشات اللمس وقارئات الشاشة وتفاعلات لوحة المفاتيح الأخرى. يمكن تهيئته لإضافة تأخيرات زمنية على تمرير الماوس ، والرسوم المتحركة ، وإخفاء وكشف روابط القائمة ، وإضافة الأسهم في حالة اكتشاف القوائم الفرعية ، وأكثر من ذلك بكثير. كما أنه متوافق مع دروبال 9.

4. خريطة الموقع

تتميز وحدة Drupal 8 Sitemap بالبساطة والنظافة وسهولة الاستخدام. يمكنه عرض بنية الموقع بالكامل في بنية هرمية نظيفة. يمكنك أيضًا اختيار إنشاء وعرض موجز ويب لـ RSS للمدونات والفئات. تدعم وحدة خريطة الموقع دروبال 9.

5. الوصول إلى دور عنصر القائمة

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

6. قائمة تشيز برجر

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

7. تبسيط القائمة

تتيح لك وحدة Drupal 8 Simplify Menu عرض القوائم في قالب Twig الخاص بك. يسمح بتخصيص ترميز القائمة الذي يتيح إمكانية الوصول ويتوافق مع المعايير. يمكنك عرض شجرة القائمة الخاصة بك كمصفوفة في قالب الغصين والتحكم الكامل في مصفوفة القائمة. هذه الوحدة لا تدعم دروبال 9 حتى الآن.

8. لوحة تحكم مسؤول التحكم الكامل

تعد لوحة تحكم مشرف Drupal 8 Total Control أداة تنقل إدارية مفيدة. يعمل كمحور مركزي لجميع أدوات الإدارة. تعرض لوحة المعلومات أجزاء المسؤول والروابط السريعة للمستخدمين والتصنيفات والقوائم وأنواع المحتوى وإحصائيات الموقع وأجزاء لوحة طرق العرض والمزيد. يمكن تخصيص أجزاء لوحة العرض بشكل أكبر. تعمل هذه الوحدة أيضًا مع دروبال 9.

9. Footermap: خريطة موقع تذييل

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