لنخطط لمتجرك معًا: اطلب عرضًا تجريبيًا مجانيًا

0850 333 15 23
  1. الرئيسية
  2. المدونة
  3. التجارة الإلكترونية
  4. كيف تُحسّن صور المنتجات؟ دليل عملي للحجم والصيغة (WebP) واسم الملف والنص البديل في التجارة الإلكترونية

كيف تُحسّن صور المنتجات؟ دليل عملي للحجم والصيغة (WebP) واسم الملف والنص البديل في التجارة الإلكترونية

كيف تُحسّن صور المنتجات؟ دليل عملي في التجارة الإلكترونية يسرّع صفحتك عبر الحجم المناسب وصيغة WebP واسم الملف والنص البديل وتقنيات التحميل.

Faprikaالتجارة الإلكترونية آخر تحديث: 13 دقيقة للقراءة
صورة: _sanjeev_ngrj_ / Unsplash
المحتويات 18 قسمًا
  1. ما هو تحسين صور المنتجات؟
  2. لماذا يُعدّ تحسين الصور بهذه الأهمية في التجارة الإلكترونية؟
  3. الطبقات الست لتحسين صور المنتجات
  4. أي صيغة صور تُستخدم ومتى؟
  5. ما الحجم المناسب لصورة المنتج؟
  6. أداة حجم صورة المنتج واسم الملف والنص البديل
  7. كيف ينبغي أن يكون اسم ملف صورة المنتج؟
  8. كيف يُكتب النص البديل؟
  9. كيف ينبغي تحميل الصور في الصفحة؟
  10. كيف يجب بناء معرض صور المنتج؟
  11. سير عمل تحسين الصور لمئات المنتجات
  12. خلفية الصورة: بيضاء أم بأسلوب الحياة؟
  13. كم مرة ينبغي تحسين الصور؟
  14. كيف يُقاس تحسين الصور؟
  15. 8 أخطاء شائعة في تحسين الصور
  16. قائمة التحقق من تحسين صور المنتجات
  17. إدارة صور المنتجات مع Faprika
  18. الأسئلة الشائعة

في التجارة الإلكترونية لا يستطيع العميل أن يمسك المنتج بيده؛ فهو يقيّمه من الصورة وحدها. لذلك تُعدّ صور المنتجات أقوى أداة بيع وأثقل حمل على الصفحة في آن واحد: فالصورة الجيدة التصوير لكنها غير محسّنة تُبطئ الصفحة وتستهلك بيانات الجوال وتُفقدك العميل قبل أن تُفتح الصفحة أصلًا. تحسين صور المنتجات يعني جعل الصورة أسرع تحميلًا وأفضل فهمًا وأسهل وصولًا دون التضحية بجودتها.

صيغ هذا المقال على هيئة درس. ستتعلم خطوة بخطوة من أي طبقات يتكوّن تحسين الصور، وكيف تختار الحجم والصيغة المناسبين، وكيف تكتب اسم الملف والنص البديل، وما تقنيات التحميل، وكيف يبدو سير العمل الجماعي، وما أكثر الأخطاء شيوعًا. وتولّد الأداة الموجودة في المقال فورًا الحجم المستهدف واسم الملف والنص البديل لمنتجك.

ما هو تحسين صور المنتجات؟

تحسين صور المنتجات هو ضبط حجم ملف صورة المنتج وصيغتها واسمها ونصها البديل وطريقة تحميلها بأفضل شكل من حيث سرعة الصفحة وسهولة الوصول ومحركات البحث، مع الحفاظ على جودتها البصرية. التقاط الصورة نصف العمل، وتجهيزها للنشر هو النصف الآخر.

التحسين لا يعني «إتلاف» الصورة أو تشويشها. الهدف هو الحصول على ملف أصغر بكثير مع فقدان في الجودة لا تميّزه العين، وتقديم الصورة بحجم يناسب المكان الذي تُستخدم فيه.

نوصيك بقراءةكيف تصوّر المنتجات؟ دليل تصوير المنتجات بالهاتف في التجارة الإلكترونية

