تحسين الصور لـ SEO
6 min
يؤثر تحسين الصور على التصنيف (عبر Google Image Search وCore Web Vitals) وعلى تجربة المستخدم. الإجراءات الأربعة الأساسية: اختيار التنسيق الصحيح (WebP أو AVIF)، الضغط دون فقدان مرئي للجودة، إرفاق وسوم alt وتطبيق التحميل الكسول. هذه الإجراءات وحدها قد تخفض LCP بنسبة 20 إلى 40 %.
تمثّل الصور في المتوسط 50 إلى 70 % من حجم صفحة الويب. حين تُهمَل تُثقل Core Web Vitals وتعاقب التصنيف. حين تُحسَّن تفتح قناة حركة مرور إضافية عبر Google Images.
اختيار التنسيق الصحيح
يوفر WebP ضغطًا أعلى بـ 25 إلى 35 % من JPEG بجودة بصرية مماثلة. يذهب AVIF أبعد لكن توافقه مع المتصفحات، رغم جودته في 2026، يستحق التحقق حسب جمهورك.
الصور المتجهة (شعارات، أيقونات، رسوم توضيحية) يجب أن تكون بتنسيق SVG: خفيفة وقابلة للتوسع ولا تتدهور أبدًا.
PNG لا يزال مناسبًا فقط للصور التي تحتاج شفافية أو جودة مطلقة بدون ضغط — حالات نادرة في السياق المعتاد للويب.
- الصور الفوتوغرافية والبصريات المعقدة: WebP أو AVIF.
- الشعارات والأيقونات والرسوم التوضيحية: SVG.
- لقطات الشاشة ذات النص: WebP بضغط معتدل (جودة 80-85).
- تجنّب GIF المتحرك: استبدله بفيديو MP4 قصير، أخف بـ 5 إلى 10 أضعاف.
الضغط والأبعاد المناسبة
صورة عرضها 3000 بكسل معروضة في عمود 800 بكسل تنقل بيانات أكثر بـ 3 إلى 4 أضعاف من اللازم. أعِد تحجيم الصور دائمًا قبل الضغط.
استهدف حجمًا أقل من 100 كيلوبايت للصور الثانوية وأقل من 200 كيلوبايت للصور الرئيسية أو البطولية. ما تجاوز ذلك يُلاحَظ أثره على LCP.
يُمكّن ضغط الصور وإعادة تحجيمها من تخفيض وقت التحميل الأولي بنسبة 20 إلى 40 % على الصفحات غير المحسّنة، مع تأثير مباشر على درجات Core Web Vitals.
دراسات قطاعية 2025-2026 حول أداء الويب وSEO
وسم alt، اسم الملف والبيانات المنظمة
وسم alt هو النص الوحيد الذي يمكن لـ Google ربطه بصورة. يجب أن يصف المحتوى البصري بدقة مع دمج الكلمة المفتاحية بشكل طبيعي إن كان ذلك مناسبًا، دون إجبار.
اسم الملف ثانوي لكن مفيد: استخدم كلمات مفتاحية مفصولة بشرطات (image-seo-optimisation.webp) بدلًا من IMG_4821.jpg.
لصور المنتجات أو الصور الرئيسية، أضف بيانات منظمة ImageObject أو Product من Schema.org لتعزيز الظهور في Google Images والنتائج المُثراة.
التحميل الكسول والأداء
يُحمِّل التحميل الكسول الصور فقط عندما تدخل منطقة العرض. يقلل ذلك الحجم الأولي للصفحة ويحسن درجة FCP (First Contentful Paint).
تنبّه: لا تطبّق التحميل الكسول أبدًا على الصورة البطولية أو LCP — يجب أن يحمّلها Google والمتصفح فورًا. استخدم loading="eager" أو أهمل السمة لهذه الصورة ذات الأولوية.
- أضف loading="lazy" لجميع الصور خارج منطقة العرض الأولية.
- حدد سمتَي width وheight صراحةً لتجنب انزياحات التخطيط (CLS).
- استخدم srcset لتقديم دقات مناسبة حسب شاشة المستخدم.
FAQ
هل التحميل الكسول مدعوم أصلًا في المتصفحات؟
نعم، منذ 2019 في Chrome والمتصفحات الحديثة، ومنذ 2021 في Firefox. سمة loading="lazy" كافية دون مكتبة JavaScript خارجية لغالبية المواقع.
هل تفهرس Google الصور بتنسيق WebP؟
نعم، تدعم Google صور WebP وAVIF وتفهرسها دون مشكلة. هذه التنسيقات موصى بها من إرشادات PageSpeed Insights من Google لتخفيض حجم الصفحات.
هل غياب وسم alt يعاقب SEO؟
لا يعاقب مباشرةً، لكنه يحرم Google من إشارة سياق ويستبعد الصورة من التصنيف في Google Images. على موقع تجارة إلكترونية أو مدونة غنية بالصور، غياب وسوم alt يمثّل فقدانًا ملموسًا لحركة المرور.