كيفية زيادة تحويلات الجوال باستخدام تصميم صفحة الفئة

نشرت: 2022-03-10
ملخص سريع ↬ توصلت الأبحاث الحديثة إلى أن صفحات فئات التجارة الإلكترونية تتمتع بنسب نقر إلى ظهور أعلى في البحث من صفحات الفئات الفردية. لذلك ، إذا كان موقع التجارة الإلكترونية الخاص بك يكافح لجذب المتسوقين وتحويلهم ، فقد تكون صفحات الفئات الخاصة بك (على وجه التحديد ، تلك الموجودة على الهاتف المحمول) في حاجة إلى إعادة تصميم.

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

شاركت Jill Kocher Brown ، مديرة تحسين محركات البحث في JumpFly ، البحث التالي في SMX West 2020:

بحث SEO Jill Kocher Brown - صفحة فئة التجارة الإلكترونية مقابل أداء صفحة المنتج
تشارك SEO Jill Brown البحث حول صفحة فئة التجارة الإلكترونية مقابل أداء صفحة المنتج. (المصدر: Slideshare) (معاينة كبيرة)

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

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

اليوم ، سأقدم لك بعض النصائح لتصميم صفحات فئة التجارة الإلكترونية للجوال والتي ستجلب لك المزيد من الزيارات من البحث (وبالتالي التحويلات في الموقع).

المزيد بعد القفز! أكمل القراءة أدناه ↓

كيفية تصميم صفحات فئة التجارة الإلكترونية للجوال

دعنا نقفز مباشرة:

1. قم بتضمين العناصر الأساسية فقط في الصفحة

هذا أكثر أو أقل ما يجب أن نهدف إليه عند تصميم صفحات فئة التجارة الإلكترونية للجوال:

إطار سلكي لصفحة فئة التجارة الإلكترونية على الهاتف المحمول
مثال للإطار السلكي لصفحة فئة التجارة الإلكترونية على الهاتف المحمول. (المصدر: تم إنشاؤه باستخدام Wireframe.cc) (معاينة كبيرة)

العناصر التي نحتاج إلى تضمينها في الجزء المرئي من الصفحة هي:

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

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

وفقًا لـ SEMrush (و Google) ، فإن مصطلح "ألعاب كلاب كونغ" هو مصطلح بحث شائع يبحث عنه متسوقو ألعاب الكلاب:

بيانات SEMrush عن "ألعاب كلاب كونغ" مع حجم بحث 33100 شهريًا
يكشف SEMrush أن "ألعاب كلاب كونغ" يبلغ حجم البحث الشهري فيها 33100. (المصدر: SEMrush) (معاينة كبيرة)

إحدى أفضل النتائج المطابقة لمصطلح البحث هي صفحة الفئة / العلامة التجارية هذه على موقع PetSmart على الويب:

صفحة فئة PetSmart لألعاب كلاب كونغ
صفحة فئة منتجات PetSmart للعب الكلاب العلامة التجارية Kong. (المصدر: PetSmart) (معاينة كبيرة)

الضربات الشديدة الأربعة التالية على الصفحة تأخذ المتسوقين عبر أقسام المعلومات ومقاطع الفيديو والفئات الفرعية مثل هذا:

معلومات العلامة التجارية PetSmart Kong والفيديو والفئات الفرعية
يتضمن PetSmart مجموعة من المعلومات حول العلامة التجارية Kong في الجزء العلوي من صفحة الفئات. (المصدر: PetSmart) (معاينة كبيرة)

ها هي مشكلة هذا:

بالنسبة للزوار على موقع الويب الذين يستكشفون منتجات الحيوانات الأليفة ، فإن هذه المعلومات رائعة لأنها تثقفهم على ماركة كونغ المشهورة جدًا. ومع ذلك ، بالنسبة للزوار الذين خرجوا عن طريقهم للبحث عن "ألعاب kong dog" في Google ، فإنهم لا يحتاجون إلى كل هذه المعلومات. إنه فقط يعيق تجربة التسوق.

على الرغم من أنني لست معجبًا بتضمين Best Buy لإعلان أعلى العنوان أو منتج برعاية كما هو موضح لأول مرة ، فإن التخطيط المختصر لأعلى صفحة الفئة جيد:

أفضل صفحة فئة الشراء لـ "أدوات تتبع النشاط"
صفحات فئة Best Buy موجزة بالتفصيل وتعرض المنتجات على الفور. (المصدر: Best Buy) (معاينة كبيرة)

علاوة على ذلك ، تتضمن Best Buy معلومات فئة إضافية (تمامًا كما فعلت PetSmart). ومع ذلك ، فإنه يضع هذه المعلومات بحكمة أسفل نتائج البحث:

تظهر معلومات فئة أفضل شراء أسفل نتائج البحث
يتضمن Best Buy معلومات الفئة أسفل نتائج البحث. (المصدر: Best Buy) (معاينة كبيرة)

لماذا تقوم بست باي بعمل هذا ولماذا عليك القيام بذلك؟

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

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

2. اعرض تفاصيل المنتج الأكثر إقناعًا

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

فيما يلي التفاصيل التي يجب تضمينها مع كل قائمة منتجات:

  • صورة منتج جذابة وواضحة تمامًا ،
  • اسم المنتج (مع وصف قصير إذا كان الاسم / العلامة التجارية لا يوضح ما هو) ،
  • السعر،
  • تصنيف النجوم وعدد الاستعراضات.