لماذا يُعدّ تحسين الصور بهذه الأهمية في التجارة الإلكترونية؟

في صفحات المنتجات تشكّل الصور عادةً الجزء الأكبر من الوزن الكلي للصفحة؛ ولهذا فإن تحسين الصور هو أكثر الطرق فاعلية وأقلها مخاطرة لتحسين سرعة الصفحة. والسرعة بدورها مرتبطة مباشرة بالتحويل وتجربة الجوال والظهور في البحث.

  • سرعة الصفحة: الصور الأصغر تُنزَّل أسرع، فتصبح الصفحة قابلة للاستخدام أبكر.
  • تجربة الجوال: مع بيانات الجوال والاتصال البطيء قد تمنع صورة كبيرة الصفحة من أن تُفتح أصلًا.
  • التحويل: عندما تُفتح الصفحة دون انتظار يركّز العميل على المنتج وتقلّ حالات التخلي.
  • الظهور في البحث: يساعد اسم الملف الواضح والنص البديل محركات البحث والبحث عن الصور على فهم الصورة.
  • سهولة الوصول: يتيح النص البديل للعميل الذي يستخدم قارئ الشاشة أن يفهم المنتج.
  • تكلفة البنية التحتية: الملفات الأصغر تعني حركة بيانات ومساحة تخزين أقل.
Okumanızı öneririzE-Ticarette Site Hızı Neden Önemlidir?

الطبقات الست لتحسين صور المنتجات

يتكوّن تحسين الصور من ست طبقات: الحجم (بالبكسل) والوزن (بالكيلوبايت) والصيغة واسم الملف والنص البديل وطريقة التحميل. كل طبقة تحلّ مشكلة مستقلة، وإذا غابت إحداها قلّ مكسب الطبقات الأخرى.

الطبقات الست لتحسين صور المنتجات: الحجم والوزن والصيغة واسم الملف والنص البديل وطريقة التحميل؛ والمشكلة التي تحلّها كل طبقة
الطبقات الست لتحسين الصور.
الطبقةماذا يُفعل؟المشكلة التي تحلّها
1. الحجم (بكسل)عرض وارتفاع يناسبان حجم العرضتنزيل صورة كبيرة بلا داعٍ
2. الوزن (كيلوبايت)ضغط دون فقدان ملحوظ في الجودةبطء التحميل واستهلاك مرتفع للبيانات
3. الصيغةالصيغة المناسبة للصورة (WebP وJPEG وPNG وSVG)ملف كبير بلا داعٍ بالجودة نفسها
4. اسم الملفاسم واضح بأحرف صغيرة وشرطاتأسماء بلا معنى مثل «IMG_2034.jpg»
5. النص البديلوصف قصير للصورةفقدان سهولة الوصول والظهور في البحث عن الصور
6. طريقة التحميلتحميل الصور الواقعة أسفل الشاشة لاحقًا مع تحديد الأبعادتحميل مبكر غير ضروري وانزياح في التخطيط

أي صيغة صور تُستخدم ومتى؟

للصور الفوتوغرافية يكون الخيار الأفضل عادةً WebP أو JPEG، وللرسومات التي تحتاج إلى شفافية PNG أو WebP، وللشعارات والأيقونات SVG. واختيار الصيغة يغيّر مباشرة حجم ملف الصورة نفسها.

صيغ الصور: WebP وJPEG وPNG وAVIF وSVG؛ مجالات الاستخدام كالصور الفوتوغرافية والشفافية والشعارات واتجاهات حجم الملف
خمس صيغ ومجالات استخدامها.
الصيغةالاستخدام الأنسبالمزاياتنبيه
WebPصور المنتجات، الصور الشفافةملف أصغر عادةً من JPEG وPNG؛ دعم واسع في المتصفحاتقد تلزم صيغة احتياطية على الأجهزة القديمة جدًا
JPEGالصورمدعوم في كل مكانلا شفافية؛ وتدهور في الجودة عند الضغط الشديد
PNGخلفية شفافة ورسومات حادةبلا فقدان في الجودة ويدعم الشفافيةملف كبير جدًا للصور الفوتوغرافية
AVIFالصور (الجيل الجديد)ملف أصغر حتى في معظم الحالاتقد يكون إنتاجها بطيئًا؛ وقد لا تُدعم في كل الأنظمة
SVGالشعار، الأيقونة، الرسم التوضيحيمتجهية؛ حادة بأي حجم وصغيرة جدًاغير مناسبة للصور الفوتوغرافية

