مرحبا بكم أصدقائي الكرام في موضوع جديد من دورة بلوجر لكيفية انشاء مدونة عربية احترافية من الصفر..
موضوعنا اليوم هوعن طريقة إظافة الصور لمدونة بلوجر بالطريقة الصحيحة للسيو وبصيغة webp لتحقيق صور صغيرة الحجم وبأبعاد مناسبة وبصيغة قوقل webp وتحفظ 90يوم بالمتصفح ..
في هذا الموضوع إن شاء الله سنعرف طريقة إظافة الصور لمدونة بلوجر بالطريقة الصحيحة للسيو وبصيغة webp ..
طريقة إظافة الصور لمدونة بلوجر بالأبعاد الصحيحة مطابقة للسيو وبصيغة webp
صور إحترافية لبلوجر بطريقة إحترافية مطابقة لمعايير السيو
الأهداف المرجوة بعد تطبيق هذا الدرس:صور صغيرة الحجمبأبعاد مناسبةبصيغة قوقل webpوتحفظ 90يوم بالمتصفح
إقرأ أيضا:
أولا: تغيير الأبعاد مع ضغط الصور:
ماهي أبعاد الصور بلوجر:
الأبعاد الصحيحة للصور المستخدمة في مدونة بلوجر ولتظهر بطريقة جميلة واحترافية هي :
640/380
يمكنك أيضا إستخدام أي إرتفاع تريده لاكن يفضل تثبيت عرض الصورة هكذا مثلا:
640/480
أي نقوم بتغيير أبعاد الصور من أي مقياس كان مثلا:
1300/600 أو 800/400 ....الخ إلى الأبعاد الصحيحة السابقة
وذلك باستخدام مواقع ضغط الصور مثل:
- موقع تغيير مقاييس الصورة دفعة واحدة : Resize IMAGE
- موقع لضغط حجم صور PNG بدون فقدان جودتها : TinyPng
أو باستخدام برامج ضغط الصور والأفضل طبعا والذي أستخدمه شخصيا هو برنامج:
light_image_resizer6
يمكنك إيجاده وتحميله ببحث بسيط في غوغل.
ثانيا: تحويل صيغة الصور لwebp:
نقوم بتحويل الصور التي قمنا بضغطها مسبقا من صيغة:
jpeg / png إلى صيغة webp
والطريقة سهلة وهي أيضا إما باستخدام مواقع كموقع تحويل صيغة الصور التالي:
- مواقع لتحويل صور PNG او JPEG الى WEBP من هنا :
أو البرنامج السابق:
light_image_resizer6
(والذي حقيقة يستحق درسا لوحده لما فيه من المميزات الخيالية)
بإستخدام البرنامج
باختصار وحسب الصورة بالأسفل نقوم بتفعيل ماتشاهدونه بالصورة:
ثالثا: جعل منصة بلوجر تدعم الصور webp:
وبعد ضغط وتحويل الصور بضغطة واحدة الآن أصبحت لدينا صور بصيغة webp
وبأبعاد: 640/380
الآن ندخل لمشاركة جديدة ونضع الصور داخل المشاركة ثم نحدد من خيارات الصور
عرضها بحجمها الأصلي وعند نشر المشاركة ستضهر الصور بصيغة jpeg
وليس webp كما نريد؟؟؟
بإختصار لأن بلوجر لاتدعم الصيغة الأخيرة لقوقل؟؟؟؟
وللتأكد من ذلك جرب حفظ الصورة وستجد أنها بصيغة مثلا jpeg
ولتصحيح ذلك أي نجعلها webp على بلوجر بدل jpeg أو png نعود للمشاركة ثم تحرير html
ونبحث عن رابط الصورة الثاني الذي سنجد به هذه العبارة:
s16000
نضيف له ما ترونه باللون الأحمر والأزرق فتصبح:
s16000-rw-e90
والهدف
rw: هو ليدعم بلوجر الصور بصيغة قوقل ال:webp
e90: هو ليحفظها المتصفح لمدة 90 يوم لتسريع ظهورها عند إعادة تحميل الصفحة
لعدم الإضطرار لتحميلها في كل مرة.
وللتأكد من أن الصورة أصبحت webp نعيد تحديث الصفحة ونحفظ الصورة فنجدها الآن أصبحت webp
أي أن بلوجر أصبح يدعمها الآن.
الهدف من كل ماسبق كان:
صور صغيرة الحجم (مضغوطة أقل من 100 كيلوبايت مثلا)
بأبعاد مناسبة ( 640/380 بيكسل مناسبة)
بصيغة قوقل webp (وليس صيغ عادية أخرى)
وتحفظ 90يوم بالمتصفح (لتسريع تحميل المدونة للسيو)
عن طريق إستخدام برنامج واحد فقط وتغيير واحد بجانب رابط الصورة أو الصور.
ملاحظة:
إذا كانت عندك صور كثيرة فاستعمل برنامج notpad++
وذلك بإستخدام خاصية البحث والإستبدال
أي ننسخ كامل html للمشاركة الخاصة بنا ونلصقه ب notpad++
ثم نطلب منها البحث عن عبارة:
s16000
وإستبدالها بعبارة:
s16000-rw-e90
وانتهى الأمر.