محتويات المقال
ابدأ بثلاث خطوات فقط: حوّل صورك إلى صيغة WebP، أنزل حجم كل صورة تحت 150 كيلوبايت، واكتب نصاً بديلاً وصفياً بدل «IMG_2043». هذه الثلاثية تصنع أغلب الفارق في سيو الصور، وتنعكس مباشرة على سرعة الموقع وعلى ظهورك في بحث صور جوجل. الباقي تحسينات مكمّلة، مهمة لكنها لن تنقذ صفحة تحمل صورة بحجم 4 ميغابايت. سأشرح لك كل خطوة بأرقام وأدوات حقيقية، مع الأخطاء التي رأيتها تتكرر في متاجر عربية كثيرة.
ما هو سيو الصور ولماذا يؤثر في ترتيبك؟
سيو الصور هو مجموعة تحسينات تجعل صور موقعك أسرع في التحميل وأوضح في المعنى لمحركات البحث: صيغة مناسبة، حجم مضغوط، أبعاد محسوبة، اسم ملف وصفي، نص بديل دقيق، وخريطة موقع تشمل الصور. النتيجة المزدوجة: تجربة أسرع للزائر، وفرصة أكبر للظهور في نتائج الصور وفي النتائج العادية.
لماذا يهم هذا فعلياً؟ لأن الصور تمثل أكبر نسبة من وزن الصفحة في معظم المواقع، بحسب تقارير Web Almanac الصادرة عن HTTP Archive. أي كيلوبايت زائد في الصورة هو كيلوبايت يقف بين الزائر وبين شراء المنتج.
وهناك جانب لا يفكر فيه كثيرون: الصور تجلب زيارات مستقلة. متجر أثاث يبيع «كرسي مكتب طبي» قد يستقبل نصف زواره من علامة تبويب الصور، لأن المشتري يقارن بصرياً قبل أن يقرأ.
مثال حقيقي مررت به: صفحة تصنيف في متجر ملابس كانت تحمّل 28 صورة بأبعادها الأصلية 2400 بكسل. بعد التحويل إلى WebP وتحديد الأبعاد عند 800 بكسل، نزل وزن الصفحة من 9 ميغابايت إلى 1.1 ميغابايت. الترتيب لم يقفز فوراً، لكن معدل الارتداد انخفض بشكل واضح خلال أسبوعين، وبعدها بدأت الكلمات المرتبطة بالصفحة تتقدم.
اعتبر تحسين الصور «صيانة أساسية» لا رفاهية. من دونه، حتى أفضل مقالات السيو الاحترافية تتعرقل عند أول صورة ثقيلة في المقدمة.
الصيغة أولاً: WebP وAVIF بدل JPEG وPNG
رأيي واضح هنا، ولن أجامل: استخدم WebP كصيغة افتراضية لكل صور موقعك في 2026. جوجل نفسها تشير إلى أن WebP يوفّر نحو 25–34% من الحجم مقابل JPEG بجودة بصرية مكافئة، والدعم اليوم كامل في كل المتصفحات الحديثة تقريباً.
أما AVIF فهو الأقوى ضغطاً، ويتفوق على WebP بفارق ملموس في الصور الفوتوغرافية الغنية بالتفاصيل. عيبه؟ وقت المعالجة أطول، وبعض أدوات إدارة المحتوى القديمة ما زالت تتعامل معه بتردد. لذلك أنصح المتاجر بمسار عملي: AVIF لصور المنتج الرئيسية والبانرات الكبيرة، وWebP لكل ما تبقى.
متى تبقى على PNG؟ فقط للشعارات، والأيقونات، والصور التي تحتاج شفافية حقيقية بحدود حادة. وحتى هذه يمكن تحويلها إلى WebP بخاصية الشفافية.
وSVG؟ خيار ممتاز للشعار والأيقونات وأي رسم متجهي. حجمه صغير جداً ويبقى حاداً على شاشات الريتينا. لكن انتبه: نظّف ملف SVG من الأكواد الزائدة التي تصدّرها برامج التصميم، لأنها تضخّم الملف بلا سبب.
الأسلوب الأذكى تقنياً هو استخدام وسم picture مع مصادر متعددة، فيختار المتصفح الصيغة التي يفهمها. إن كنت على ووردبريس، إضافات مثل ShortPixel أو Imagify تتولى التحويل والاحتياط تلقائياً. وعلى Shopify، الصور تُقدَّم بصيغ حديثة تلقائياً، لكن هذا لا يعفيك من رفع ملفات معقولة الأبعاد من البداية. لا تجعل المنصة تعالج فوضاك.
كيف تضغط الصورة دون أن تفقد جودتها؟
اضغط بجودة بين 70 و80% في أداة مثل Squoosh من جوجل، وحدّد عرض الصورة بالبكسل الذي تظهر به فعلياً على الشاشة، لا أكبر. صور المنتج تكفيها 1000–1600 بكسل عرضاً، وصور المقالات 1200 بكسل. الهدف العملي: أقل من 150 كيلوبايت لكل صورة، وأقل من 80 كيلوبايت للصور الثانوية.
الفرق بين العين والملف مضحك أحياناً. جرّب بنفسك: افتح صورة منتج بجودة 100% ثم بجودة 75%، وضعهما جنباً إلى جنب. لن تلاحظ فرقاً، لكن الملف الثاني أخف بنحو النصف.
الخطأ الأكثر تكراراً في المتاجر العربية؟ رفع صورة بأبعاد 4000×3000 بكسل ثم تصغيرها بالـ CSS إلى 400 بكسل. المتصفح يحمّل الملف الأصلي كاملاً، والزائر على شبكة الجيل الرابع يدفع الثمن. صغّر الأبعاد قبل الرفع، دائماً.
أدوات أنصح بها وأستخدمها: Squoosh للعمل اليدوي السريع، TinyPNG للدفعات الصغيرة، ImageOptim على ماك، وShortPixel للتحويل الجماعي داخل ووردبريس. وإن كنت مرتاحاً مع سطر الأوامر، فـ Sharp أو ImageMagick يعالجان مئات الصور في دقائق.
نصيحة من التجربة: احتفظ بالملفات الأصلية عالية الجودة في مجلد منفصل أو على Google Drive قبل أي ضغط جماعي. مرة واحدة تكفي لتتعلم الدرس — عميل ضغط 3000 صورة بإعداد خاطئ ولم يجد نسخة أصلية واحدة. أعاد التصوير من الصفر.
اسم الملف والمسار: تفاصيل صغيرة يقرؤها جوجل
وثائق Google Search Central تنصح صراحة باستخدام أسماء ملفات وصفية، لأنها إحدى الإشارات التي تساعد على فهم موضوع الصورة. الاسم ليس عاملاً حاسماً، لكنه مجاني وسريع، فلماذا تتركه؟
قارن بين هذين:
- سيّئ: DSC_00214.jpg
- جيد: kursi-maktab-tibbi-aswad.webp
هل تكتب الاسم بالعربية أم بالحروف اللاتينية؟ أنا أفضّل النقل الصوتي اللاتيني أو الترجمة الإنجليزية القصيرة. الأسماء العربية تعمل، لكن الروابط تتحول إلى ترميز طويل ومشوّه عند النسخ والمشاركة، مثل %D9%83%D8%B1%D8%B3%D9%8A، وهذا يربك بعض الأدوات وسجلات التحليلات.
قواعد بسيطة: افصل الكلمات بشرطة وليس بشرطة سفلية أو مسافة، تجنّب الأحرف الكبيرة، ولا تحشُر خمس كلمات مفتاحية في الاسم. ثلاث كلمات وصفية كافية.
المسار يهم أيضاً. تنظيم مثل /images/products/office-chairs/ يوضح البنية لمحركات البحث ويسهّل عليك الصيانة لاحقاً. وإن نقلت الصور إلى نطاق فرعي أو CDN، فتأكد من إعداد التحويلات 301 للروابط القديمة، وإلا فقدت أي ترتيب حققته صورك في بحث الصور.
نقطة يغفل عنها كثيرون: جوجل تعتمد على الصفحة الحاضنة للصورة، لا على الصورة وحدها. فإذا وضعت صورة رائعة في صفحة فقيرة المحتوى، ستضعف فرصتها في نتائج الصور. اربط كل صورة بنص يشرحها في السياق ذاته.
النص البديل (alt): كيف تكتبه بشكل احترافي؟
اكتب النص البديل وكأنك تصف الصورة هاتفياً لشخص لا يراها: جملة قصيرة من 5 إلى 12 كلمة، تذكر العنصر الأساسي وسياقه، وتضمّن الكلمة المفتاحية طبيعياً إن كانت مناسبة فعلاً. لا تبدأه بـ«صورة لـ»، ولا تحشُر فيه كلمات مفتاحية متراكمة. الوضوح أولاً، والسيو يأتي كنتيجة.
أمثلة توضّح الفرق فوراً:
- فارغ: alt="" — مقبول فقط للصور الزخرفية البحتة.
- ضعيف: alt="كرسي"
- محشو: alt="كرسي مكتب، كرسي طبي، كرسي رخيص، أفضل كرسي"
- ممتاز: alt="كرسي مكتب طبي أسود بمسند رأس قابل للتعديل"
النص البديل ليس ترفاً تقنياً؛ هو ما يسمعه مستخدم قارئ الشاشة، وما يظهر إن فشل تحميل الصورة. جوجل ذكرت مراراً أنها تستخدمه لفهم محتوى الصورة وسياقها داخل الصفحة.
في المتاجر، ربط النص البديل بخصائص المنتج يصنع فرقاً حقيقياً: اللون، المقاس، المادة، زاوية التصوير. صورة جانبية لحقيبة جلد بنية تستحق alt يقول ذلك بوضوح، لا «حقيبة 3».
وللاختيار الذكي للكلمات داخل النص البديل، ابنِ قائمتك من بحث حقيقي؛ راجع دليل الكلمات المفتاحية في السيو قبل أن تكتب مئات الأوصاف عشوائياً.
تحذير من التجربة: ووردبريس لا يملأ حقل alt تلقائياً، بل يملأ حقل العنوان (title) من اسم الملف. كثيرون يظنون أن مواقعهم بخير، ثم يفحصون بـ Screaming Frog فيجدون 700 صورة بلا نص بديل.
الصور وسرعة الصفحة: المتهم الأول في LCP
في أغلب الصفحات، العنصر الذي يقيسه مؤشر LCP هو صورة. وجوجل تحدد الحد الجيد لهذا المؤشر عند 2.5 ثانية أو أقل. صورة البطل الثقيلة تدفعك وحدها إلى المنطقة الحمراء.
ابدأ بأربعة إجراءات مرتّبة حسب الأثر:
- لا تستخدم lazy loading لصورة البطل. هذا أشهر خطأ يقتل LCP. الصور أعلى الشاشة تُحمّل فوراً؛ التأجيل للصور التي تحت الطية فقط.
- أضف fetchpriority="high" لصورة البطل لتسبق بقية الموارد في طابور التحميل.
- حدّد width وheight لكل صورة، لمنع اهتزاز التصميم (CLS) أثناء التحميل.
- استخدم srcset وsizes ليحصل هاتف بعرض 390 بكسل على نسخة صغيرة، لا نسخة سطح المكتب.
بعدها فكّر في شبكة توزيع محتوى. Cloudflare أو bunny.net تقدّمان الصور من أقرب نقطة للزائر، وهذا مهم لجمهور خليجي أو مصري يزور سيرفراً في أوروبا. تحسين الفارق قد يبلغ مئات الميلي ثانية.
قِس ولا تخمّن. افتح PageSpeed Insights وانظر إلى قسم «تقليل حجم الصور» و«تقديم صور بأحجام مناسبة»، ثم راجع بيانات Core Web Vitals الفعلية في Search Console. الفرق بين اختبار المعمل وبيانات المستخدمين الحقيقيين كبير، وأنا أثق بالثانية أكثر. لقراءة هذه الأرقام بثقة، اطّلع على شرح تقرير سيو الموقع وكيفية تفسيره.
خريطة موقع الصور والبيانات المنظمة
إن كانت صورك تُحمّل بجافاسكربت أو تأتي من نطاق CDN مختلف، فقد لا يكتشفها الزاحف بسهولة. الحل: خريطة موقع مخصصة للصور، أو وسوم صور داخل خريطة موقعك الحالية. جوجل تدعم هذا رسمياً، ومعظم إضافات السيو مثل Yoast وRank Math تولّده بضغطة واحدة.
ثم تأتي البيانات المنظمة. أضف مخطط Product لصفحات المنتج مع حقل image، ومخطط Recipe للوصفات، وArticle للمقالات. هذه المخططات تجعل صورك مؤهلة للنتائج المنسّقة، وقد تظهر بحجم أكبر وبمعلومات مثل السعر أو التقييم بجانبها.
مواصفات عملية للصور في البيانات المنظمة: قدّم عدة نسب أبعاد (1:1 و4:3 و16:9)، وبعرض 1200 بكسل على الأقل. هذا يمنح جوجل حرية اختيار الشكل الأمثل للعرض على الجوال.
وهناك تفصيلة تخص المتاجر: لا تمنع مجلد الصور في ملف robots.txt. رأيت متجراً يشكو من غياب صوره تماماً من نتائج البحث، والسبب سطر واحد يحجب /wp-content/uploads/ كتبه مطوّر سابق «لتوفير موارد السيرفر». حذف السطر أعاد فهرسة آلاف الصور تدريجياً.
أضف كذلك بيانات ترخيص الصور إن كنت مصوراً أو ناشراً؛ فجوجل تعرض شارة قابلة للترخيص في نتائج الصور، وهي طريقة ممتازة لجلب طلبات استخدام مدفوعة.
أخطاء شائعة في سيو الصور وقائمة تحقق سريعة
قبل قائمة التحقق، أشهر ثلاثة أخطاء أراها في المراجعات: صور بحجم ميغابايت في الصفحة الرئيسية، نص بديل مكرر حرفياً على كل صور المنتج، وصور منقولة من مواقع أجنبية دون حقوق — وهذا الأخير قد يجلب لك مطالبة قانونية لا مجرد ضعف ترتيب.
ومن الأخطاء الهادئة: استخدام لقطات شاشة نصية بدل نص حقيقي. جوجل لا تفهرس الكلمات داخل الصورة كما تفهرس النص، فأنت تدفن محتواك طوعاً.
قائمة تحقق تنفّذها اليوم على أهم عشر صفحات:
- حوّل كل الصور إلى WebP أو AVIF.
- ضع سقفاً للحجم: 150 كيلوبايت للصورة الرئيسية، 80 لغيرها.
- اضبط الأبعاد على الحد الفعلي للعرض، ولا ترفع ملفات 4000 بكسل.
- أعد تسمية الملفات بأسماء وصفية مفصولة بشرطات.
- اكتب نصاً بديلاً فريداً لكل صورة ذات معنى.
- ألغِ التحميل المؤجّل لصورة البطل وأضف لها fetchpriority.
- حدّد width وheight لكل وسم img.
- فعّل srcset لنسخ الجوال.
- تحقّق من أن robots.txt لا يحجب مجلد الصور.
- أضف الصور إلى خريطة الموقع والبيانات المنظمة.
اجعل هذا جزءاً من روتين النشر، لا حملة لمرة واحدة. أنا أضع بنداً في نموذج المقال يمنع النشر قبل التحقق من alt والحجم. وإن كنت تنشر بوتيرة عالية، فادمج هذه المعايير مع خطة محتوى السيو حتى لا تتراكم عليك آلاف الصور غير المحسّنة.
خلاصة عملية: سيو الصور ليس مشروعاً معقداً، بل عادة صغيرة تتكرر مع كل صورة ترفعها. صيغة حديثة، حجم معقول، اسم واضح، ونص بديل صادق يصف ما في الصورة. ابدأ بالصفحات التي تجلب أكثر الزيارات، وقس النتيجة بعد أسبوعين في Search Console. المكسب يظهر أولاً في السرعة، ثم في زيارات بحث الصور، ثم في الترتيب العام. جرّب على صفحة واحدة اليوم، وستقتنع بالباقي بنفسك.
الأسئلة الشائعة
ما الحجم المثالي لصور المتجر الإلكتروني؟
استهدف عرضاً بين 1000 و1600 بكسل لصور المنتج، وحجم ملف أقل من 150 كيلوبايت بصيغة WebP. صور التصنيفات والصور المصغّرة تكفيها 400–600 بكسل وأقل من 60 كيلوبايت. إن احتجت خاصية التكبير، ارفع نسخة عالية الدقة منفصلة تُحمّل عند الطلب فقط، لا مع تحميل الصفحة الأول.
هل أكتب النص البديل بالعربية أم بالإنجليزية؟
اكتبه بلغة جمهورك ولغة الصفحة. إن كان موقعك عربياً ويستهدف مشترين عرباً، فالنص البديل بالعربية هو الصحيح، لأنه يطابق الكلمات التي يبحثون بها فعلاً. أما اسم ملف الصورة، فأفضّل الحروف اللاتينية لتجنّب الروابط المرمّزة الطويلة التي تربك بعض الأدوات وتقارير التحليلات.
هل يضر التحميل المؤجّل للصور بترتيب موقعي؟
لا يضر إن استخدمته بشكل صحيح، أي للصور الموجودة أسفل الشاشة الأولى فقط. المشكلة تحدث عند تأجيل صورة البطل، فيتأخر مؤشر LCP ويهبط تقييم تجربة الصفحة. القاعدة البسيطة: أول صورة يراها الزائر تُحمّل فوراً بأولوية عالية، وكل ما تحته يُؤجَّل.
كم يستغرق ظهور نتائج تحسين الصور؟
تحسّن السرعة يظهر فوراً في أدوات مثل PageSpeed Insights، أما بيانات المستخدمين الحقيقيين في Search Console فتحتاج نحو 28 يوماً لتُحدَّث بالكامل. أثر بحث الصور أبطأ، ويعتمد على إعادة الزحف؛ توقّع مؤشرات أولى بعد أسبوعين إلى ستة أسابيع، خصوصاً إن أضفت خريطة موقع للصور.