قاعدة عملية: انشر صور المنتجات بصيغة WebP (أو JPEG كبديل احتياطي)، واستخدم WebP أو PNG لصور المنتجات التي تحتاج إلى شفافية، واجعل الشعارات والأيقونات بصيغة SVG.

ما الحجم المناسب لصورة المنتج؟

ينبغي أن يكون حجم الصورة المصدر نحو ضعف الحجم الذي تُعرض به في الصفحة؛ فهذا يضمن صورة حادة على الشاشات عالية الدقة (ريتينا) ويتجنب ملفًا كبيرًا بلا داعٍ. وإذا وفّرت ميزة التكبير فيمكن أن يكون المصدر أكبر قليلًا.

حجم صورة المنتج: تجهيز صورة تُعرض بعرض 600 بكسل في الصفحة بعرض 1200 بكسل للشاشات عالية الكثافة؛ ومصدر أكبر للتكبير
نحو ضعف حجم العرض: توازن بين صورة حادة وحجم ملف معقول.
  • اعرف العرض المعروض: تحقق من عرض الصورة الرئيسية بالبكسل على الشاشة في صفحة المنتج.
  • اضرب في اثنين: للشاشات عالية الكثافة يجب أن يكون المصدر بنحو ضعف العرض المعروض.
  • زد الحجم عند وجود تكبير: إذا وفّرت ميزة التكبير فيمكنك رفع المصدر حتى ثلاثة أضعاف، وإلا بدا التكبير ضبابيًا.
  • ثبّت النسبة: استخدم نسبة العرض إلى الارتفاع نفسها (مثل 1:1 أو 4:5) في جميع صور المنتجات؛ فتبدو صفحات القوائم منظمة.
  • تجنّب الصور الكبيرة بلا داعٍ: الصورة بعرض 4000 بكسل الملتقطة بالهاتف يجب تصغيرها إذا كانت ستُعرض في مساحة بعرض 600 بكسل.

أداة حجم صورة المنتج واسم الملف والنص البديل

تولّد الأداة أدناه لمنتجك الحجم المستهدف للصورة المصدر واسم ملف ملائمًا للسيو واقتراحًا للنص البديل. الأداة تقدّم اقتراحات فقط؛ فعدّل النص البديل مع تذكّر أنك أفضل من يصف منتجك.

أداة تجهيز صور المنتجات

الحجم المصدر الموصى به1200 × 1200 بكسل

اسم الملفlinen-shirt-white-front-view.webp

النص البديل المقترحقميص كتان أبيض، منظر أمامي

يتحدّث الاقتراح كلما غيّرت الحقول. اسم الملف بأحرف صغيرة وخالٍ من الأحرف الخاصة ومفصول بشرطات.

كيف ينبغي أن يكون اسم ملف صورة المنتج؟

ينبغي أن يكون اسم ملف الصورة عبارة قصيرة واضحة تصف الصورة، وأن يُكتب بأحرف صغيرة ودون أحرف خاصة أو مسافات، مع فصل الكلمات بشرطات. أما الأسماء التي يمنحها الهاتف أو الكاميرا مثل «IMG_2034.jpg» فلا تحمل أي معلومة عن الصورة.

مثال سيئمثال جيدلماذا؟
IMG_2034.jpglinen-shirt-white-front-view.webpيصف المنتج والمنظر
Linen Shirt White.JPGlinen-shirt-white.jpgالمسافات والأحرف الكبيرة والأحرف الخاصة قد تسبب مشكلات
shirt_final_final2.pnglinen-shirt-detail.pngلا إضافات بلا معنى ولا تكرار
product1.jpgblack-leather-belt-in-use.jpgيتضح أي منتج هو

