أفضل ممارسات شريط التمرير: ما تحتاج إلى معرفته
نشرت: 2018-04-09هل تريد وضع شريط تمرير أو دائري على موقع الويب الخاص بك؟ قبل القيام بذلك ، هناك العديد من العوامل التي يجب مراعاتها. لا يتم تجاهل شريط التمرير في غير محله وسوء التكوين ؛ يمكن أن يؤدي في الواقع إلى إتلاف مُحسنات محركات البحث وإزعاج الزائرين.
هذا لا يعني بالتأكيد أنهم سيئون ، فقط هذا ، كما هو الحال مع أي ميزة أو مكون إضافي في WordPress ، يجب أن تتأكد من تهيئته بشكل صحيح. فيما يلي بعض أفضل الممارسات التي يجب اتباعها عند تنفيذ أشرطة التمرير في موقع WordPress الخاص بك.
اجعل المنزلق الخاص بك ممتعًا بصريًا
إلى جانب الجماليات العامة ، هناك عوامل أخرى يجب مراعاتها. تعد الصلة العامة لشريط التمرير ، والموقع على الصفحة ، وحتى تسلسل الصور كلها جوانب مرئية مهمة يجب مراعاتها.
![nb_sbp_1 [1]](/uploads/article/1392/q4bfEbR70vNt8qRQ.jpg)
أبقيها بسيطة
خاصة إذا قمت بتشغيل التشغيل التلقائي ، فمن المهم للغاية أن تكون الشرائح بسيطة وفعالة وتصل إلى النقطة المهمة. هذا لا ينطبق فقط على النص ؛ ما لم تكن تستخدم شريط التمرير كمعرض للفن أو التصوير الفوتوغرافي ، فاستخدم صورًا نظيفة ومرتبة.
لا تصممه كإعلان
بفضل الإعلانات المتطفلة ، يصاب العديد من الأشخاص "بعمى الشعارات" - ويمكن أن يكون شريط التمرير في غير محله وسوء التصميم عرضة لهذه الظاهرة. تجنب كل نصيحة تصميمية يتبعها المعلن ، خاصة التكتيكات التي تستخدمها الإعلانات الأكثر إزعاجًا.
هذا يعني عدم استخدام الأضواء الساطعة ، والألوان المسطحة المتوهجة ، والخطوط ذات التأثير والخطوط المماثلة ، وتقنيات التشتيت الأخرى. حتى إذا كانت المكتبة الإعلانية الخاصة بك تبيع منتجًا أو تروج له ، فيجب أن تنسجم مع موقع الويب وأن تبدو طبيعية. قد ترغب في أن ينظر الناس إلى أشرطة التمرير الخاصة بك ، لكن هذه التكتيكات العدوانية تسبب العكس.
اجعل شريط التمرير مفيدًا وذا صلة
يجب أن يكون لكل منزلق تضعه هدفًا واضحًا. هل يعرض التصوير الفوتوغرافي الخاص بك؟ توجيه المستخدمين إلى أجزاء معينة من الموقع؟ اشرح ما هو موقعك؟ حاول الترويج لمنتج؟ إشراك المستخدمين؟
وضع الكاروسيل الخاص بك في المنطقة الصحيحة. يعد وضع شريط التمرير أحد أهم العوامل فيما إذا كان سيتم ملاحظته أو نسيانه. تأكد من عدم دفنها في محتوى صفحتك أو وضعها بشكل عشوائي. يجب أن يكون في مكان ما استراتيجيًا وملحوظًا ، مثل الشريط الجانبي ، بالقرب من أعلى الصفحة ، أو أسفل منشور مدونة. حتى التذييل يمكن أن يكون مكانًا جيدًا لوضع شريط التمرير.
اختر تسلسل الشرائح بعناية
لا تفترض أبدًا أن الزائر سيبقى في الجوار لرؤية كل شريحة. اختر تسلسلك بعناية شديدة. يجب أن تحاول الشرائح القليلة الأولى إشراك المستخدم واهتمامه ، ولكن إذا فشل ذلك ، فتأكد على الأقل من إيصال وجهة نظرك.
ومع ذلك ، هذا ليس عذراً لجعل الشرائح الأخرى أقل فعالية. بغض النظر عن الشريحة التي ينقر عليها شخص ما ، يجب أن يخدموا جميعًا غرضهم: التحدث عن شركتك ، وعرض التصوير الفوتوغرافي الرائع ، وما إلى ذلك.
اجعل شريط التمرير الخاص بك قابلاً للاستخدام
القاعدة الأساسية للشرائح: يجب أن تكون سهلة الاستخدام ولا تسبب إزعاج للزوار. هناك العديد من الطرق التي يمكنك من خلالها تسهيل الوصول إلى الرف الدائري ، بدءًا من التحسين لجمهور كبير يستخدم الهاتف المحمول إلى التغيير والتبديل بعناية في وقت تدوير الشريحة.
![nb_sbp_2 [1]](/uploads/article/1392/TuXyNSm7yUNqvP7Y.jpg)
ضع في اعتبارك إيقاف تشغيل التشغيل التلقائي
يمكن أن تكون الحركة مشتتة أو مزعجة لبعض المستخدمين. في منشورات المدونة ، أو على الشريط الجانبي الذي يتابع المستخدمين في جميع أنحاء الموقع ، قم دائمًا بإيقاف تشغيل التشغيل التلقائي ؛ تشتيت انتباه الزائرين أثناء محاولتهم القراءة ليست فكرة جيدة أبدًا.
ومع ذلك ، في بعض الحالات ، قد ترغب في أن يكون العرض الدائري هو ما ينتبه إليه جميع الزائرين ، أو قد يكون من المهم أن يروا أكثر من شريحة واحدة. عند تحديد ما إذا كان سيتم تشغيل التشغيل التلقائي أو إيقاف تشغيله ، ضع في اعتبارك الموقع والمحتوى والغرض من شريط التمرير.
زيادة الوقت بين الدورات
إذا كان التشغيل التلقائي ضروريًا لتصميمك ، فتأكد من أن الشرائح لا تنتقل بسرعة كبيرة ، خاصة إذا كانت تتضمن نصًا. إنه أمر محبط عندما يتقدم شريط التمرير قبل أن تكون جاهزًا. تحسين سرعة القراءة البطيئة ؛ أفضل عرض دائري بطيء ولكنه جيد التصميم من الذي يقوم بدفع أكبر عدد ممكن من الشرائح في عشر ثوانٍ.
تحسين خيارات التنقل
لا يوجد شيء مزعج أكثر من النقر فوق سهم التنقل وجعل عرض الشرائح يتقدم في تلك اللحظة ، مما يجبرك على تخطي شريحة. يعد التوقف المؤقت عند التمرير أو التنقل ميزة يتوقعها الكثيرون. تحتوي منزلقات Soliloquy على هذه الوظيفة ويجب تمكينها في غالبية الدوارات التي تقوم بإنشائها. إذا اخترت الاستمرار في التشغيل التلقائي ، فهذا ضروري.

