سنغوص اليوم في موضوع الأشرطة الجانبية الديناميكية وعناصر واجهة المستخدم (تلك المرتبطة بالمحتوى) ؛ والأهم من ذلك كيف يمكنهم المساعدة في تقليل معدل الارتداد على موقعك وبالتالي تحسين فرصك في إجراء تحويل.
جرب نسخة تجريبية مجانية
سنوضح لك كيفية إنشاء شريط جانبي ، جنبًا إلى جنب مع الأدوات التي تعرض للزائرين بالضبط ما يريدون رؤيته بناءً على موضوع أو محتوى الصفحة أو المنشور الحالي.
قبل أن أوضح لك كيفية تقليل معدل الارتداد من خلال عرض الأشرطة الجانبية والأدوات ذات الصلة بالمحتوى ، دعنا أولاً نحدد معدل الارتداد .
يشير معدل الارتداد إلى النسبة المئوية لزوار الموقع الذين يدخلون ويغادرون بدلاً من البقاء لاستكشاف صفحات أخرى على موقع الويب الخاص بك. لتقليل معدل الارتداد ، تحتاج إلى زيادة المشاركة ، وهذا يخبرك كثيرًا عن قابلية استخدام موقعك. عندما يجد الزائر المحتوى الخاص بك مفيدًا ، فإنه يظل على استعداد لاستكشاف الموقع للحصول على محتوى أكثر فائدة. وهذا بدوره يمنحك معدل تحويل أعلى. كلما طالت مدة بقاء زوارك على موقعك ، زادت احتمالية زيادة المبيعات والاشتراكات وإيرادات الإعلانات.
بالطبع ، تريدهم أن يبقوا لفترة أطول ، لذلك يجب أن يكون لديك شيء يمنعهم من المغادرة في وقت مبكر جدًا – محتوى مفيد.
تريد بقاء المستخدمين لأطول فترة ممكنة ، مما يعني أنك بحاجة إلى شيء يمنعهم من المغادرة – محتوى مفيد. 📗
انقر للتغريد
لا يمكنك تحقيق قابلية استخدام الموقع من خلال توفير محتوى مفيد لزوار موقعك فقط. يجب عليك أيضًا تحسين الأدوات التي تعرضها في كل صفحة بطريقة تتفاعل معها. علاوة على ذلك ، يجب أن تكون هذه الأدوات ذات صلة بالمحتوى الذي يتم استخدامه في صفحة معينة.
الأدوات التي أشير إليها هي شريط التنقل وجميع مناطق عناصر واجهة المستخدم في صفحة معينة ، بما في ذلك الشريط الجانبي. بينما بالنسبة للكثيرين ، يلعب شريط التنقل الدور الأكبر في ضمان مشاركة المستخدم ، لا يمكنك أن تأخذ قوة مناطق عناصر واجهة المستخدم الخاصة بك كأمر مسلم به. هذا صحيح بشكل خاص عندما تكون على دراية بالعديد من الطرق المختلفة التي يوفرها لك وورد بريس للتحكم فيها بسهولة.
الشريط الجانبي هو العنصر النائب الأساسي لعنصر واجهة المستخدم الذي يمكن أن يجعل أو يكسر قابلية استخدام موقع الويب الخاص بك. لماذا ا؟ – لأنه من الملائم وضع الأدوات التي تريدها في الشريط الجانبي دون التفكير فيما إذا كانت هذه الأدوات ذات صلة بالمحتوى الرئيسي أم لا.
يشير الشريط الجانبي لـ وورد بريس المرتبط بالمحتوى الرئيسي إلى أحد العناصر التي تعرض عناصر واجهة مستخدم تم اختيارها بعناية لتظهر بجوار محتوى معين في صفحة معينة من حيث قابليتها للتطبيق. على سبيل المثال ، قد يحتوي الشريط الجانبي ذي الصلة بمنشور مدونة معين على أدوات مثل الاشتراك في الرسائل الإخبارية والمنشورات ذات الصلة.
تُظهر لقطات الشاشة أدناه الفرق بين الشريط الجانبي على MarketingProfs.com .
في مقالة المدونة هذه ، تعرض MarketingProfs الأدوات التالية: الاقتراحات وروابط الاشتراك والمنشورات الأكثر شيوعًا.
الشريط الجانبي الديناميكي (لقطة شاشة أ)
الشريط الجانبي الديناميكي (لقطة شاشة أ)
في مقالة المدونة هذه ، تعرض MarketingProfs الأدوات التالية: الاشتراك في الاشتراك ، وأدوات الوسائط الاجتماعية ، والمنشورات الأكثر شيوعًا.
الشريط الجانبي الديناميكي (لقطة شاشة ب)
الشريط الجانبي الديناميكي (لقطة شاشة ب)
تساعد الأشرطة الجانبية زوار الموقع في تحديد الإجراء الذي يجب اتخاذه بعد ذلك. على سبيل المثال ، من صفحة نشر مدونة ، يمكنهم اختيار التسجيل للاشتراك في النشرة الإخبارية. إذا كان لديك عدد من الفئات للرسائل الإخبارية ، فيمكنك عرض أداة اشتراك للفئة التي ينتمي إليها منشور المدونة. كل عنصر واجهة مستخدم يحمل اسم فئة معينة ، لذلك يعرف القراء بالضبط ما الذي يشتركون فيه. انظر إلى الصور أدناه مأخوذة من صحيفة واشنطن بوست .
تساعد الأشرطة الجانبية ذات الصلة بالمحتوى أيضًا في التسويق المستهدف . يمكنك إنشاء شريط جانبي مخصص لمستخدمي الموقع الذين تقوم بتجميعهم بناءً على المعلومات الديموغرافية. على سبيل المثال ، يمكنك إنشاء أشرطة جانبية لإصدارات اللغات المختلفة لموقعك على الويب ، أو عرض روابط جهات الاتصال فيها بناءً على الموقع ، أو إظهار عروض ترويجية للمنتج بناءً على اهتماماتهم. أو يمكنك إنشاء أشرطة جانبية مختلفة بناءً على فئة منشورات مدونتك.
واشنطن بوست لديها “يجب أن تقرأ” كواحدة من فئاتها للنشرات الإخبارية. تظهر الأداة في هذه المقالة بعنوان “دجاجة ملوثة بالسالمونيلا قتلت 1 ، ومرضت 17 في تفشي متعدد الولايات ، كما يقول مركز السيطرة على الأمراض” وجميع المقالات الأخرى التي تنتمي إلى نفس الفئة.
عنصر واجهة الشريط الجانبي الديناميكي أ
عنصر واجهة الشريط الجانبي الديناميكي أ
من ناحية أخرى ، تحتوي مقالة Tech هذه ، “مديرو فيسبوك وتويتر للإدلاء بشهادتهم أمام الكونجرس الأسبوع المقبل” ، من صحيفة واشنطن بوست ، على القطعة “تنبيهات البريد الإلكتروني لأخبار التكنولوجيا” في الشريط الجانبي ، وتستهدف قراء القصص المتعلقة بالتكنولوجيا.
عنصر واجهة الشريط الجانبي الديناميكي أ
عنصر واجهة الشريط الجانبي الديناميكي أ
يمكن أن تساعد الأشرطة الجانبية ذات الأدوات ذات الصلة بالمحتوى أيضًا في تحسين مُحسّنات محرّكات البحث . يمكن أن يؤدي استخدام علامات العنوان بأكملها أو جزء منها كعناوين عنصر واجهة مستخدم إلى إحداث تأثير صغير ولكنه ذو مغزى على تحسين محرك البحث .
تتمثل الخطوة الأولى لإنشاء أشرطة جانبية ذات صلة بالمحتوى في تحديد ما هو ملائم وما هو غير مناسب. يتطلب تحديد الأدوات التي ستظهر على الصفحة أو المنشور فهمًا عميقًا للغرض ولماذا أنشأت تلك الصفحة أو المنشور في المقام الأول.
على سبيل المثال ، قمت بإنشاء صفحة منتج ليس فقط لشرح ميزات المنتج وفوائده وأسعاره. لقد فعلت ذلك أيضًا لقيادة الزائرين إلى شرائه أو التفكير في منتجات مماثلة أو ذات صلة. بالإضافة إلى ذلك ، قد ترغب في إظهار أعلى تقييمات المنتج وأفضل المراجعات التي يمكن أن تساعدهم في اتخاذ قرار بشرائه. أو قد ترغب في مساعدتهم على الاتصال بمندوب مبيعات للإجابة على الأسئلة. مهما كان الإجراء الذي يقومون به ، يجب أن توضح لهم الصفحة طريقة القيام بذلك. الشريط الجانبي هو أحد أفضل الأماكن لوضع أزرار الحث على اتخاذ إجراء. ومن ثم ، يصبح الشريط الجانبي أداة قوية للغاية في الحفاظ على مشاركة زوارك في موقع الويب الخاص بك.
Kinsta ، على سبيل المثال ، يستخدم CTAs مختلفة في مدونته بناءً على فئة منشور المدونة. يساعد هذا في ضمان أن تكون الرسائل مستهدفة وذات صلة بموضوع المقالة.
CTA القطعة الشريط الجانبي
CTA القطعة الشريط الجانبي
علاوة على ذلك ، فإن تحديد ما لا يجب وضعه في الشريط الجانبي لا يقل أهمية عن تحديد ما يجب وضعه هناك. تساهم كثافة الشريط الجانبي ومناطق عناصر واجهة المستخدم الأخرى في الصفحة في الشكل العام والأسلوب. التخلص من الأدوات غير الملائمة أو الزائدة عن الحاجة يعالج نفس المشكلة مع معدلات الارتداد. في الواقع ، قد تجد بعض المواقع أنه لا يوجد شريط جانبي على الإطلاق هو أفضل طريقة للذهاب.
ربما ألقيت بمجموعة من الأدوات في الشريط الجانبي الخاص بك لأنك تعتقد أنها قد تكون مفيدة للزائرين. ومع ذلك ، قد تؤدي الصفحة المزدحمة إلى إيقاف العميل المحتمل. إذا كان هناك الكثير مما يحدث على الصفحة ، فقد يفقد الزائرون التركيز على ما جعلهم يأتون في المقام الأول. أعني بهذا عددًا كبيرًا جدًا من أدوات الإعلانات الخارجية أو عددًا كبيرًا جدًا من روابط المنتجات.
ببساطة ، يعد تحديد محتوى الشريط الجانبي المناسب أو غير المناسب أمرًا بالغ الأهمية لزيادة مشاركة المستخدم.
بعد تحديد ما تريد وضعه في الشريط الجانبي ، يمكنك جعل بعض الحاجيات بارزة عن البقية. تتمثل إحدى الطرق في إظهارها في مناطق عناصر واجهة المستخدم الأخرى ، مثل التذييل. هناك طريقة أخرى تتمثل في جعلها ثابتة وعائمة فوق الصفحة أثناء قيام المستخدمين بالتمرير. يتيح ذلك للمستخدمين التفاعل معهم على الفور دون الحاجة إلى التمرير لأعلى أو لأسفل.
الآن وقد ناقشنا أهمية الأدوات التي تستخدمها ، فإن الخطوة التالية هي اختيار طريقة لإنشاء تلك الأشرطة الجانبية ذات الصلة بالمحتوى. فيما يلي طريقتان:
يعد استخدام مكون وورد بريس الإضافي من أسهل الطرق للتحكم في رؤية عنصر واجهة المستخدم على الشريط الجانبي. يتيح لك البرنامج المساعد مثل Widget Options القيام بذلك ببضع نقرات بسيطة. يمكنك إظهار أو إخفاء محتويات الشريط الجانبي لكل منشور أو صفحة مع وجود شروط بما في ذلك الفئات والعلامات وأسماء الصفحات وما إلى ذلك.
تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟
انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!
إشترك الآن
القطعة خيارات وورد بريس البرنامج المساعد
القطعة خيارات وورد بريس البرنامج المساعد
يحتوي المكون الإضافي Widget Options حاليًا على أكثر من 70000 تثبيت نشط مع تصنيف رائع 5 من أصل 5 نجوم. يمكنك تنزيله من مستودع وورد بريس أو البحث عن “خيارات عناصر واجهة المستخدم” داخل لوحة معلومات وورد بريس ضمن “الإضافات ← إضافة جديد”. ثم انقر فوق “التثبيت الآن” وقم بتنشيط المكون الإضافي.
تثبيت البرنامج المساعد Widget Options
تثبيت البرنامج المساعد Widget Options
بمجرد تثبيت المكون الإضافي Widget Options وتنشيطه ، يمكنك بسهولة إخفاء عنصر واجهة مستخدم من صفحة معينة ببضع نقرات. للتوضيح ، إليك لقطة شاشة لعنصر واجهة قسيمة. ضمن إعدادات الأداة ، يوجد الآن خيار رؤية: يمكنك الاختيار بين إخفاء عنصر واجهة المستخدم هذا وعرضه على الصفحات المحددة.
إخفاء عنصر واجهة وورد بريس في صفحات معينة
خيارات عنصر واجهة المستخدم إخفاء / إظهار الأدوات في صفحات معينة
يمكنك أيضًا إخفاء عناصر واجهة المستخدم من منشورات المدونة باستخدام العلامات الشرطية. باستخدام خيارات الأداة ، تتطلب هذه العملية بضع خطوات أكثر من مجرد الاختباء من الصفحات. تحتاج أولاً إلى تحديد موقع معرف المنشور ، حيث ستحتاج إلى تضمينه في العلامات الشرطية حيث تريد إخفاء المنشور.
للعثور على معرف المنشور ، تصفح المنشور وحوم (لا تنقر) فوق خيار “تحرير المنشور” في شريط أدوات إدارة وورد بريس. في الجزء السفلي الأيسر من متصفحك ، يجب أن ترى معرّف المنشور #.
ووردبريس العثور على معرّف المنشور
ووردبريس العثور على معرّف المنشور
بمجرد حصولك على معرف (معرّفات) المنشور ، يمكنك استخدامه مع العلامات الشرطية التالية.
إخفاء عنصر واجهة من منشورات متعددة:
!is_single(array('Post ID', 'Post ID'))إخفاء عنصر واجهة مستخدم من منشور واحد:
!is_single( 'Post ID' )في الأداة التي تريد إخفاءها عن المنشور ، انتقل إلى علامة التبويب “المنطق” وأدخل العلامة كما هو موضح أدناه.
هل تعاني من مشاكل التوقف و وورد بريس؟ Kinsta هو حل الاستضافة المصمم لتوفير الوقت! تحقق من ميزاتنا
منطق عنصر واجهة مستخدم وورد بريس
منطق عنصر واجهة مستخدم وورد بريس
بالإضافة إلى ذلك ، إذا احتجت إلى استخدام عنوان عنصر واجهة مستخدم ذي صلة بعلامات عناوين الصفحة أو المنشور ، فيمكنك وضع العديد من نسخ هذه الأداة حسب الحاجة وإنشاء عنوان فريد لكل منها.
يمكنك أيضًا تقييد رؤية الأدوات عند عرض صفحة أو منشور على أنواع أجهزة معينة.
نظرًا لحجم الشاشة المحدود ، من السهل جعل الصفحة أو المشاركة تبدو مزدحمة عند عرضها من جهاز محمول ، مثل الهاتف الذكي أو الجهاز اللوحي. نريد التأكد من أن كل صفحة لا تبدو كثيفة للغاية على كل من عرض سطح المكتب والجوال. ومع ذلك ، نريد أيضًا الاستفادة من شاشة سطح المكتب الأكبر لعرض الأدوات ذات الصلة في أكبر عدد ممكن من مناطق عناصر واجهة المستخدم.
على سبيل المثال ، نريد أن يظهر خيار الاشتراك في البريد الإلكتروني في كل من الشريط الجانبي والتذييل. عند عرضها على الهاتف المحمول ، من ناحية أخرى ، نريد التخلص من الأدوات المصغّرة المتكررة. خيارات القطعة تسمح لك بإخفاء الحاجيات في عرض الجوال.
إخفاء القطعة على الأجهزة المحمولة
إخفاء القطعة على الأجهزة المحمولة
هناك طريقة أخرى للتحكم في رؤية الأدوات وهي إصلاحها ، مما يعني أنها ستتابع المستخدمين أثناء التمرير لأعلى ولأسفل على صفحة أو منشور مدونة. إذا حافظت على شريطك الجانبي نظيفًا ، أو قمت بتطبيقه فقط على أداة أو اثنتين ، فلا داعي للقلق من أن يصبح هذا الأمر اقتحاميًا للغاية. انظر إلى لقطة الشاشة أدناه. لدى WPMU Dev تطبيق رائع لهذا على مدونتهم.
تطفو أدوات المشاركة الاجتماعية فوق الصفحة دون أن تلقي بظلالها على المحتوى الرئيسي وتشجع الزائرين على اتخاذ إجراء عندما يكونون مستعدين للقيام بذلك. هذا يعني أنه لا يتعين عليهم التمرير مرة أخرى إلى منطقة الشريط الجانبي للتفاعل مع هذه الأدوات.
أداة الشريط الجانبي الثابتة
مثال على عنصر واجهة مستخدم الشريط الجانبي الثابت
توفر خيارات عنصر واجهة المستخدم خيارًا يمكنك من خلاله إصلاح أي عنصر واجهة مستخدم ومتابعة الزوار أثناء قيامهم بالتمرير. يمكنك اختيار إصلاح جميع أدوات الشريط الجانبي أو اختيار واحدة أو اثنتين تعتقد أنهما بحاجة إلى مزيد من التعرض للضوء مقارنة بالباقي.
أداة الشريط الجانبي الثابتة
أداة الشريط الجانبي الثابتة
سيكون خيارك الثاني هو إنشاء أشرطة جانبية مخصصة يدويًا عبر الترميز. يعد هذا الأمر أكثر إرهاقًا من استخدام مكون إضافي تابع لجهة خارجية يسمح لك بإنشاء أشرطة جانبية ببضع نقرات فقط. ومع ذلك ، نظرًا لأن وورد بريس يوفر الكثير من خيارات الترميز ، يمكنك اختيار ذلك. بهذه الطريقة ، يمكنك إنشاء ما تريده بالضبط.
للبدء ، تحتاج إلى تسجيل منطقة عنصر واجهة المستخدم. ثم قم بحفظه وتحميله على الخادم الخاص بك من أجل تسهيل الوصول إليه من قائمة الأدوات. للقيام بذلك، وسوف تحتاج إلى إدخال رمز التالية إلى حسابك في موضوع الطفل الصورة function.phpالملف. أو يمكنك استخدام مكون إضافي مجاني مثل Code Snippets .
يأتي مع بعض العناصر التي يمكنك تغييرها لتناسب احتياجاتك. انظر المثال التالي:
<strong><?php</strong>
/*
* Create Custom Widget Area for Pages Only
*/
function page_only_custom_sidebar() {
register_sidebar(
array (
'name' => __( 'For Pages Only', 'your-site' ),
'id' => 'page-only-custom-sidebar',
'description' => __( 'Contents to this widget area will be displayed on pages only.', 'your-site' ),
'before_widget' => '<section id="%1$s" class="widget %2$s">',
'after_widget' => "</section>",
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',
)
);
}
add_action( 'widgets_init', 'page_only_custom_sidebar' );
<strong>?></strong>تتمثل الخطوة التالية في جعل الشريط الجانبي مرئيًا في مكان ما في موقع الويب. لجعلها تعمل ، قم بإضافتها إلى ملف (ملفات) القالب للأماكن التي تريدها أن تكون مرئية. ألق نظرة على الكود أدناه والذي يهدف إلى جعل الشريط الجانبي يظهر على الصفحات فقط.
للقيام بذلك ، نقوم بوضعه داخل page.phpملف موضوعنا. في حالة موضوع Twenty Seventeen ، هذا يعني أنه سيبدو كما يلي:
<strong><?php</strong> if ( is_active_sidebar( 'page-only-custom-sidebar' ) && is_page() ) : <strong>?></strong>
<aside id="secondary" class="widget-area" role="complementary">
<strong><?php</strong> dynamic_sidebar( 'page-only-custom-sidebar' ); <strong>?></strong>
</aside>
<strong><?php</strong> endif; <strong>?></strong>ما أظهرته هنا هو مجرد جزء صغير من عدة طرق لتقليل معدل الارتداد. يمكن أن تصبح Sidebars ، وهي واحدة من أكثر الأماكن التي يتم إهمالها في كثير من الأحيان على مواقع الويب ، أدوات قوية لجعل الزوار يستكشفون موقع الويب الخاص بك ، وبالتالي زيادة فرصة التحويلات. لا يجب أن يكون إنشاء أشرطة جانبية ذات صلة بالمحتوى أمرًا صعبًا ، خاصة مع جميع المكونات الإضافية سهلة الاستخدام في مستودع وورد بريس.
علاوة على ذلك ، نظرًا لأن المشاركة هي إحدى الطرق الرئيسية لتقليل معدل الارتداد ، ولتحقيق ذلك ، فأنت بحاجة إلى التحقق من قابلية استخدام موقعك .
من أجل تحقيق سهولة الاستخدام ، ضع في اعتبارك أن المحتوى هو الملك! يجب أن توجه عناصر واجهة المستخدم أو الروابط أو الأشرطة الجانبية ذات الصلة بالمحتوى المستخدمين حول موقعك – مما يؤدي بهم إلى محتوى آخر قد يجده مفيدًا. أو يمكنك إزالة الأشرطة الجانبية تمامًا لجعل المستخدمين يركزون على المحتوى الخاص بك … ولكن هذا نهج آخر!
هل استخدمت أشرطة جانبية ديناميكية أو عناصر واجهة مستخدم وورد بريس على موقعك حتى الآن؟ إذا كان الأمر كذلك، ما هي النتائج؟
وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:
مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.
تكامل Cloudflare Enterprise.
يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.
التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.
كل ذلك وأكثر من ذلك بكثير ، في خطة واحدة بدون عقود طويلة الأجل ، وعمليات الترحيل المدعومة ، وضمان استرداد الأموال لمدة 30 يومًا. تحقق من خططنا أو تحدث إلى قسم المبيعات للعثور على الخطة المناسبة لك.