هناك أنظمة تستخدم اسم الملف للمطابقة عند رفع منتجات كثيرة دفعة واحدة: تُسمّى الصور برمز الباركود أو رمز المخزون للمنتج وتُطابَق مع المنتج عند الرفع. في هذه الحالة لا تُخلّ بنظام المطابقة؛ واملأ بشكل منفصل الحقول المهمة للسيو مثل النص البديل واسم المنتج.

كيف يُكتب النص البديل؟

النص البديل جملة قصيرة تصف الصورة لمن لا يستطيع رؤيتها؛ فهو يذكر ما هو المنتج وما الذي يميّزه. تقرؤه قارئات الشاشة بصوت عالٍ، وتستخدمه محركات البحث لفهم محتوى الصورة، ويظهر مكانها عند تعذّر تحميلها.

أمثلة على النص البديل: مقارنة بين نص فارغ ونص محشو بالكلمات المفتاحية ونص مكتوب جيدًا
النص البديل: صِف المنتج ولا تحشُ الكلمات المفتاحية.
  • اذكر المنتج وميزته: اكتب جملة قصيرة وواضحة مثل «قميص كتان أبيض، منظر أمامي».
  • لا تكتب «صورة» أو «تصوير»: فقارئ الشاشة يعلن أصلًا أنها صورة.
  • لا تحشُ الكلمات المفتاحية: نص بديل مثل «قميص قميص رجالي قميص كتان قميص رخيص» يضرّ بسهولة الوصول وبالبحث معًا.
  • اكتب نصًا مختلفًا لكل صورة: ينبغي أن تحمل صور المنتج نفسه الأمامية والخلفية والتفصيلية نصوصًا بديلة مختلفة.
  • اترك الصور الزخرفية فارغة: يجب أن يكون النص البديل فارغًا في الصور الزخرفية فقط.
  • اجعله قصيرًا: تكفي عادةً جملة أو جملتان قصيرتان.
مثالالمراجعة
فارغ(لا يوجد نص بديل)فقدان إمكانية الوصول والظهور في البحث
محشو بالكلمات المفتاحيةقميص قميص رجالي قميص كتان رخيصضار، وقد يُعدّ بريدًا مزعجًا
كلمة زائدةصورة قميص كتانكلمة «صورة» زائدة
جيدقميص كتان أبيض، منظر أماميقصير وواضح ويصف المنتج
نوصي بقراءةما هي البيانات المنظَّمة (Schema)؟ كيف تضيف مخطط المنتج

كيف ينبغي تحميل الصور في الصفحة؟

طريقة تحميل الصورة لا تقل أهمية عن الصورة نفسها: فصورة المنتج الرئيسية التي تظهر أولًا على الشاشة يجب أن تُحمَّل فورًا، أما الصور الواقعة أسفل الشاشة فتُحمَّل عندما يقترب المستخدم من ذلك الموضع. وإلا أصبحت الصفحة ثقيلة بلا داعٍ أو تأخرت الصورة المهمة.

  • حمِّل الصور الواقعة أسفل الشاشة تحميلًا كسولًا (lazy loading): في صفحة القوائم تُحمَّل صور المنتجات الأبعد تدريجيًا كلما مرّر المستخدم الصفحة.
  • لا تؤخّر الصورة الأولى: صورة المنتج الرئيسية الظاهرة عند فتح الصفحة لا ينبغي إخضاعها للتحميل الكسول؛ فهي أهم محتوى.
  • حدّد العرض والارتفاع: يجب تعريف الأبعاد مسبقًا حتى لا تنزاح الصفحة عند وصول الصورة.
  • قدّم حجمًا مناسبًا لكل شاشة: يمكن إرسال مصدر أصغر إلى الهواتف وآخر أكبر إلى أجهزة سطح المكتب.
  • استخدم شبكة توزيع المحتوى (CDN): تُحمَّل الصور أسرع عندما تأتي من خادم قريب من المستخدم.
Okumanızı öneririzCDN Nedir? Ve Ne İşe Yarar?

