 |
| تصميم كاندبيست | بالإضافة إلى واجهة المستخدم - التحسين |
نصائح للتحسين
فيما يلي بعض الخطوات التي يمكنك اتباعها لتحسين مدونتك باستخدام قالب Kandbest UI v2.6.3
عرض صور منشورات المدونة بتنسيق الجيل التالي
عندما تقوم بتحميل صورة من جهاز الكمبيوتر الخاص بك إلى Blogger، يتم عرض الصور pngأو jpgتنسيقها حتى لو كانت الصورة webpبتنسيق.
عندما تتحقق من نتيجة PageSpeed ، سيوصي بعرض الصور بتنسيقات صور الجيل التالي، أي WebPأو AVIF.
إذن، كيف يمكن إصلاحها وتقديم الصور بتنسيق الجيل التالي ؟
نحن نعلم أن Google لديها استضافة صور قوية. من السهل جدًا عرض الصور بتنسيق WebP، كل ما علينا فعله هو إجراء تغييرات في معلمات src.
الصور التي تم تحميلها على Blogger لها src مشابه لما يلي:
https://blogger.googleusercontent.com/img/b/.../.../ s1280 /Optimization_Kandbest_UI.webp
لعرض الصور بتنسيق webp، قم بإضافة -rwمعلمة التحجيم مباشرة بعد ذلك، على سبيل المثال s1280-rw. والآن سيبدو كما هو موضح أدناه:
https://blogger.googleusercontent.com/img/b/.../.../ s1280-rw /Optimization_Kandbest_UI.webp
نصائح احترافية : قم دائمًا بتحميل الصور بالتنسيق .webpوأضفها -rwمباشرة بعد معلمة الحجم.
إضافة فواصل انتقالية
حاول إضافة فاصل انتقالي بعد الفقرة الأولى من كل مشاركة.
يمكنك إضافة فاصل انتقالي عن طريق الإضافة <!--more-->من خلال طريقة عرض HTML.
سكريبت Lazyload Adsense
الرجوع إلى هذابريد. بريد.
مقتطفات منشورات مخصصة على الصفحة الرئيسية
أضف الرموز التالية أعلى منشورك في طريقة عرض HTML لإظهار مقتطفات منشورك المرغوب فيه على الصفحة الرئيسية، وصفحة خريطة الموقع، والمنشورات ذات الصلة، وما إلى ذلك.
<div class='hidden'>بعض_المقتطفات_هنا</div> <!--more-->