![nb_sbp_3 [1]](/uploads/article/1392/uoeHB5avffPdqpXH.jpg)
وفي الوقت نفسه ، فإن الدوارات التي تتقدم من تلقاء نفسها ، دون وجود فقاعة تنقل أو زر إيقاف مؤقت ، يمكن أن تثير غضب العديد من المستخدمين حيث سيتعين عليهم انتظار انتهاء الدورة بأكملها للعثور على شريحة واحدة فقط. تأكد من إضافة عناصر تحكم التنقل إلى شريط التمرير أيضًا.
يجب عليك أيضًا التفكير في عناصر التحكم في التنقل الكبيرة جدًا ، خاصةً إذا كان لديك جمهور كبير من الأجهزة المحمولة أو كبار السن.
أخيرًا ، في الدوارات التي تحتوي على العديد من الصور ، ضع في اعتبارك تضمين الصور المصغرة حتى يتمكن المستخدمون من التصفح بسهولة إلى الشريحة المحددة التي يريدونها.
تجنب الإضرار بالـ SEO
شريط التمرير الذي تم تكوينه بشكل خاطئ عبارة عن شريط تمرير غير ملائم لمحركات البحث. لحسن الحظ ، فإن العديد من الإجراءات التي تجعل موقع الويب الخاص بك وموقعه الدائري صديقًا لكبار المسئولين الاقتصاديين يجعلهم أيضًا أكثر سهولة في الاستخدام! هذه الممارسات هي الأكثر أهمية لمتابعة.
![nb_sbp_4 [1]](/uploads/article/1392/QCqzGNV6F55fhyMo.jpg)
الاستجابة أولا
إذا كنت تستخدم مكونًا إضافيًا منزلقًا ، فمن المحتمل ألا تقلق بشأن استجابته. ومع ذلك ، هذا الجزء حاسم. اختبر للتأكد من أن النص والصور تبدو رائعة على جميع الأجهزة. قم بتعديل حجم الزر واستبدال الصور الباهتة ؛ كل ما تريد القيام به للحصول على شريط تمرير محمول جميل.
تأكد من تمكين التمرير أيضًا. يتوقع مستخدمو الأجهزة المحمولة أن تعمل إيماءات التمرير مع عناصر مثل أشرطة التمرير ، وإذا لم يكن الأمر كذلك ، فقد يتسبب ذلك في حدوث إزعاج.
تصميم لإمكانية الوصول
بينما يجب أن تصمم موقع الويب بالكامل مع وضع إمكانية الوصول في الاعتبار ، يجب أيضًا إنشاء أشرطة التمرير بهذه الطريقة. فهو لا يساعد الأشخاص المعاقين على الالتفاف فحسب ، بل يميل أيضًا إلى تحسين مُحسّنات محرّكات البحث.
تتضمن بعض الأمثلة على تصميم إمكانية الوصول الجيد تمكين عناصر التحكم في لوحة المفاتيح ، وتجنب التمرير التلقائي أو التوقف في ظل ظروف معينة ، والتأكد من احتواء النص على تباين كافٍ.
قم بإنشاء صورة بطل رائع لشريط التمرير
أحد الأساليب المبتكرة هو استبدال "صورة البطل" أو لافتة على الصفحة المقصودة تشرح موضوع موقع الويب الخاص بك ، بشريط تمرير متحرك. هذه التقنية لها إيجابيات وسلبيات. يمكن أن تكون الصورة الدوارة فعالة مثل صورة البطل القياسية ، ولكن يجب تنفيذها بعناية.
![nb_sbp_5 [1]](/uploads/article/1392/0MVSFnvRmUUZhI9f.jpg)
إذا قررت وضع شريط تمرير على صفحتك الرئيسية ، فتذكر أن الزوار الجدد لديهم سؤال واحد: ما هو هذا الموقع؟ يجب أن تجيب كل شريحة بمفردها وبدون سياق على هذا السؤال.
تجنب عناوين H1
بالنسبة لمحركات البحث ، يعمل H1 كعنوان للصفحة. لذلك عندما يكون هناك عدة عناوين ، مثل داخل شريط التمرير ، يمكن أن يؤدي ذلك إلى إرباك محرك البحث وانخفاض تحسين محركات البحث. لتكون آمنًا ، تجنب استخدامها في الرف الدائري.
تجنب روابط التنقل المنزلق فقط
هل هناك صفحة على موقع الويب الخاص بك لا يمكن الوصول إليها إلا من خلال شريط التمرير؟ حاول تجنب ذلك ؛ إنه مربك لكل من المستخدمين ومحركات البحث. يمكنك استخدام منزلقات الارتباط كأداة تنقل ، ولكن تأكد من وجود خيار آخر.
إنشاء منزلقات فعالة
واحدة من أفضل الممارسات التي يمكنك اتباعها بمجرد أن تقرر وضع دائرة على موقع الويب الخاص بك هي التفكير في استخدام مكون إضافي ، مثل Soliloquy. خاصة إذا كنت مطور ويب جديدًا ، فإن محاولة إنشاء شريط تمرير بنفسك قد تنتهي بكارثة تحسين محركات البحث. من السهل جدًا التعامل مع المكون الإضافي ، وقد تم تحسينه خصيصًا لـ WordPress ومحركات البحث.
الآن بعد أن تعرفت على بعض النصائح حول وضع شريط تمرير مفيد ومفيد وجذاب على موقع الويب الخاص بك ، كيف تخطط لاستخدامه؟ نأمل أن يكون هذا الدليل قد ساعدك في مساعيك المستقبلية لتصميم الويب. وفي غضون ذلك ، تواصل معنا عبر Twitter و Facebook.
احفظ حفظ
احفظ حفظ
احفظ حفظ
احفظ حفظ
احفظ حفظ