كيف يجب بناء معرض صور المنتج؟

بما أن العميل لا يستطيع حمل المنتج بيده، فإن المعرض يقوم بذلك نيابةً عنه: زوايا مختلفة وتفاصيل وصور استخدام تزيد من الثقة. وعند إعداد المعرض، لا يقل الاتساق أهمية عن عدد الصور.

  • أضف عددًا كافيًا من الصور: استهدف عدة صور على الأقل للواجهة الأمامية والخلفية والجانب والتفاصيل والاستخدام.
  • اختر أوضح صورة أولًا: تظهر الصورة الأولى في صفحات القوائم وعند المشاركة؛ لتكن صورة واضحة على خلفية بيضاء أو بسيطة.
  • حافظ على اتساق الخلفية والنسبة: خلفية متشابهة ونسبة أبعاد واحدة في جميع المنتجات تمنح المتجر مظهرًا منظمًا.
  • أظهر المقاس والحجم: صورة استخدام تعطي إحساسًا بالحجم أو جدول مقاسات يقلل من نسبة المرتجعات.
  • أضف فيديو: يُظهر مقطع فيديو قصير للمنتج الحركة والملمس اللذين لا تستطيع الصورة نقلهما.
ننصحك بقراءةكيف يجب أن تكون صفحة منتج التجارة الإلكترونية؟

سير عمل تحسين الصور لمئات المنتجات

في متجر يضم منتجات كثيرة، لا يمكن تحسين الصور واحدة تلو الأخرى، لذلك لا بد من إنشاء سير عمل ثابت. توفر الخطوات الثماني التالية روتينًا قابلًا للتكرار من التصوير حتى النشر.

سير عمل صور المنتجات: التصوير والاختيار والقص والنسبة وتغيير الحجم والضغط والصيغة والتسمية والرفع والقياس
سير عمل الصور في ثماني خطوات من التصوير حتى النشر.
  1. صوّر: التقط مجموعة الزوايا نفسها لكل منتج بإضاءة وخلفية ثابتتين.
  2. اختر: انتقِ أوضح اللقطات وأكثرها اتساقًا.
  3. اقتصّ: اجعل جميع المنتجات بنسبة الأبعاد نفسها.
  4. غيّر الحجم: قلّصه إلى العرض المستهدف (نحو ضعف الحجم المعروض).
  5. اضغط واختر الصيغة: WebP أو JPEG، دون فقدان ملحوظ في الجودة.
  6. سمِّ: امنح الملفات أسماء ذات معنى أو أسماء تتوافق مع قاعدة المطابقة في نظامك.
  7. ارفع: استخدم الرفع المجمّع إن وُجد؛ واملأ النصوص البديلة.
  8. قِس: افحص تحذيرات الصور في أداة قياس سرعة الصفحة.
Okumanızı öneririzE-Ticaret Görsellerinizi Bu Programlarla Düzenleyin

خلفية صورة المنتج: بيضاء أم بنمط الحياة؟

كلاهما ضروري ولكل منهما دور مختلف: فالصورة ذات الخلفية البسيطة (البيضاء عادةً) تُظهر المنتج بوضوح وتضفي نظامًا على صفحات القوائم، أما صورة نمط الحياة فتعرض المنتج في سياق الاستخدام وتثير الخيال. والأسلم أن تكون أول صورة في المعرض هي الصورة البسيطة التي تصف المنتج بأوضح شكل، ثم تليها صور نمط الحياة والتفاصيل.

  • صورة بسيطة في صفحة القائمة: الخلفية والنسبة نفسهما تمنحان المتجر مظهرًا منظمًا وموثوقًا.
  • السياق في صفحة التفاصيل: تُظهر صورة الاستخدام حجم المنتج والغرض من استخدامه.
  • صور التفاصيل: تفاصيل مثل الخياطة والملمس والبطاقات والوصلات تسهّل اتخاذ القرار.

كم مرة يجب إجراء تحسين الصور؟

