لماذا يُعد تحسين محركات البحث للصور رافعة غير مستغلة في التجارة الإلكترونية
في عام 2025، يُولّد Google Images ما يصل إلى 20% من حركة المرور العضوية للمواقع الإلكترونية المُحسَّنة جيدًا، وهو رقم يُقلَّل من شأنه كثيرًا لدى المتاجر الفرنكوفونية. ومع ذلك، لا تزال غالبية مواقع Shopify وWooCommerce وPrestaShop تقوم برفع صور منتجاتها دون أي استراتيجية لتحسين محركات البحث للصور في التجارة الإلكترونية.
لدى Otomy، نقوم بانتظام بتدقيق مواقع تجارة إلكترونية جزائرية وفرنسية تحتوي صورها على أحجام تتراوح بين 3 و8 ميغابايت لكل صورة، بدون وسم alt، وبأسماء ملفات من نوع IMG_4521.jpg. النتيجة: مؤشرات Core Web Vitals كارثية، صفحات بطيئة، وانعدام تام للظهور في البحث المرئي.
الركائز التقنية الخمس لتحسين الصور
1. الضغط والتنسيقات من الجيل الجديد
تخلَّ عن صيغة JPEG التقليدية. انتقل إلى WebP أو AVIF، اللتين تُقلّلان حجم الملفات بنسبة 30 إلى 50% دون فقدان ملحوظ في الجودة.
# تحويل تلقائي بالجملة باستخدام Squoosh CLI
npx @squoosh/cli --webp '{"quality":80}' ./images/*.jpg
لأتمتة العملية على نطاق واسع، نقوم بإعداد سير عمل عبر n8n يعترض كل صورة منتج جديدة يتم رفعها، ويُطلق تلقائيًا:
- تحويل إلى WebP/AVIF
- إعادة تحجيم متعددة الدقة (صورة مصغرة، جوال، حاسوب)
- رفع إلى شبكة CDN (Cloudflare Images أو Bunny CDN)
2. تسمية دلالية للملفات
استبدل IMG_4521.jpg بـ robe-ete-lin-beige-femme-otomy.webp. يقرأ Google اسم الملف كإشارة قوية على الصلة بالموضوع، خاصة عند دمجه مع نص alt متناسق.
3. وسوم alt موجّهة نحو التحويل، لا مجرد كلمات مفتاحية
وسم alt الفعّال يصف الصورة ويُدمج بشكل طبيعي الكلمة المفتاحية المستهدفة:
<img src="robe-ete-lin-beige-femme-otomy.webp"
alt="فستان صيفي من الكتان بيج للمرأة - قصة انسيابية، مجموعة 2025"
loading="lazy"
width="800" height="1000">
باستخدام Claude AI أو ChatGPT، نقوم بتوليد نصوص alt فريدة وسياقية بالجملة انطلاقًا من صفحات المنتجات، متجنبين بذلك المحتوى المكرر الذي يُعاقب الكثير من الكتالوجات.
4. التحميل الكسول (Lazy Loading) وتحديد الأبعاد صراحةً
خاصية loading="lazy" الأصلية في HTML تتجنب تحميل الصور خارج الشاشة. لكن انتبه: حدد دائمًا width/height لتفادي انزياح التخطيط التراكمي (CLS)، وهو معيار أساسي ضمن Core Web Vitals.
5. البيانات المنظّمة Product + ImageObject
أثرِ صفحات منتجاتك بمخطط schema.org الخاص بـProduct، مع تضمين روابط الصور بدقة عالية بشكل صريح:
{
"@type": "Product",
"name": "فستان صيفي من الكتان بيج",
"image": [
"https://cdn.otomy.com/robe-ete-lin-1x1.webp",
"https://cdn.otomy.com/robe-ete-lin-4x3.webp"
]
}
أتمتة خط الإنتاج الكامل باستخدام Make وSupabase
لعملائنا الذين يديرون كتالوجات تضم أكثر من 500 منتج، نبني خط أتمتة متكامل:
- Supabase يخزّن البيانات الوصفية للمنتجات (الاسم، الفئة، الكلمات المفتاحية المستهدفة)
- Make (المعروف سابقًا بـIntegromat) ينسّق السيناريو: اكتشاف صورة جديدة ← استدعاء API الخاص بـClaude لتوليد نص alt ← إعادة تسمية تلقائية ← الرفع إلى CDN
- Vercel يستضيف الواجهة الأمامية باستخدام مكوّن Next.js Image، الذي يدير بشكل أصلي التحميل الكسول، والتجاوب، والتحويل إلى WebP بشكل فوري
هذا النظام يحوّل عملية يدوية تستغرق 15 دقيقة لكل منتج إلى أتمتة كاملة بدون أي تدخل بشري، مع عائد استثمار مباشر على حركة المرور من Google Images.
خريطة موقع مخصصة للصور: الحيلة المُهمَلة
أنشئ ملف sitemap-images.xml منفصلًا وقدّمه عبر Google Search Console. هذا يُسرّع بشكل كبير فهرسة صور منتجاتك الجديدة، وهو أمر بالغ الأهمية خاصة عند إطلاق مجموعات موسمية جديدة.
قياس الأثر الحقيقي
في Google Search Console، قم بتصفية تقرير الأداء حسب نوع البحث = صورة. وفقًا لتدقيقاتنا لدى العملاء، فإن التحسين الشامل (الضغط + alt + خريطة الموقع + البيانات المنظّمة) يُولّد في المتوسط:
- زيادة بنسبة 35% في حركة المرور من Google Images خلال 90 يومًا
- تقليص زمن التحميل على الجوال بمقدار 2.1 ثانية
- تحسّن في نقاط PageSpeed بمقدار 15 إلى 25 نقطة
الخلاصة
لم يعد تحسين محركات البحث للصور في التجارة الإلكترونية لعام 2025 أمرًا اختياريًا: إنه قناة اكتساب قائمة بذاتها، لا تزال المنافسة تُهملها إلى حد كبير. لدى Otomy، نُصنّع هذا التحسين على نطاق واسع عبر سير عمل n8n/Make المقترن بالذكاء الاصطناعي التوليدي، محوّلين كل صورة منتج إلى أصل SEO فعّال بدلاً من عبء تقني ميت.