طريقة ذكية لتحسين صور مدونتك تلقائيًا ورفع ترتيبك في Google

لماذا يعتبر تحسين الصور ضروريًا؟

الصور ليست مجرد وسائط بصرية تزيّن بها مقالاتك، بل هي وسيلة فعالة لجلب زيارات من محركات البحث مثل Google. كثير من المستخدمين يعتمدون على "بحث الصور" للوصول إلى محتوى معين، لذا تجاهل تحسين الصور يعني تفويت فرصة كبيرة لتعزيز ظهور موقعك وزيادة عدد الزوار.

طريقة ذكية لتحسين صور مدونتك تلقائيًا ورفع ترتيبك في Google

ما هو المقصود بتحسين الصور تلقائيًا؟

التحسين التلقائي للصور يعني أن كل صورة تُضاف إلى مقالاتك ستُزوّد تلقائيًا بمعلومات "وصفية" تساعد محركات البحث على فهم محتواها، دون الحاجة لإدخال هذه المعلومات يدويًا كل مرة.

على سبيل المثال: يُضاف وصف للصورة (alt text) يكون مطابقًا لاسم الملف، مما يجعل الصورة مفهومة وسهلة الفهرسة لدى محركات البحث.

ملاحظة مهمة:

للحصول على أفضل نتائج، تأكد دائمًا من تسمية الصور بأسماء واضحة ومُعبرة قبل رفعها، مثل:

تحسين-الصور-لسيو-بلوجر.jpg

بدلًا من image01.jpg

ما فوائد تحسين الصور تلقائيًا؟

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

 تعليمات التركيب:

1. من لوحة تحكم بلوجر، اذهب إلى المظهر > تعديل HTML.
2. اضغط Ctrl + F وابحث عن: </body>
3. الصق الكود مباشرة فوق هذا الوسم</body>
4. اضغط "حفظ".

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script>

ملاحظات لتحسين السيو بشكل أقوى:

• اجعل أسماء الصور باللغة العربية وبكلمات مفتاحية ذات صلة بمحتوى المقال.
• تجنب استخدام صور بأسماء عشوائية مثل: DSC1234.jpg.

نصيحة إضافية لتحسين فعالية الكود

احرص على ضغط الصور قبل رفعها حتى لا تؤثر على سرعة تحميل الصفحة، لأن سرعة الموقع عامل أساسي في تحسين SEO أيضًا.

خاتمة

تحسين الصور تلقائيًا لمحركات البحث هو خطوة ذكية وسهلة التنفيذ، تساعدك على تحسين ظهور مدونتك في نتائج Google وزيادة زياراتك العضوية دون مجهود إضافي.

ابدأ اليوم وفعّل الكود في مدونتك، وراقب الفرق في أداء موقعك خلال الأسابيع القادمة.