تحسين الصور ليس عملًا يُنجز مرة واحدة ثم يُترك؛ بل يتكرر كلما أُضيفت منتجات جديدة وتغيّر التصميم وكبر الكتالوج. والأسلم أن تمرّ صور كل منتج جديد عبر سير العمل نفسه قبل النشر، وأن يُفحص الكتالوج القديم على فترات منتظمة.

  • مع كل منتج جديد: وحّد سير العمل (الحجم والصيغة والاسم والنص البديل).
  • عند تغيّر التصميم أو القالب: قد يكون حجم عرض الصور قد تغيّر؛ أعد فحص حجم المصدر.
  • كل ثلاثة أشهر: أعد قياس الصفحات الأكثر زيارة في أداة قياس سرعة الصفحة.
  • قبل الحملات: افحص صور أكثر الصفحات زيارة قبل وصول الزيارات الكثيفة.

كيف يُقاس تحسين الصور؟

يمكنك معرفة ما إذا كان التحسين مجديًا من خلال قياسات سرعة الصفحة ووزن الصفحة. أجرِ القياس في وقتين: قبل التغيير وبعده، على الصفحة نفسها وفي الظروف نفسها.

  • تقرير سرعة الصفحة: هل اختفت تحذيرات مثل «تحديد حجم الصور بشكل مناسب» و«عرض الصور بصيغ الجيل الجديد» و«تأجيل الصور خارج الشاشة»؟
  • الوزن الإجمالي للصفحة: هل انخفض حجم التنزيل الإجمالي لصفحة المنتج؟
  • زمن رسم أكبر محتوى (LCP): هل تقدّم الوقت الذي تظهر فيه صورة المنتج الرئيسية؟
  • القياس على الجوال: أجرِ القياس خصوصًا في ظروف اتصال جوال بطيء.

8 أخطاء شائعة في تحسين الصور

  1. رفع الصور من الهاتف كما هي: تُنزَّل الصورة التي يبلغ عرضها آلاف البكسلات كاملةً مع أنها تُعرض في مساحة صغيرة.
  2. استخدام PNG في كل مكان: ينتج PNG ملفات كبيرة جدًا في حالة الصور الفوتوغرافية.
  3. الإفراط في الضغط: التشوه الظاهر والضبابية يضرّان بالثقة.
  4. ترك اسم ملف بلا معنى: أسماء مثل «IMG_2034» لا تحمل أي معلومة.
  5. ترك النص البديل فارغًا أو حشوه بالكلمات المفتاحية: كلا الطرفين يضرّ بإمكانية الوصول وبالبحث.
  6. تحميل الصورة الرئيسية متأخرًا: إذا أُجّلت أول صورة تظهر على الشاشة، تبدو الصفحة فارغة.
  7. عدم تحديد حجم الصورة: عند وصول الصورة تنزاح الصفحة إلى الأسفل.
  8. استخدام نسب وخلفيات غير متسقة: تبدو صفحة القائمة مبعثرة.

قائمة مراجعة تحسين صور المنتجات

قبل نشر صور منتجاتك، ينبغي أن تتمكن من الإجابة بـ«نعم» على جميع البنود التالية.

  • هل عرض الصورة يعادل نحو ضعف الحجم الذي تُعرض به؟
  • هل ضُغطت الصور الفوتوغرافية بصيغة WebP أو JPEG دون فقدان ملحوظ في الجودة؟
  • هل الشعارات والأيقونات بصيغة SVG أو صغيرة الحجم؟
  • هل أسماء الملفات ذات معنى وبأحرف صغيرة وخالية من الأحرف التركية (أو متوافقة مع قاعدة المطابقة في النظام)؟
  • هل لكل صورة نص بديل قصير وذو معنى؟
  • هل النصوص البديلة خالية من حشو الكلمات المفتاحية؟
  • هل يتضمن معرض المنتج عددًا كافيًا من الزوايا والتفاصيل وصور الاستخدام؟
  • هل جميع صور المنتجات بنسبة الأبعاد نفسها وبخلفية متسقة؟
  • هل تُحمَّل الصور الواقعة أسفل الشاشة لاحقًا بينما تُحمَّل الصورة الرئيسية فورًا؟
  • هل عرض الصور وارتفاعها محدَّدان؟
  • هل أُجري قياس لسرعة الصفحة بعد التغيير؟

