close

أخر الاخبار

الدرس16: طريقة إظافة الصور لمدونة بلوجر بالطريقة الصحيحة للسيو وبصيغة webp

مرحبا بكم أصدقائي الكرام في درس جديد من دورة بلوجر لكيفية  انشاء مدونة عربية احترافية من الصفر.. 

درسنا اليوم هو الدرس16: وهو عن طريقة إظافة الصور لمدونة بلوجر بالطريقة الصحيحة للسيو وبصيغة webp لتحقيق صور صغيرة الحجم وبأبعاد مناسبة وبصيغة قوقل webp وتحفظ 90يوم بالمتصفح ..

في هذا الدرس إن شاء الله سنعرف طريقة إظافة الصور لمدونة بلوجر بالطريقة الصحيحة للسيو وبصيغة webp ..


How to add images to Blogger blog in the correct way for SEO and in webp format

طريقة إظافة الصور لمدونة بلوجر بالأبعاد الصحيحة مطابقة للسيو وبصيغة 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:

 وبعد ضغط وتحويل الصور بضغطة واحدة الآن أصبحت لدينا صور بصيغة 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
وانتهى الأمر.

 

أرجوا ان ينال هذا الدرس افادتكم  وانتظرونا في المزيد من الدروس المفيدة في كيفية إنشاء مدونة بلوجر  عربية واحترافية , لاتنسوا مشاركة الموضوع مع أصدقائكم.. بالتوفيق للجميع..

إلى هنا نكمل هذا الدرس.. تقبلو تحياتي.
والسلام عليكم ورحمة الله تعالى وبركاته
اللهم صلي وسلم على نبينا محمد
(صلى الله عليه وسلم)


إذا أعجبك الموضوع يمكنك مشاهدة مواضيع أو دروس أخرى بقسم بلوجر لاتقل أهمية إضغط هنا للإنتقال لقسم بلوجر.

ليصلك جديدنا تابعنا على صفحاتنا الاجتماعية: الفيسبوكالتويتر ,tumblrpinterestlinkedininstagram
 




الحصول على رابط هذا الموضوع

رابط:
رابط الموضوع بكود html:
رابط الموضوع للمنتديات:

مواضيع أخرى قد تهمك



تعليقات
ليست هناك تعليقات
إرسال تعليق



    وضع القراءة :
    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -