دليل SEO الصور: نص Alt، الحجم، والترتيب في بحث الصور

الصور هي أكبر بند من حيث حجم البيانات المُحمَّلة في صفحة ويب عادية. وهي في الوقت نفسه أقل بند يُحسَّن في معظم المواقع.

لهذا الأمر ثمنان منفصلان: تبطؤ الصفحة (تنخفض Core Web Vitals، ينخفض معدل التحويل)، والزيارات المحتملة القادمة عبر بحث الصور في جوجل لا تأتي إطلاقًا. هذا الدليل يتناول الاثنين معًا.

ماذا يشمل SEO الصور؟

هو تقاطع ثلاثة مجالات منفصلة:

إمكانية الوصول: هل يستطيع مستخدم قارئ الشاشة فهم ما تُظهره الصورة؟
الأداء: ما مدى سرعة تحميل الصورة، وهل تُزيح تخطيط الصفحة؟
إمكانية الاكتشاف: هل تظهر في Google Images ونتائج البحث المرئي؟

الثلاثة تتأثر بالقرارات التقنية نفسها؛ لذلك يجب التعامل معها معًا.

كتابة نص Alt الصحيح

نص alt هو المكافئ النصي للصورة. يظهر عندما تفشل الصورة في التحميل، تقرأه قارئات الشاشة، وهو الإشارة الأساسية التي يفهم جوجل الصورة من خلالها.

الحالة	سيئ	جيد
صورة منتج	alt="product1.jpg"	alt="حقيبة كتف نسائية جلدية زرقاء، منظر أمامي"
لقطة شاشة	alt="لقطة شاشة"	alt="فلتر الاستعلامات في تقرير أداء Search Console"
حشو الكلمات المفتاحية	alt="وكالة سيو خدمة سيو أسعار سيو"	alt="رسم بياني للزيارات العضوية الشهرية، يناير-يونيو 2026"
صورة زخرفية	alt="خط زخرفي"	alt="" (تُترك فارغة)

القواعد:

اكتب كأنك تصف الصورة لشخص لا يراها. هذا هو الاختبار الصحيح.
لا تتجاوز 125 حرفًا. بعض قارئات الشاشة تقتطع ما بعد ذلك.
لا تبدأ بكلمة "صورة" أو "لقطة". من المعروف أصلًا أنها صورة.
اترك alt="" في الصور الزخرفية. لا تحذفه — الـ alt الفارغ يقول لقارئ الشاشة "تجاوز هذا"؛ أما غياب alt تمامًا فيجعله يقرأ اسم الملف.
لا تحشُ الكلمات المفتاحية. قد يُعتبر ذلك إشارة سبام.

اسم الملف والرابط

أسماء ملفات الصور لا تزال تحمل إشارة، وتكلفتها صفر:

IMG_20260813_113244.jpg   →   blue-leather-shoulder-bag.jpg

لا تستخدم أحرفًا عربية أو أحرفًا خاصة (قد تُسبب مشاكل على بعض الخوادم)، وافصل الكلمات بشرطة، ولا تستخدم شرطة سفلية.

الصيغة الصحيحة: WebP أم AVIF؟

الصيغة	متى	ملاحظة
WebP	الخيار الافتراضي	مدعومة في جميع المتصفحات الحديثة، أصغر بشكل ملحوظ من JPEG
AVIF	الصور الكبيرة، الصفحات ذات الكثافة التصويرية	ملف أصغر، لكن الترميز أبطأ
SVG	الشعارات، الأيقونات، الرسومات البسيطة	متجهية؛ لا تتشوّه عند التكبير
JPEG	فقط عند الحاجة للتوافق القديم	حلّت محلها WebP
PNG	الحالات التي تتطلب شفافية	لا تستخدمها للصور الفوتوغرافية، فهي تكبر كثيرًا

النهج العملي: اجعل WebP هو الافتراضي، قدّم AVIF عبر وسم <picture>، واترك JPEG كنسخة احتياطية.

<picture>
  <source srcset="product.avif" type="image/avif">
  <source srcset="product.webp" type="image/webp">
  <img src="product.jpg" alt="حقيبة كتف نسائية جلدية زرقاء" width="800" height="1000">
</picture>

الحجم والدقة

الهدر الأكثر شيوعًا: صورة بعرض 4000 بكسل تُوضع في مساحة تُعرض بـ 600 بكسل فقط على الشاشة. يُحمّل المتصفح الملف كاملًا ثم يُصغّره.

القواعد:

لا تُحمّل الصورة بحجم أكبر من ضعف الحجم الأقصى الذي ستُعرض به (يكفي 2x للشاشات عالية الدقة).
استخدم srcset لتقديم أحجام مختلفة لشاشات مختلفة.
الحجم المستهدف لملف صور المحتوى: أقل من 200 كيلوبايت. حاول ألا تتجاوز صور الغلاف بعرض كامل 400 كيلوبايت.

<img src="product-800.webp"
     srcset="product-400.webp 400w, product-800.webp 800w, product-1600.webp 1600w"
     sizes="(max-width: 600px) 100vw, 800px"
     alt="حقيبة كتف نسائية جلدية زرقاء"
     width="800" height="1000">

لماذا تحديد width وheight أمر بالغ الأهمية؟

إذا لم تكتب خاصيتي width وheight، لن يعرف المتصفح مساحة الصورة قبل تحميلها. عند تحميل الصورة، ينزلق المحتوى الذي تحتها إلى الأسفل — وهذا يُخلّ بمقياس Cumulative Layout Shift (CLS) ويخفض تقييم Core Web Vitals لديك.

خاصة على الجوّال، التخطيط المتحرك يجعل المستخدم ينقر في المكان الخطأ أيضًا. هاتان الخاصيتان هما أرخص مكسب في Core Web Vitals؛ للتفاصيل راجع دليل Core Web Vitals.

فخّ Lazy Loading

loading="lazy" لا يُحمّل الصور حتى تدخل الشاشة؛ يُسرّع فتح الصفحة. لكن لا تضع lazy على الصورة الظاهرة في الجزء الأول من الشاشة.

صورة الغلاف في أعلى الصفحة غالبًا ما تكون عنصر Largest Contentful Paint (LCP). تطبيق lazy loading عليها يُسيء مباشرة إلى أهم مقياس سرعة تقيسه.

القاعدة: ما يظهر في الشاشة الأولى loading="eager"، وما تحته loading="lazy".

الحصول على زيارات من Google Images

بحث الصور مصدر زيارات يُستهان به في قطاعات كثيرة (الأزياء، الديكور، الطعام، الأثاث، قطع غيار السيارات). العناصر الرئيسية المؤثرة في الترتيب:

النص المحيط بالصورة. يستنتج جوجل سياق الصورة بشكل أساسي من العنوان والفقرة الأقرب إليها.
ترتيب الصفحة نفسها. إذا كانت الصفحة مرجعية في موضوعها، تظهر صورها في مرتبة أعلى أيضًا.
الأصالة. الصور المخزنة (stock) موجودة نفسها في آلاف المواقع؛ فرصة صورتك الخاصة في التميّز أعلى.
البيانات المنظّمة. مخططات المنتج والوصفة والفيديو تمنح شارات في نتائج الصور — شرحناها في دليل Schema Markup.
خريطة موقع الصور. تُسهّل الاكتشاف خصوصًا في المواقع التي تُحمَّل صورها عبر JavaScript.

خريطة موقع الصور

يمكنك إضافة معلومات الصور إلى خريطة موقعك العادية:

<url>
  <loc>https://example.com/product/bag</loc>
  <image:image>
    <image:loc>https://example.com/img/bag.webp</image:loc>
  </image:image>
</url>

هذا يُحدث فرقًا ملحوظًا في المواقع التي تُحمَّل صورها عبر JavaScript بعد تحميل الصفحة. لبنية خريطة الموقع الكاملة، يمكنك مراجعة دليل robots.txt وSitemap.xml.

قائمة التحقق

[ ] هل تحتوي جميع صور المحتوى على alt ذي معنى؟
[ ] هل الصور الزخرفية تحمل alt=""؟
[ ] هل أسماء الملفات وصفية وبأحرف لاتينية وبدون شرطات سفلية؟
[ ] هل الصيغة WebP (أو AVIF)؟
[ ] هل أحجام الملفات أقل من 200 كيلوبايت؟
[ ] هل تم تحديد width وheight؟
[ ] هل الصورة في الشاشة الأولى بدون lazy؟
[ ] هل يُقدَّم srcset بنسخة أصغر للجوّال؟
[ ] هل تُقدَّم الصور عبر CDN؟
[ ] هل تحتوي خريطة الموقع على معلومات الصور؟

الأسئلة الشائعة

هل يجب أن أضع كلمة مفتاحية في نص alt؟

نعم إن ورَدت بشكل طبيعي، لا إن كانت مُقحَمة بالقوة. الوظيفة الأساسية لنص alt هي وصف الصورة؛ إذا وردت الكلمة المفتاحية بشكل طبيعي ضمن هذا الوصف فلا مشكلة.

هل استخدام الصور المخزنة (stock) ضار؟

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

هل نقل الصور إلى CDN يؤثر على السيو؟

يؤثر إيجابًا؛ يقل زمن التحميل. إذا كنت تُقدّم الصور من نطاق مختلف، استخدم الروابط الكاملة في خريطة موقع الصور.

كم عدد الصور يُعتبر كثيرًا؟

العدد نفسه ليس المشكلة، بل الوزن الإجمالي. صفحة بعشر صور يبقى وزنها 800 كيلوبايت لا مشكلة فيها؛ أما صفحة بثلاث صور بوزن 6 ميجابايت ففيها مشكلة.

مقالات ذات صلة: