9 طرق لإنشاء صفحات منتج Shopify عالية التحويل

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

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

1. رسم خريطة لعناصر صفحة المنتج الخاص بك

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

بالنظر إلى متجر شهير مثل Asos كمثال ، يمكننا تحديد بعض العوامل المهمة التي وجدوها تعمل بشكل جيد على صفحة المنتج الخاصة بهم.

نظرًا لأن صفحات المنتج لها مثل هذا التأثير الكبير على التحويلات ، يمكنك التأكد من أن Asos ستخصص الموارد لاختبار وتحسين كل مكون.

يتضح هذا الاهتمام بالتفاصيل إذا نظرنا إلى كيفية تحميل صفحة منتج نموذجية بالحركة البطيئة - بحد أقصى 250 كيلوبايت / ثانية (أو اتصال 3g عادي). يعطينا ترتيب كيفية تحميل كل مكون بعض المؤشرات على مدى أهمية كل مكون.

يذهب ترتيب تحميل العناصر:

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

دعنا نفصل بعض مكونات صفحة منتج Asos بشكل أكبر.

2. تسليط الضوء على صور المنتج الأمامية والوسط

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

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

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

3. عرض معلومات الشحن بوضوح

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

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

4. تضمين تفاصيل إضافية

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

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

ما نوع التفاصيل التي يجب تضمينها؟

يمكن أن تتضمن هذه المعلومات تفاصيل مثل:

• مادة المنتج
• النمط
• ميزات التصميم الهامة
• تعليمات العناية والصيانة
• معلومات حول العلامة التجارية أو الشركة المصنعة
• المعلومات الوصفية مثل SKU التي يمكن أن تساعد العميل في إجراء مزيد من البحث أو الاتصال بك.

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

لماذا هذه المعلومات الإضافية في غاية الأهمية؟

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

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

5. اعرض عبارة واضحة تحث المستخدم على اتخاذ إجراء

ميزة أخرى لتصميم الميزات في موقع Asos هي الدعوة الواضحة إلى العمل المتاحة على صفحات المنتج.

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

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

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

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

6. استخدم خلفية بيضاء على صور المنتج الخاص بك

في Pixc ، يختار أكثر من 90٪ من عملائنا تعديل صورهم لإزالة الخلفية من صورهم واستبدالها باللون الأبيض. وهو ليس فقط نحن. أصبح امتلاك خلفية بيضاء (أو على الأقل متسقة) لجميع صور منتجك معيارًا لأي متجر تجارة إلكترونية ناجح.

فلماذا هو مهم جدا؟

إنه يوفر لك المال

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

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

إنه يؤكد على منتجك بشكل أفضل

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

يساعد العملاء على تصفح منتجاتك

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

7. دمج مزيج جيد من التصوير الفوتوغرافي

قم بزيادة عدد الصور التي تعرضها

نظرًا لأن التصوير الفوتوغرافي لمنتجك مهم جدًا ، فمن المهم تضمين مجموعة متنوعة من اللقطات المختلفة لمنتجك. يمكن أن تنقل صورة واحدة إضافية معلومات أكثر من أي وصف.

فقط 0.52٪ من المستهلكين يريدون رؤية صورة واحدة ، بينما 33.16٪ يفضلون رؤية صور متعددة و 58.03٪ يريدون رؤية صور المنتج التي تعرض المنتج كاملاً بزاوية 360 درجة.

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

ضع في اعتبارك لقطات في السياق

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

8. تحسين البيانات الوصفية للصورة

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

قم بتضمين المعلومات الوصفية المناسبة

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

1. تصحيح علامات ALT التي تصف الصورة بدقة
2. علامات العنوان المناسبة
3. اسم ملف ذي صلة يستخدم واصلات (على سبيل المثال ، my-image.jpg)

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

تأكد من أن صورك بحجم مناسب

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

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

9. قم بإنشاء قالب تصوير المنتج الخاص بك

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

يعد تحقيق ذلك في Photoshop أمرًا بسيطًا نسبيًا.

• قم بإنشاء ملف جديد في Photoshop. تأكد من ضبط وضع الألوان على RGB Color - 8 بت ، والدقة 72 بكسل / بوصة على الأقل ومحتويات الخلفية بيضاء أو شفافة.

• قم بإنشاء دليل جديد. حدد "دليل جديد" من قائمة "عرض".

• قم بإنشاء أدلة الهامش الخاصة بك. قم بإنشاء دليل 10٪ عمودي و 90٪ عمودي و 10٪ أفقي و 90٪ أفقي. يمكنك أيضًا تعيين الهوامش الخاصة بك.

• قم بإنشاء أدلة التمركز الخاصة بك. قم بإنشاء دليل 50٪ عمودي و 50٪ أفقي.

يجب أن ينتهي بك الأمر بهذا.

بمجرد الانتهاء ، احفظ ملف القالب كمستند Photoshop نموذجي. ستظل أدلةك متاحة لك في المرة القادمة التي تفتح فيها المستند.

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

في هذا الدليل ، نظرنا في العناصر التي ستساهم في صفحة منتج جيدة التصميم وبعض الخطوات التي يمكنك اتخاذها اليوم لتحسين تجربة التسوق لعملائك.

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