كيفية إنشاء صورة صفحة منتج مثالية لأعمال التجارة الإلكترونية الخاصة بك

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

• مباشرة من محرك البحث
• بعد تصفح متجرك
• بعد النقر من خلال إعلان مستهدف

كإحدى الخطوات الأخيرة في عملية البيع ، يجب أن تكون صفحة منتجك:

• مُحسَّن لضمان سهولة العثور عليه ،
• معلوماتية كافية لغرس الثقة في عميلك ، و
• مصمم جيدًا لتوفير تجربة تسوق رائعة عبر الإنترنت

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

الجزء 1: فهم مكونات التصميم الرائع لصفحة المنتج

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

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

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

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

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

في معظم صفحات المنتج الناجحة ، ستجد مجموعة متنوعة من هذه المكونات نفسها:

• أوصاف واضحة وفريدة من نوعها
• تصوير منتج رائع
• مراجعات لغرس ثقة المشتري
• خيارات التخصيص
• امسح زر "إضافة إلى عربة التسوق"
• معلومات إضافية عن الشحن أو الشراء

الجزء 2: أجب عن هذه الأسئلة في نسخة منتجك

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

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

ما هذا؟

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

بالنسبة للمنتجات الجديدة ، فإنهم يريدون معرفة ما هو بالضبط ولماذا يجب أن يكونوا مهتمين.

كيف تحل المشكلة؟

ما المشكلة التي يحلها منتجك وكيف يحلها؟ هذا هو السؤال الأساسي الذي تحتاج إلى إجابته لعملائك.

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

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

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

لماذا منتجك؟

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

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

من ما هو مصنوع؟

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

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

الجزء 3: إنشاء صور رائعة للمنتج

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

إذن ، ما عليك فعله لإنشاء صور رائعة للمنتج:

ابدأ بالتصوير الجيد

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

لكن ... لست بحاجة إلى إنفاق الكثير من المال للحصول على إعداد رائع للتصوير الفوتوغرافي. يسرد دليل A Better Lemonade Stand لتصوير منتجات DIY كيف يمكنك البدء في تصوير منتجات DIY بأي ميزانية.

يجب أن تتضمن متطلباتك الأساسية لإعداد التصوير الفوتوغرافي لمنتج DIY ما يلي:

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

استخدم صور متعددة

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

يمكن أن تحتوي الصور المختلفة أيضًا على مستويات مختلفة من الأهمية في مراحل مختلفة من عملية الشراء.

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

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

تحرير الصور الخاصة بك

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

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

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

تحسين صورك

الخطوة الأخيرة هي التأكد من تحسين صورك لكل من السرعة وتحسين محركات البحث.

تأكد من أن أحجام صورك معقولة. يوصي Shopify بالحفاظ على صور منتجك أقل من 70 كيلوبايت. يمكن تحقيق ذلك من خلال معرفة نوع تنسيق الملف الذي تريد حفظ صورك فيه. كقاعدة عامة:

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

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

الجزء 4: حافظ على ثبات تصوير منتجك

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

فيما يلي أفضل الطرق للحفاظ على اتساق التصوير الفوتوغرافي لمنتجك:

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

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

يتيح لك وضع صورك على خلفية بيضاء:

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

استخدم نفس الأبعاد أو نسبة العرض إلى الارتفاع

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

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

أيهما يبدو أفضل؟

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

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

استخدم قوالب المنتج

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

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

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

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

لإنشاء ملف قالب منتج أساسي باستخدام Photoshop:

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

• بعد ذلك ، ضمن "عرض" في القائمة الرئيسية ، حدد "دليل جديد".

• أنشئ دليلًا رأسيًا بنسبة 10٪ وكرر الخطوات حتى يكون لديك:
  • 10٪ موجه عمودي وأفقي
  • 90٪ موجه أفقي وعمودي
  • 50٪ موجه أفقي وعمودي

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

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

الآن ما عليك سوى حفظ ملفك كمستند Photoshop عادي (.PSD) وستكون الأدلة الخاصة بك في انتظارك. سيسمح لك الدليل الذي قمت بإعداده بتحميل أي صور تم تعديلها للمنتج بسرعة والتأكد من أنها تبدو رائعة باستمرار في جميع أنحاء موقع الويب الخاص بك.

الجزء 5: اصطحب صور منتجك إلى المستوى التالي!

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

تسريع صورك

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

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

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

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

يمكن لأدوات المطورين المدمجة في متصفحك أيضًا تحديد كيفية تحميل صفحتك للملفات وأي الملفات تستغرق وقتًا طويلاً.

للقيام بذلك في Google Chrome:

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

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

تأكد أيضًا من تحسين صورك للسرعة وتحسين محركات البحث باستخدام النصائح الواردة في الجزء 3.

تحسين صفحتك للجوال

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

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

بعض الاعتبارات لصفحات منتجات الجوال الخاصة بك:

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

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

تذكر SEO

غالبًا ما تبدو صفحات المنتج على أنها مورد غير مستغل بشكل كافٍ من حيث تحسين محركات البحث (SEO). تمنحك صفحات منتجك فرصة لعرض بعض المحتويات الأكثر قيمة وفريدة من نوعها والتي يمكن أن تساعد متجرك في ترتيب أعلى في قوائم البحث. في أغلب الأحيان ، تكون صفحة المنتج هي بالضبط ما يريد عميلك رؤيته.

لتعزيز مُحسنات محركات البحث الخاصة بصفحة منتجك:

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

تحسين الصور للتكبير

هل لاحظت كيف ستسمح لك معظم مواقع التجارة الإلكترونية بالمرور فوق الصورة "لتكبير" المنتج؟ لقد أصبحت هذه ميزة هي طبيعة ثانية تقريبًا. نتوقع الحصول على إصدار أكبر من المنتج عند النقر فوقه أو التمرير فوقه.

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

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

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

• قالب مصغر مقاس 50 × 50 بكسل
• قالب صورة المجموعة 100 بكسل × 100 بكسل
• قالب صورة ذي صلة بحجم 150 بكسل × 150 بكسل
• قالب صور رئيسي 500 بكسل × 500 بكسل

تعمل وظيفة التكبير / التصغير عادةً عن طريق عرض الصورة بحجمها الكامل الأصلي. لذا ، إذا كانت لديك صورة قمت بحفظها بدقة 1000 بكسل × 1000 بكسل ، فعند المرور فوق قالب الصورة الرئيسي (وهو 500 × 500 بكسل) ، فسيتم عرضها بضعف هذا الحجم.

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

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

عادةً ما تكون أبعاد الصورة التي تتراوح بين 1000 بكسل و 1600 بكسل بمثابة حل وسط جيد بين حجم الملف والحصول على صورة يمكن أن توفر قدرًا كافيًا من التفاصيل المقربة.

استنتاج

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