العنصر الوحيد أعلاه الاختياري هو التقييم / المراجعات وهذا هو الحال فقط إذا كان موقعك جديدًا ولا تريد أن يؤدي نقص المراجعات إلى إيقاف تشغيل الأشخاص.

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

خذ ، على سبيل المثال ، صفحة فئة "kong dog toy" من Chewy:

صفحة فئة Chewy لـ 'kong dog toy'
صفحة الفئة Chewy ونتائج "kong dog toy". (المصدر: Chewy) (معاينة كبيرة)

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

  1. "المزيد من الخيارات المتاحة" تحت صور المنتج ؛
  2. "شحن مجاني من يوم إلى يومين لما يزيد عن 49 دولارًا" بين السعر والتصنيف.

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

في ما يلي مثال من BH Cosmetics لقوائم المنتجات التي يمكن قطعها مرة أخرى:

صفحة تصنيف فرش المكياج من بي إتش كوزماتيكس
تعرض BH Cosmetics مجموعات فرش الماكياج في صفحة الفئة المقابلة. (المصدر: BH Cosmetics) (معاينة كبيرة)

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

أعتقد أيضًا أن "خصم XX٪" غير ضروري. ليس هناك سبب لتعقيد هذا. يجب أن يكون السعر الأصلي المخدوش والسعر المنخفض الجديد باللون الوردي كافيين للفت الانتباه إلى العرض.

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

حتى تتمكن من معرفة ما أتحدث عنه ، إليك ما يظهره البحث عن "فنادق سانتوريني اليونان" على Expedia:

نتائج Expedia لـ "فنادق سانتوريني في اليونان"
صفحة نتائج البحث على Expedia لـ "فنادق سانتوريني اليونان". (المصدر: Expedia) (معاينة كبيرة)

وعلى Booking.com:

نتائج Booking.com لـ "فنادق سانتوريني اليونان"
صفحة نتائج البحث على Booking.com عن "فنادق سانتوريني اليونان". (المصدر: Booking.com) (معاينة كبيرة)

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

ومع ذلك ، هناك فرق كبير في كيفية عرض هذه المعلومات الإضافية. في إكسبيديا ، يمكن للمستخدمين أن يروا أن "شامل الإفطار" هو أهم ميزة وأنه لم يتبق سوى غرفتين بالسعر الخاص. هذه معلومات مفيدة. ومع ذلك ، على Booking.com ، هناك فوضى من التفاصيل باللون الأخضر معروضة أسفل السعر مباشرة. من الصعب قراءتها ولست متأكدًا من أن كل التفاصيل ضرورية.

إذا كنت في شك ، ابدأ بالحد الأدنى. بعد ذلك ، استخدم اختبار A / B لتأكيد ما إذا كانت التفاصيل الأخرى تعمل على تحسين معدلات النقر والتحويل أم لا.

3. إدارة أحجام صفحة فئة الجوال الخاصة بك

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

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

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

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

ترقيم صفحات فئة وول مارت
يستخدم Walmart ترقيم الصفحات في نهاية صفحات فئة المنتج. (المصدر: وول مارت) (معاينة كبيرة)

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

عرض شبكة صفحة فئة Walmart
بشكل افتراضي ، يعرض Walmart منتجات الفئة في تخطيط الشبكة. (المصدر: وول مارت) (معاينة كبيرة)

من خلال النقر على الزر الموجود على يسار "فرز وتصفية" ، يمكن للمستخدمين تغيير المحاذاة إلى عرض القائمة:

Walmart فئة صفحة عرض قائمة الصفحات
يمكن للمستخدمين ضبط صفحة فئة Walmart لعرض المنتجات في تخطيط قائمة. (المصدر: وول مارت) (معاينة كبيرة)

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

آخر شيء يجب التفكير فيه:

لا يمكنك افتراض أن طريقة الفرز الافتراضية هي ما يفضله جميع العملاء تلقائيًا. على سبيل المثال ، يكون الترتيب الافتراضي لـ Sephora حسب "الأفضل مبيعًا":

منتجات فرز سيفورا الأكثر مبيعًا
بشكل افتراضي ، تقوم Sephora بفرز صفحات الفئات الخاصة بها حسب المنتجات "الأفضل مبيعًا". (المصدر: سيفورا) (معاينة كبيرة)

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

يمكن لعملاء سيفورا تغيير تصنيف صفحات الفئات حسب الأفضل مبيعًا والأعلى تقييمًا والجديد والسعر من الأعلى إلى الأقل والسعر الأقل إلى الأعلى
يمكن لعملاء سيفورا تغيير طريقة فرز صفحات الفئات. (المصدر: سيفورا) (معاينة كبيرة)

وعندما يتعلق الأمر بالفلاتر ، فلا تكن بخيلًا.

سيفورا ، على سبيل المثال ، تسمح للعملاء فقط بالتصفية حسب عاملين:

يمكن لعملاء سيفورا تصفية نتائج صفحات الفئات حسب العلامة التجارية ونطاق السعر
يمكن لعملاء سيفورا تصفية نتائج صفحات الفئات حسب العلامة التجارية ونطاق السعر. (المصدر: سيفورا) (معاينة كبيرة)

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

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

تقوم Ulta بعمل جيد في هذا:

يمكن لعملاء Ulta تصفية نتائج صفحات الفئات حسب الغرض والنوع والعلامة التجارية والمزيد
يمكن لعملاء Ulta تصفية نتائج صفحات الفئات حسب الغرض والنوع والعلامة التجارية والمزيد. (المصدر: أولتا) (معاينة كبيرة)

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

تغليف

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