الخلفية
تشتهر منتدياتي بسلسلة لافتات ممتعة متناوبة. إليك إضافة (plugin) أستخدمها لعرض لافتات مختلفة بشكل عشوائي بين الزيارات أو عند قيام المستخدم بتحديث الصفحة.
كيفية التثبيت
|||
|-|-|-|
|
| الملخص | تضيف لافتة يتم اختيارها عشوائيًا من قائمة.
|
|المستودع| GitHub - ScottMastro/discourse-randomized-banner: Randomized Discourse Banner Plugin |
|:open_book: | دليل التثبيت | كيفية تثبيت الإضافات في Discourse |
خيارات الإضافة
يتم تضمين صور اللافتات المراد توزيعها عشوائيًا في إعداد banner images. لعرض لافتة ثابتة فريدة للضيف (المستخدم غير المسجل دخوله)، أضفها إلى إعداد guest banner. لعرض لافتة ثابتة لجميع المستخدمين، استخدم إعداد override banner.
آثار تحسين محركات البحث (SEO)
نظرًا للطبيعة العشوائية لهذه الإضافة التي تجعل اللافتة ديناميكية، قد يؤدي التنفيذ الساذج إلى إدراج اللافتة العشوائية في وقت متأخر جدًا، مما يتسبب في قياس مرتفع لـ أكبر محتوى معروض (LCP) وقد يسبب تحول تخطيط المحتوى (CLS).
بالنسبة لـ LCP، يقوم خيار optimize lcp بتحميل اللافتة للضيف ولافتة التجاوز (إذا كانت موجودة) مسبقًا حتى يتم رسمها بشكل أسرع. لا يتم تحميل اللافتات العشوائية مسبقًا لتقليل تحميل الأصول التي لا يتم استخدامها. من المهم الحفاظ على أحجام ملفات اللافتات الخاصة بك أصغر لتقليل وقت تنزيل اللافتات.
ملاحظة
لقد حافظت على LCP عند مستويات كافية في منتدياتي، لكنني أحاول استخدام لافتات أصغر من 2 ميجابايت وأستخدم شبكة توصيل المحتوى (CDN). لقد جعلت أيضًا لافتة الضيف الخاصة بي بحجم 200 كيلوبايت تقريبًا. لكنني غيرت تنفيذ الإضافة قبل كتابة هذا المنشور مباشرة. لا ينبغي أن تكون هناك مشاكل في LCP، ولكن لا يوجد ضمان. أخطط لمراقبة LCP الخاص بي. يرجى الاستخدام بحذر.
بالنسبة لـ CLS، يتم تجنب تحول المحتوى عن طريق تحديد حجم الصورة مسبقًا في HTML. يلزم تحديد banner aspect ratio مسبقًا لرسم div الذي يحتوي على اللافتة. لذلك، تريد أن تكون لجميع لافتاتك العشوائية نفس نسبة العرض إلى الارتفاع تقريبًا. سيتم استيعاب النسب الأخرى عن طريق التمدد أو التقلص.


