9 ملحقات WordPress لتحسين تجربة المستخدم للقراء السعداء


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

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

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

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

9 أفضل ملحقات WordPress لتحسين تجربة المستخدم

1. أضف شريط تقدم القراءة باستخدام WP Reading Progress

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

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

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

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

2. أضف وقت القراءة المقدر مع وقت قراءة WP

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

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

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

3. تحسين أداء WordPress باستخدام WP Rocket (أو مكونات إضافية للأداء)

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

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

خيار ممتاز جيد هنا هو WP Rocket – يبدأ من 49 دولارًا ، ولكنه يجعل تنفيذ جميع أفضل ممارسات السرعة المهمة أمرًا سهلاً. يمكنك معرفة المزيد في مراجعة WP Rocket الخاصة بي.

أو يمكنك أيضًا العثور على مكونات إضافية مجانية عالية الجودة. الخيارات الجيدة هي:

أشارك أيضًا بعض المكونات الإضافية الجيدة للتخزين المؤقت هنا.

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

4. إضافة خيار الوضع الداكن مع بلاكاوت

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

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

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

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

5. قم بإضافة زر الرجوع إلى الأعلى باستخدام WPFront Scroll Top

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

بالنسبة لزر ShoutMeLoud ، استخدمنا ميزة الرجوع إلى الأعلى المدمجة في سمة Astra (تعرف على سبب إعجابنا واستخدام سمة Astra). ومع ذلك ، يمكنك أيضًا إضافة زر إلى أي سمة WordPress باستخدام البرنامج المساعد WPFront Scroll Top المجاني.

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

6. إضافة صورة / معاينة العرض المبسط

إذا نشرت الكثير من الصور الشيقة ، فقد يرغب زوار موقعك في خيار التكبير لرؤية المزيد من التفاصيل. باستخدام المكوِّن الإضافي lightbox ، يمكنك السماح للزائرين برؤية الصورة كاملة الدقة عند النقر عليها. لن يسحبهم من الصفحة على الرغم من ذلك ، إنه يقوم فقط بتحميل الصورة كاملة الدقة في نافذة منبثقة.

تتضمن معظم إضافات معرض WordPress ميزة Lightbox ، ولكن يمكنك أيضًا إضافة هذا إلى صورك غير الموجودة في المعرض باستخدام سيمب الحرةلe Lightbox plugin.

7. إنشاء رأس ثابت

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

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

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

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

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

8. ابحث عن الروابط المعطلة باستخدام Broken Link Checker

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

للعثور على الروابط المعطلة وإصلاحها في WordPress ، يمكنك استخدام ملحق Broken Link Checker free plugin. سيكتشف تلقائيًا جميع الروابط المعطلة على موقعك ويمنحك الفرصة لتصحيحها من واجهة واحدة ملائمة.

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

  • قم بتثبيته
  • ابحث عن الروابط المعطلة
  • قم بتعطيله
  • أعد تمكينه فقط عندما تريد إعادة التحقق من الروابط المعطلة

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

9. تحسين البحث في WordPress باستخدام SearchWP

إذا كان زوار موقعك يثقون في البحث في موقعك ، فقد ينتهي بهم الأمر بالإحباط لأن نظام البحث الافتراضي في WordPress ليس قويًا للغاية.

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

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

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

قم بتحسين تجربة المستخدم لموقع WordPress الخاص بك اليوم

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

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

شاركت تكتيكًا باستخدام WP Rocket (أو مكون إضافي للتخزين المؤقت). لمزيد من الاستراتيجيات ، راجع هذا الدليل حول كيفية تسريع WordPress.

هل تعرف أي إضافات WordPress رائعة أخرى لتحسين تجربة المستخدم؟ مشاركتها في التعليقات!



Related Posts

اترك رد