ما هو أفضل حجم لصور منتجات التجارة الإلكترونية؟

نشرت: 2021-12-24

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

كما ذكرنا سابقًا ، أنت صاحب متجر للتجارة الإلكترونية ؛ بعد ذلك ، قد تقر بأن صور منتجات التجارة الإلكترونية ضرورية. إن تقديم أي عنصر بشكل جيد هو مفتاح النجاح. سوف يتساءل عملاؤك كيف يمكن أن تنظر إليهم المجوهرات أو الملابس أو كيف ستبدو الأريكة الجلدية النموذجية في غرفة معيشتهم.

موصى به لك

  • حجم بانر موقع الويب: ما هو الحجم الأكثر فعالية؟
  • كيف تصبح متجرًا موثوقًا به من Google؟
  • كيف تجد المنتجات للبيع عبر الإنترنت؟

في هذه المقالة ، ستظهر لك ما هو أفضل حجم لصور منتجات التجارة الإلكترونية؟

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

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

لماذا حجم صورة المنتج مهم على مواقع التجارة الإلكترونية؟

كما قد لا تعرف ، تعد الصور من بين أكثر الأصول حيوية لمتجر التجارة الإلكترونية الخاص بك.

هناك مقولة:

"ومع ذلك ، غالبًا ما يتم إهمالهم - يتناسى أصحاب المتاجر تمامًا تحسين الصور للويب."

هناك سببان:

  • نظرًا لأن الحصول على صور محسّنة لموقعك هو خطوة إضافية أخرى في القائمة التي لا تنتهي ، ما عليك القيام به
  • تعتبر أولوية منخفضة ، ومن ثم نسيانها بسهولة

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

قبل المضي قدمًا ، دعنا نكتشف لماذا تلعب الصور دورًا أساسيًا في نجاح عملك.

1. الانطباعات الأولى العد

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

في الواقع ، في دراسة عام 2017 التي أجرتها Square و BigCommerce ، يُقال إن العملاء الأمريكيين عبر الإنترنت يستشهدون بتصوير منتجات إضافية كأول شيء يرغبون فيه من العلامات التجارية عبر الإنترنت.

2. الصورة أكثر قيمة من 1000 كلمة

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

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

أثبت دليل BigCommerce و Square أن حوالي نصف المستجيبين قالوا إنهم لم يتمكنوا من لمس منتجاتهم المفضلة والشعور بها وتجربتها عند التسوق عبر الإنترنت.

3. الجوال يتولى زمام الأمور

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

عنصر التجارة الإلكترونية الواضح والأكثر جاذبية يعني بطريقة ما أنه يمكن النقر فوق العناصر الخاصة بك وشرائها كثيرًا.

4. الصور يمكن أن تدمر موقع عملك

لاحظ أن الصور منخفضة الجودة وغير الاحترافية لمواقع الويب يمكن أن تؤثر سلبًا على تجربة العملاء وتصنيفها في محركات البحث.

قد تتساءل عن الأسئلة الثلاثة التالية:

  • "هل يتم تحميل صورك ببطء؟"

  • "هل لم تقم بتضمين الوصف التعريفي؟"

  • "هل يرتد الناس عند هبوطهم هناك؟"

ما هو أفضل حجم لصور منتجات التجارة الإلكترونية؟

في حالة استخدام Photoshop ، يمكنك تطوير قالب صورة المنتج عن طريق إنشاء ملفات فارغة وتغيير حجمها إلى الأبعاد التي تريدها. هذا يساعدك في الحفاظ على اتساق الصورة الست. هناك المزيد حول المتطلبات ، ولكن نقاط البداية الجيدة جدًا لأحجام القوالب لمساعدتك على استخدامها في متجرك تتراوح بين 1200 بكسل و 1600 بكسل على الجانب الأطول. ضع في اعتبارك أنك تريد فقط تفاصيل كافية للعملاء للتكبير والتصغير.

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

وبالتالي ، من الضروري أن تبتعد عن الصور ذات الحجم الكبير التي تستغرق وقتًا أطول للتحميل بشكل عام. القاعدة العامة لـ AIM لأحجام ملفات الصور أقل من 70 كيلو بايت. ولحسن الحظ ، يمكن تقليل حجم الملف دون فقدان جودة الصورة من خلال استخدام أداة "Save For Web" في Photoshop.

إلى جانب ذلك ، يجب عليك أيضًا مراعاة هذا:

  • لن يكون حوالي 50٪ من العملاء مستعدين للانتظار لمدة 3 ثوانٍ حتى يتم تحميل الموقع.

  • متوسط ​​وقت تحميل الصفحة آخذ في الازدياد عالميًا.

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

  • تستخدم Google وقت تحميل الصفحة كأحد أهم عوامل الترتيب في الخوارزمية.

هناك طريقة أخرى لمساعدتك على تقليل حجم ملف صورتك وهي استخدام أمر "Save for Web" في Adobe Photoshop. باستخدام هذه الأداة ، قد ترغب في ضبط الصور على أصغر حجم للملف مع الاستمرار في الانتباه إلى جودة الصورة.

  • الجودة : يمكنك العثور عليها في الزاوية العلوية واليمنى.

  • تنسيق الملف : يمكنك العثور عليه في الزاوية العلوية اليمنى

  • التحسين : يمكنك العثور عليه في الزاوية العلوية اليمنى

  • اللون : يمكنك العثور عليه في الزاوية العلوية اليمنى

  • تصغير الحجم والشحذ : يمكنك العثور عليه في الركن الأيمن والأيسر

  • حجم الملف المتوقع : يمكنك العثور عليه في الركن الأيمن والأيسر

ويمكنك أيضًا اختيار استخدام Export As .

الآن ، قد تتساءل عن كيفية اختيار نوع الملف الصحيح .

هناك ، في الواقع ، ثلاثة أنواع ملفات شائعة يمكنك استخدامها لنشر تلك الصور على الويب ، بما في ذلك GIF و PNG و JPEG .

صور JPEG أو .jpg هي نوع ملف قديم. أصبح JPEG الآن هو الصورة القياسية الواقعية للإنترنت. يمكن ضغط صور JPEG مما ينتج عنه صور عالية الجودة بأحجام ملفات صغيرة.

صور GIF أو .gif ذات جودة أقل من صور JPEG وتستخدم على نطاق واسع لمزيد من الصور ، بما في ذلك الصور الزخرفية والرموز. تساعد صور GIF أيضًا في الرسوم المتحركة. فيما يتعلق بتحسين الصور ، تُعرف ملفات GIF بأنها رائعة للصور البسيطة والعادية على أي صفحة ويب. ومع ذلك ، فإن ملفات GIF ليست حلاً مفيدًا للصور المعقدة ، وهذا صحيح بالنسبة للصور الأكبر حجمًا.

صور PNG شائعة بشكل متزايد مثل استبدال صور GIF. تدعم ملفات PNG أيضًا ألوانًا أكثر من ملفات GIF ، ولن تتدهور بمرور الوقت مع عمليات إعادة الحفظ مثل ملفات JPEG. من الأفضل أن تضع في اعتبارك أن حجم الصور PNG-24 أكبر بثلاث مرات في حجم الملف من PNG-8. هذا هو سبب وجوب توخي الحذر مع ملفات PNG.

وإليك عدة نصائح لمساعدتك على تذكر مثل اختيار أنواع الملفات:

  • في معظم الحالات ، في مجال التجارة الإلكترونية ، يمكن أن تصبح ملفات JPEG هي الأفضل لك. يمكن أن توفر لك أفضل جودة لأصغر حجم للملف.

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

  • يمكن أن تكون ملفات PNG حلك الجيد كبديل لكل من ملفات GIF و JPEG. في حالة أنه يمكنك فقط استخدام صور المنتج بتنسيق PNG ، يمكنك منح نفسك لقطة لاستخدام PNG-8 بدلاً من PNG-24. يمكن أن تتفوق ملفات PNG على أنها صور زخرفية بسيطة نظرًا لصغر حجم ملفها.

5 نصائح لتحسين صور المنتج لمتجرك عبر الإنترنت

1. تعيين اسم الصورة وصفيًا وفي لغة واضحة

ليس الأمر معقدًا أن تبالغ في مئات صور المنتج مع الاحتفاظ بأسماء الملفات الافتراضية التي عينتها الكاميرا بالفعل.

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

لنأخذ المثال أدناه:

يمكنك تطبيق الاسم العام الذي عينته الكاميرا بالفعل لصورتك. ولكن سيكون من الأفضل تسمية الملف بالتفصيل.

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

  • 2012 أحمر فورد موستانج LX

  • فورد موستانج ال اكس احمر 2012

  • أحمر فورد موستانج ال اكس 2012

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

في حالة عدم حصولك على البيانات المستندة إلى البيانات ، يمكنك التأكد من استخدام كلمات رئيسية مهمة وذات صلة عند تسمية صورك.

2. تحسين سمات النص البديل بعناية

تُعرف سمات Alt باسم استبدال النص للصور عندما تفشل المتصفحات في عرضها بشكل صحيح. في المقابل ، يتم استخدامها على نطاق واسع للوصول إلى الويب. عندما يتم عرض الصورة ، سوف تتحقق من أن نص السمة البديلة إذا قمت بالمرور عليه. تحتاج هذه السمة البديلة إلى إضافة قيمة تحسين محركات البحث إلى موقعك. يمكن أن يساعدك تضمين سمات بديلة مناسبة تحتوي على كلمات رئيسية ذات صلة بصور موقعك في الترتيب بشكل أفضل في محركات البحث الخاصة بك. نتيجة لذلك ، يعد استخدام سمة alt هو أفضل طريقة لعرض عناصر التجارة الإلكترونية الخاصة بك في بحث الويب والصورة من Google.

يمكنك إلقاء نظرة فاحصة على الكود المصدري لسمة النص البديل:

<img src=”2012-Ford-Mustang-LX-Red.jpg” alt=”2012 Ford Mustang LX Red”>

عندما يتعلق الأمر بتحسين الصورة ، فإن الأولوية الأولى هي ملء كل سمة لكل صورة منتج على موقع الويب الخاص بك. وإليك بعض القواعد لسمات النص البديل:

  • احصل على وصف لصورك بلغة بسيطة كما تفعل مع أسماء ملفات الصور

  • في حال كنت تبيع سلعًا تحتوي على أرقام طراز أو أرقام تسلسلية ، يمكنك كتابتها في سمات النص البديل

  • توقف عن حشو سمات alt المليئة بالكلمات الرئيسية

  • توقف عن استخدام سمات بديل للصور الزخرفية. يمكن لمحركات البحث أن تعاقبك على التحسين كثيرًا.

أخيرًا وليس آخرًا ، دعنا نجري فحص العقل من وقت لآخر. لا تنسَ عرض مصادر صفحة الويب الخاصة بك والتحقق لمعرفة ما إذا كانت السمات البديلة ممتلئة بشكل صحيح أم لا. ستندهش جدًا مما تفتقده حقًا وأنت تتحرك بسرعة ريادة الأعمال.

3. اختر أبعاد الصورة وزوايا المنتج المناسبة

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

  • الداخلي

  • الجزء الخلفي ، وخاصة جناح الهواء

  • الحافات

  • المحرك

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

4. احصل على الصور المصغرة الخاصة بك على النحو الأمثل

تستخدم الكثير من مواقع الأعمال التجارية الإلكترونية الآن الصور المصغرة ، لا سيما في صفحات الفئات حيث يمكنها عرض المنتجات دون أخذ الكثير من العقارات.

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

ومن ثم ، ماذا يجب أن تفعل الآن؟

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

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

5. اسمح باختبار صورك

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

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

  • اختبر الزوايا التي يحب العملاء القيام بها. يمكنك أن ترى زيادة في ولاء العملاء من خلال إعطاء وجهات نظر يرغب عملاؤك في رؤيتها. واحدة من أعظم الطرق لمعرفة ذلك هي من خلال إجراء مسح لعملائك حول ما أعجبهم حقًا مثل مراجعة لقطات منتجك. يعتبر التحدث إلى العملاء ومسحهم أفضل عادة للدخول فيها.

  • اختبر عدد قوائم العناصر التي حصلت عليها بشكل أفضل في صفحات الفئات: 10 أو 20 أو 100 عنصر؟ يمكنك اختبار عدد العناصر التي تدرجها في صفحات الفئات للتحقق مما سيعمل بشكل أفضل للمشترين.

المنشورات ذات الصلة

  • 20+ من أفضل تطبيقات Shopify يحتاجها كل متجر
  • 11 أفضل مواقع صور الأسهم لعملك

الكلمات الأخيرة

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