إدارة صور المنتجات مع Faprika

نشر الصور المُعدّة جيدًا لمئات المنتجات بسرعة هو النصف الثاني من العمل. وفي البنية التحتية للتجارة الإلكترونية من Faprika، تغطي العناصر التالية هذه المرحلة (يمكنك الاطلاع على الباقة التي تبدأ فيها كل ميزة في صفحة باقات التجارة الإلكترونية):

  • السحب والإفلات ورفع عدة صور: عند إضافة منتج، ترفع عدة صور بسحبها وإفلاتها أو باختيارها من ملف؛ وتجد الخطوات في دليل إضافة منتج جديد.
  • رفع صور المنتجات بشكل مجمّع: تسمّي الصور بحسب معرّف المنتج أو رمز المخزون أو الباركود وترفعها دفعة واحدة؛ ويُختار الشرطة أو الشرطة السفلية أو النجمة كفاصل للترتيب. تجد التفاصيل في دليل رفع الصور بشكل مجمّع؛ وتختلف هذه الميزة بحسب الباقة.
  • ميزة لوحة صورة المنتج: تُحدَّد لوحة الصورة في إعدادات قائمة المنتجات وتفاصيلها؛ وهي متوفرة في جميع الباقات.
  • الشعار أثناء التحميل (Lazy Logo): أثناء تحميل الصور يظهر شعار علامتك التجارية في خلفية لوحة المنتج؛ وتجد التفاصيل في دليل إدارة Lazy Logo.
  • الفيديو التلقائي: يتضمن قسم صور المنتج خيار الفيديو التلقائي؛ ويُنصح باستخدامه مع عدة صور.
  • شبكة توصيل المحتوى (CDN): تُقدَّم شبكة CDN التي تسرّع حركة الصور والملفات بحسب الباقة.

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

ما هو تحسين صور المنتجات؟

تحسين صور المنتجات هو ضبط حجم ملف صورة المنتج وصيغتها واسمها ونصها البديل وطريقة تحميلها بأفضل شكل من حيث سرعة الصفحة وسهولة الوصول ومحركات البحث، مع الحفاظ على جودتها. والهدف تقديم ملفات أصغر وأكثر دلالة دون فقدان ملحوظ في الجودة.

ما الحجم المناسب لصورة المنتج؟

يجب أن يكون عرض الصورة المصدر نحو ضعف عرض ظهورها في الصفحة، فهذا يضمن صورة حادة على الشاشات عالية الكثافة. وإذا وُجدت ميزة تكبير فيمكن أن يصل المصدر إلى ثلاثة أضعاف. فمثلًا، للصورة التي تُعرض بعرض 600 بكسل في الصفحة يناسبها عرض 1200 بكسل.

ما هو WebP ولماذا يُفضَّل؟

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

كيف يُكتب النص البديل؟

يجب أن يكون النص البديل جملة قصيرة تصف الصورة لمن لا يستطيع رؤيتها: اذكر ما هو المنتج وما الذي يميّزه. لا تكتب «صورة» أو «تصوير»، ولا تحشُ الكلمات المفتاحية، واكتب نصًا مختلفًا لكل صورة. وفي الصور الزخرفية فقط يُترك النص البديل فارغًا.

هل اسم ملف الصورة مهم للسيو؟

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

هل من الصواب تحميل كل الصور تحميلًا كسولًا؟

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

مقالات قد تهمك

بنية تحتية قوية لصناعة الفرق في التجارة الإلكترونية.

وسّع قاعدة عملائك وزِد مبيعاتك.

خطّط لعرضك التجريبي المجاني

اترك النموذج وسيتصل بك خبيرنا؛ لنخطط لمتجرك معًا.

احصل على معلومات

اترك بياناتك وسيتصل بك خبيرنا في أقرب وقت.

إذا أردت التحدث فورًا: +90 850 333 15 23