أنس راشد
صاحبة متجر عطور في الخبر صورت منتجاتها بكاميرا احترافية، ورفعت الصور كما خرجت من الكاميرا: كل صورة بحجم 8 ميجابايت، واسمها مثل DSC_0471.jpg. كانت الصور رائعة على شاشة الحاسوب، لكن صفحات المنتجات كانت تتأخر في الفتح على الجوال، وكثير من الزوار يغادرون قبل أن تظهر الصورة الأولى. ولم يكن في أسماء الصور ولا نصوصها البديلة ما يخبر جوجل أن هذه صورة "دهن عود كمبودي".
في هذه المقالة ستعرف ماذا تقول جوجل عن صور المواقع، وما الحجم المناسب لصورة المنتج بالأبعاد والكيلوبايت، وكيف تسمي ملفاتها، وكم صورة تحتاج ومن أي زوايا لكل نوع منتج، مع خطوات تجهيز الصورة قبل رفعها وقائمة تحقق.
“الصورة الجميلة التي لا تُحمَّل، لا يراها أحد.”
لماذا تهم صور المنتجات في السيو والمبيعات؟
في المتجر الإلكتروني، الصورة هي أقرب شيء للمس المنتج. العميل لا يستطيع أن يقلب العباية بيده أو يرى لون العطر في الضوء، فيعتمد على الصور ليقرر. ولهذا تؤثر الصور في ثلاثة أشياء:
- قرار الشراء: صور واضحة من زوايا مختلفة تجيب عن أسئلة العميل قبل أن يسألها.
- سرعة الصفحة: الصور غالبًا أثقل ما في صفحة المنتج. والصورة الثقيلة تبطئ ظهور الصفحة، خاصة على الجوال، وشرحت أثر السرعة في مقالة أهمية سرعة الموقع في السيو.
- الظهور في جوجل: الصور يمكن أن تظهر في نتائج البحث العادية، وفي بحث الصور، وبجانب نتائج المنتجات. وجوجل تحتاج أن تفهم ما في الصورة لتعرضها.
ماذا تقول جوجل عن الصور؟
نشرت جوجل دليلًا بعنوان أفضل ممارسات سيو الصور، وهذه أهم نقاطه لصاحب المتجر:
- اسم ملف وصفي: تنصح جوجل بأسماء ملفات قصيرة لكنها وصفية، وتضرب مثالًا بأن اسمًا مثل my-new-black-kitten.jpg أفضل من IMG00023.JPG، وتنصح بتجنب الأسماء العامة مثل image1.jpg.
- صيغ مدعومة: يدعم بحث جوجل الصيغ BMP وGIF وJPEG وPNG وWebP وSVG، وتنصح بأن يطابق امتداد الملف نوعه الحقيقي.
- وسم img لا خلفية CSS: تكتشف جوجل الصور المضافة بوسم img في الصفحة، ولا تفهرس الصور التي تظهر كخلفية بأكواد التصميم.
- صور متجاوبة: تنصح بإعطاء المتصفح عدة أحجام من الصورة ليختار المناسب للشاشة.
- سياق الصفحة: تستخرج جوجل معلومات عن الصورة من محتوى الصفحة نفسها، بما في ذلك التعليقات والعناوين القريبة منها والنص البديل.
توصي جوجل في دليل البيانات المنظمة للمنتج بتقديم عدة صور عالية الدقة للمنتج، لا يقل حاصل ضرب العرض في الارتفاع فيها عن 50 ألف بكسل، وبنسب عرض إلى ارتفاع مختلفة مثل 1:1 و4:3 و16:9.
والخبر الجيد أن أغلب منصات المتاجر، مثل سلة وزد وشوبيفاي، تتولى الجانب التقني: تضيف الصور بوسم img، وتنشئ أحجامًا متعددة، وتضع الصور في البيانات المنظمة. أما ما عليك أنت فهو ما ترفعه: حجم الملف، واسمه، وجودته، ونصه البديل.
الحجم: الأبعاد ووزن الملف
هنا يوجد شيئان مختلفان يخلط بينهما كثيرون:
- الأبعاد: عرض الصورة وارتفاعها بالبكسل، مثل 1500 × 1500.
- وزن الملف: حجمه بالكيلوبايت أو الميجابايت، مثل 250 كيلوبايت.
تحتاج أبعادًا كافية ليرى العميل التفاصيل عند التكبير، ووزنًا خفيفًا حتى تفتح الصفحة بسرعة. وهذه نقاط بداية عملية من الخبرة، لا أرقام رسمية من جوجل، وراجع دائمًا توصيات منصتك:
| نوع الصورة | أبعاد مقترحة | وزن الملف المقترح |
|---|---|---|
| الصورة الرئيسية للمنتج | مربعة 1:1، من 1200 إلى 2000 بكسل | أقل من 300 كيلوبايت تقريبًا |
| صور الزوايا والتفاصيل | بنفس أبعاد الرئيسية لتتناسق | أقل من 300 كيلوبايت تقريبًا |
| بانر التصنيف أو العروض | عريضة، حسب قالب متجرك | أقل من 400 كيلوبايت تقريبًا |
وأهم قاعدة: استخدم أبعادًا موحدة لكل صور المنتجات في المتجر، مربعة غالبًا. فالصور بأبعاد مختلفة تجعل شبكة المنتجات في صفحة التصنيف غير منتظمة.
ولتخفيف وزن الصورة دون أن تفقد جودتها الظاهرة، حوّلها إلى صيغة WebP بـ أداة التحويل إلى WebP. وبعد رفع الصور، افحص سرعة صفحة المنتج بـ أداة فحص سرعة الموقع، وانتبه خاصة لمؤشر LCP، فهو يتأثر كثيرًا بالصورة الرئيسية.
“اسم الملف أول جملة تقولها لجوجل عن صورتك.”
الاسم: كيف تسمي ملف الصورة؟
اسم الملف تفصيل صغير، لكنه يعطي جوجل إشارة عن محتوى الصورة، ويأخذ ثواني فقط عند الرفع. انظر إلى الفرق:
IMG_2045.jpg
DSC_0471.jpg
صورة 1.jpg
final-new-2.jpg
black-crepe-abaya-front.jpg
cambodian-oud-oil-3ml.jpg
ethiopian-coffee-250g-bag.jpg
black-crepe-abaya-sleeve-detail.jpg
وهذه قواعد التسمية:
- وصف قصير لما في الصورة: نوع المنتج وصفته، وأحيانًا الزاوية، مثل front أو back أو detail.
- شرطة بين الكلمات: black-crepe-abaya لا black_crepe_abaya ولا blackcrepeabaya.
- حروف إنجليزية صغيرة: من خبرتي، بعض المنصات تغير الأسماء العربية أو تحولها إلى رموز طويلة عند الرفع، فالأسماء الإنجليزية أو المكتوبة بحروف إنجليزية أكثر أمانًا. وتنصح جوجل بترجمة أسماء الملفات عند تعريب الصور، فالعربية ممكنة إن كانت منصتك تحافظ عليها.
- بلا حشو كلمات: abaya-abayas-black-abaya-best-abaya.jpg لا يفيد، ويبدو غير احترافي.
- اسم مختلف لكل صورة: حتى لصور المنتج نفسه، أضف الزاوية أو التفصيل.
ولا تنس النص البديل، فهو أهم من اسم الملف لفهم الصورة، وشرحت طريقة كتابته في مقالة النص البديل للصور ALT.
الجودة: كم صورة تحتاج ومن أي زوايا؟
الجودة لا تعني كاميرا غالية. جوال حديث، وإضاءة نهار طبيعية قرب نافذة، وخلفية سادة، تكفي لصور واضحة. والأهم من الجودة التقنية أن تجيب الصور عن أسئلة العميل. وهذه الزوايا المقترحة حسب نوع المنتج:
| نوع المنتج | صور لا تخلو منها الصفحة |
|---|---|
| العبايات والملابس | من الأمام، ومن الخلف، وعلى عارضة أو شخص، وقرب القماش والتطريز، والأكمام |
| العطور ودهن العود | الزجاجة من الأمام، والعلبة، والحجم بجانب شيء مألوف كاليد، ولون الدهن في الضوء |
| القهوة والتمور | الكيس أو العلبة، والملصق بالمعلومات، والحبوب أو التمر عن قرب، والمنتج مقدّمًا |
| الإلكترونيات والإكسسوارات | من عدة زوايا، والمنافذ والأزرار، ومحتويات العلبة، والمنتج أثناء الاستخدام |
وصورة المنتج أثناء الاستخدام مهمة جدًا: عباية على شخص، أو دهن عود على المعصم، أو قهوة في كوب. فهي تساعد العميل على تخيل المنتج في حياته. وإن كانت منتجاتك متشابهة، فاجعل صور كل منتج تظهر ما يميزه، كما شرحت في مقالة المنتجات المتشابهة.
وتجنب الصور الضبابية أو المظلمة أو المقصوصة بشكل يخفي جزءًا من المنتج، وتجنب وضع نصوص كثيرة فوق صورة المنتج، فالمعلومة مكانها الوصف المكتوب لا داخل الصورة. فجوجل تقرأ النص المكتوب في الصفحة بسهولة، أما النص داخل الصورة فقد لا يقرؤه العميل على شاشة الجوال الصغيرة أصلًا.
كيف تصور منتجاتك بالجوال؟
أغلب المتاجر الصغيرة لا تحتاج مصورًا محترفًا في البداية. هذه نصائح عملية لتصوير بالجوال:
- الضوء الطبيعي: صوّر قرب نافذة في النهار، ولا تستخدم الفلاش، فهو يغير الألوان ويصنع لمعانًا مزعجًا على الزجاج.
- خلفية واحدة لكل المنتجات: لوح أبيض أو ورق كبير سادة، حتى تبدو الصور متناسقة في المتجر كله.
- ثبّت الجوال: حامل بسيط أو كومة كتب تمنع الاهتزاز والضبابية.
- اقترب ولا تكبّر رقميًا: التكبير داخل الكاميرا يقلل الجودة. اقترب من المنتج بدلًا منه.
- ألوان صادقة: لا تبالغ في الفلاتر. اللون في الصورة يجب أن يطابق ما سيصل للعميل، وإلا جاءتك مرتجعات.
صورة تبيع
- واضحة وحادة عند التكبير
- لون مطابق للمنتج الحقيقي
- خلفية سادة لا تشتت
- تظهر الحجم أو الاستخدام
صورة تبعد العميل
- ضبابية أو مظلمة
- فلتر يغير اللون الحقيقي
- خلفية مزدحمة بأشياء أخرى
- نصوص كثيرة فوق المنتج
خطوات تجهيز الصورة قبل رفعها
طبّق هذه الخطوات على كل صورة منتج، وستأخذ دقيقة أو اثنتين فقط بعد التعود:
- صوّر بأبعاد موحدةإضاءة طبيعية وخلفية سادة، واقصص الصورة بنسبة مربعة 1:1 بنفس الأبعاد لكل منتجاتك.
- خفف وزن الملفصغّر الأبعاد إلى ما تحتاجه فقط، ثم حوّل الصورة إلى WebP أو اضغطها، حتى يصبح وزنها أقل من 300 كيلوبايت تقريبًا.
- سمّ الملفوصف قصير بحروف إنجليزية صغيرة وشرطات، مثل black-crepe-abaya-front.webp.
- ارفع واكتب النص البديلجملة تصف الصورة كما تصفها لشخص لا يراها، مثل: "عباية كريب سوداء بأكمام واسعة من الأمام".
- افحص الصفحةافتح صفحة المنتج على الجوال، وتأكد أن الصورة الأولى تظهر بسرعة وبوضوح، ثم افحص السرعة.
أخطاء شائعة في صور المنتجات
- رفع الصورة كما خرجت من الكاميرا: ملفات بعدة ميجابايت تبطئ الصفحة دون أي فائدة يراها العميل.
- صغيرة جدًا: صورة بأبعاد 400 بكسل تظهر ضبابية عند التكبير، فلا يرى العميل التفاصيل.
- أسماء ملفات عشوائية: IMG_2045.jpg لا يقول لجوجل شيئًا عن المنتج.
- صورة واحدة فقط: لا تجيب عن أسئلة العميل عن الخلف والتفاصيل والحجم الحقيقي.
- أبعاد مختلفة لكل منتج: شبكة المنتجات في التصنيف تبدو غير منظمة.
- صور المورد نفسها في كل المتاجر: مثل الوصف المنسوخ، لا تميز منتجك عن غيرك. أضف على الأقل صورة أصلية من تصويرك.
- صورة رئيسية لا تطابق العنوان: عنوان المنتج "عباية كحلي" وصورته الرئيسية سوداء لأن المنتج بعدة ألوان. اجعل الصورة الرئيسية للون المذكور في العنوان، أو اجعل العنوان بلا لون.
- تغيير الصور كثيرًا بلا سبب: كل صورة جديدة يحتاج جوجل وقتًا ليكتشفها ويفهرسها. غيّر الصورة عندما تكون الجديدة أفضل فعلًا، لا لمجرد التغيير.
- نص بديل فارغ أو محشو: إما لا شيء، أو قائمة كلمات مفتاحية بدل وصف الصورة.
- أبعاد موحدة ومربعة لكل صور المنتجات
- وزن كل صورة خفيف، والصفحة تفتح بسرعة على الجوال
- اسم ملف وصفي بشرطات وحروف إنجليزية صغيرة
- عدة صور من زوايا مختلفة، منها صورة أثناء الاستخدام
- نص بديل يصف كل صورة بدقة
- صورة أصلية واحدة على الأقل، لا صور المورد فقط
كلمة أخيرة: صورة واضحة وخفيفة واسم يصفها
صور المنتجات تبيع قبل أن يقرأ العميل كلمة واحدة من الوصف، لكنها قد تبطئ متجرك إن رفعتها بلا تجهيز. اجعل أبعادها كافية للتكبير ووزنها خفيفًا، وسمّ كل ملف بوصف قصير لما فيه، وارفع عدة صور تجيب عن أسئلة العميل من زوايا مختلفة، واكتب لكل صورة نصًا بديلًا يصفها. وابدأ بالصورة الرئيسية لأكثر 10 منتجات مبيعًا، فهي أول ما يراه العميل وأول ما تحمّله الصفحة، ثم طبّق الطريقة نفسها على كل منتج جديد تضيفه.
وإذا أردت تعلم السيو لمتجرك بنفسك، فـ دليل السيو الشامل لأصحاب المتاجر الإلكترونية يشرحه خطوة بخطوة، أو اطلع على باقات تحسين محركات البحث للمتاجر لأراجع لك صور منتجاتك وسرعة صفحاتها.
الأسئلة الشائعة
1 ما الحجم المناسب لصورة المنتج؟
من الخبرة العملية، صورة مربعة بين 1200 و2000 بكسل، بوزن أقل من 300 كيلوبايت تقريبًا، نقطة بداية جيدة. وتوصي جوجل في بيانات المنتج المنظمة بصور عالية الدقة لا يقل حاصل ضرب أبعادها عن 50 ألف بكسل.
2 هل أسمي ملف الصورة بالعربي أم بالإنجليزي؟
تنصح جوجل بأسماء قصيرة ووصفية، وبترجمتها عند تعريب الصور. لكن بعض المنصات تغير الأسماء العربية عند الرفع، فالأسماء بحروف إنجليزية صغيرة وشرطات أكثر أمانًا عمليًا.
3 هل يؤثر اسم ملف الصورة على الترتيب؟
هو إشارة صغيرة تساعد جوجل على فهم الصورة، وليس عاملًا كبيرًا وحده. لذلك سمّ الصور الجديدة بشكل صحيح، ولا تقلق كثيرًا من إعادة تسمية الصور القديمة إلا في صفحاتك المهمة.
4 كم صورة أضع لكل منتج؟
لا يوجد عدد رسمي. ضع ما يكفي ليجيب عن أسئلة العميل: الأمام والخلف والتفاصيل والحجم الحقيقي وصورة أثناء الاستخدام. وغالبًا تكفي من 4 إلى 7 صور لأغلب المنتجات.
5 هل أستخدم صور المورد؟
يمكنك إن سمح بذلك، لكنها موجودة غالبًا في متاجر كثيرة. أضف إليها صورة أصلية واحدة على الأقل من تصويرك، خاصة صورة المنتج أثناء الاستخدام.
6 هل صيغة WebP أفضل من JPEG لصور المنتجات؟
WebP تعطي غالبًا وزنًا أخف بجودة ظاهرة مشابهة، وجوجل تدعمها. وكثير من المنصات تحول الصور تلقائيًا، فإن لم تفعل منصتك، فحوّلها قبل الرفع.
المصادر:
- Google Search Central. Google image SEO best practices.
- Google Search Central. Introduction to Product structured data.
