ستساعدك المقالة التالية: Bradley Taylor WooCommerce الأربعاء: ساعد العملاء في العثور على المزيد من المنتجات وشرائها باستخدام التنقل في WooCommerce اقرأ المقال
أنت تعمل بجد لإنشاء منتجات رائعة وجذب الزوار إلى متجر WooCommerce الخاص بك. ومع ذلك ، يمكن للأشخاص شراء المنتجات التي يمكنهم العثور عليها فقط. بمجرد الوصول إلى موقعك ، من الضروري أن يكون لدى المتسوقين طريقة سهلة للتنقل في جميع أنحاء موقعك والعثور على العناصر التي يهتمون بها. ولهذا السبب يجب أن يكون لديك إستراتيجية للتنقل عبر WooCommerce.
يوضح هذا المنشور كيفية إنشاء تصميم تنقل قوي لمتجر WooCommerce الخاص بك.
ما الذي يجعل قائمة التنقل WooCommerce جيدة؟
يؤثر تخطيط التنقل في موقعك بشكل كبير على كيفية اكتشاف الزائرين للمنتجات. لا يرغب المتسوقون في البحث في متاهة مربكة للعثور على العناصر التي يهتمون بها. وهذا هو سبب أهمية ترتيب قائمتك بطريقة واضحة وموجزة.
لإنشاء قائمة تنقل WooCommerce سهلة الاستخدام ، تحتاج إلى تصنيف منظم وتسلسل هرمي منظم.
يجب أن يعرف الزوار بسرعة إلى أين يتجهون بعد الهبوط على صفحتك الرئيسية. لا ينبغي عليهم التفكير بوعي في كيفية التنقل عبر الموقع أو المكان الذي يجب أن يبحثوا فيه عن النقر.
هناك نوعان من الأنماط الأكثر فعالية لتحقيق ذلك.
أفقيًا عبر الجزء العلوي من الصفحة
الطريقة الأكثر شيوعًا وفعالية لقائمة التنقل في التجارة الإلكترونية هي قائمة التنقل عالية المستوى ، والتي تمتد أفقيًا عبر الصفحة.
هذا التخطيط هو الأكثر فاعلية لأنه المكان الذي ينظر فيه العملاء عادةً أولاً عند تحديد المكان الذي يجب أن يذهبوا إليه.
أظهرت العديد من دراسات تتبع العين باستمرار أن المستخدمين يبدأون بالنظر إلى قائمة الرأس. على وجه التحديد ، يبدأون على الجانب الأيسر من الصفحة ويفحصون بسرعة من اليسار إلى اليمين.
عموديًا أسفل الجانب الأيسر من الصفحة
بينما تنتقل معظم مواقع التجارة الإلكترونية إلى قائمة التنقل الأفقية ، فإن البعض الآخر لديه العديد من الفئات بحيث لا يتوفر لديهم مساحة كافية لتغطيتها جميعًا.
بالنسبة لهذه المواقع ، فإن أفضل طريقة هي استخدام قائمة عمودية على الجانب الأيسر من الصفحة. المثال الأكثر شيوعًا هو Amazon. يحتوي عملاق التجارة الإلكترونية على عشرات الفئات التي لا يمكن أن تناسب (بطريقة واضحة) في قائمة التنقل التقليدية.
عند النقر فوق ملف الجميع على موقع بائع التجزئة ، يتم فتح قائمة بأقسام مختلفة. يؤدي النقر فوق أي من هذه الأقسام إلى فتح قائمة بالفئات المتداخلة.
ضع في اعتبارك أن هناك بعض الجوانب السلبية لهذا النهج.
عندما يكون التنقل في الكتالوج بأكمله مخفيًا تحت ملف الجميع التسمية ، يجب على العملاء إجراء نقرات متعددة للتنقل عبر القائمة. كما أنه يحجب نوع المنتجات التي يحملها متجرك.
أدناه ، يمكننا رؤية مثال على ذلك من خلال موقع Best Buy على الويب.
جميع المنتجات متداخلة تحت قائمة طعام ملصق. قد يعرف المتسوقون الأكثر دراية بالشركة ما يمكن توقعه. لكن قد لا يكون أولئك الذين ليسوا واضحين بشأن الأنواع المحددة من المنتجات التي يقدمها بائع التجزئة الكبير.
أفضل ممارسات التنقل في WooCommerce
فيما يلي بعض أفضل الممارسات الأخرى لمساعدتك على تحسين قائمة التنقل في WooCommerce.
1. تصنيفات الفئات
من الأفضل وضع فئات المنتجات الأكثر أهمية كعناصر رئيسية في قائمتك. سيضمن ذلك أن تكون هذه الفئات مرئية دائمًا عندما يتنقل العملاء في موقعك.
بالإضافة إلى ذلك ، إذا كانت لديك فئة جديدة تريد الترويج لها ، فيمكنك تضمينها في قائمة التنقل الرئيسية لزيادة تعرضها.
وفقًا لـ Baymard ، يواجه متوسط موقع التجارة الإلكترونية مشكلات كبيرة عندما يتعلق الأمر بتصنيفات الفئات ، حيث أن 50 ٪ من المواقع بها تخطيط فئة ضعيف. على وجه التحديد ، يعد التصنيف المفرط أكبر مشكلة تنقل قائمة على الفئات لمواقع التجارة الإلكترونية.
2. فتات الخبز
فتات الخبز هي ميزة تنقل مفيدة أخرى. أنها تساعد العملاء على معرفة مكان وجودهم على موقعك. تسهل فتات الخبز أيضًا على الزائرين العودة إلى الصفحات السابقة وكذلك الصفحات المتصلة في الهيكل الهرمي الخاص بك.
بدون فتات الخبز ، يصعب على المتسوقين التنقل عبر موقعك.
تحتوي فتات الخبز أيضًا على ميزة تحسين محركات البحث (SEO). إنها تساعد Google في فهم التسلسل الهرمي لموقعك والذي بدوره يساعد صفحاتك على ترتيب أفضل.
تبدو قائمة مسارات التنقل النموذجية في صفحة منتج كما يلي: فئة الأصل> فئة فرعية> منتج.
عندما ينقر شخص ما على النص القابل للنقر للوالد أو الفئة الفرعية ، فسيتم توجيهه سريعًا إلى تلك الصفحة. تتضمن العديد من مواقع التجارة الإلكترونية أيضًا الصفحة الرئيسية كأساس لجميع قوائم مسارات التنقل.
في معظم الحالات ، يمكنك إيقاف تشغيل مسارات التنقل في إعدادات السمة الخاصة بك. اعتمادًا على الموضوع المحدد ، قد يكون لديك هذا الخيار للصفحات والمنتجات والفئات.
إذا لم يكن قالبك يحتوي على فتات الخبز ، فهناك العديد من المكونات الإضافية التي يمكنك استخدامها لتنفيذها بسرعة. على سبيل المثال ، باستخدام Jetpack ، يمكنك تمكين مسارات التنقل بسرعة لصفحات موقع الويب الخاص بك. ومع ذلك ، لن يضيف المكون الإضافي مسارات تنقل لصفحات المنتج أو الفئة.
لذلك ، للحصول على فتات الخبز على صفحات التجارة الإلكترونية الخاصة بك ، ستحتاج إلى حل يدعم WooCommerce ، مثل Yoast SEO أو All-In-One SEO
سيسمح كل مكون إضافي بمستويات مختلفة من التخصيص ، وسيختلف الإعداد. للحصول على قائمة كاملة بالخيارات ، ألق نظرة على مستودع مكونات WordPress الإضافية.
3. استخدم الرموز الشائعة فقط
الأيقونات موجودة في كل مكان على الإنترنت. تسمح هذه الرموز للمواقع باستبدال النص برمز سهل المعالجة يشغل مساحة أقل. ولكن لكي تعمل الرموز على النحو المنشود ، يجب أن يفهمها جمهورك.
إذا كنت تستخدم رموزًا لا يعرفها أحد ، فلن يكون لها التأثير المطلوب لتحسين تجربة المستخدم.
لإعطائك مثالاً ، فكر في العدسة المكبرة الشائعة في العديد من المواقع. من المحتمل أن تكون على دراية بهذا الرمز وتعلم أنه يشير إلى ميزة البحث في الموقع. وبالمثل ، ربما تعلم أن أيقونات الحقيبة والعربة والسلة تؤدي إلى صفحة عربة التسوق في التجارة الإلكترونية.
4. تضمين شعار مع ارتباط إلى صفحتك الرئيسية
بالنسبة للبعض ، قد يبدو هذا واضحًا ولكن من المهم عدم التغاضي عنه. في هذه المرحلة ، يعد تضمين شعارك في رأس موقعك بجوار قائمة التنقل أحد معايير الإنترنت. يجب أن يحتوي الشعار أيضًا على ارتباط إلى صفحتك الرئيسية.
وجود هذا العنصر يجعل من السهل على المستخدمين العودة إلى مقدمة موقعك. يتوقع الجميع ذلك وسيتم التخلص من البعض إذا كانت هذه الميزة المشتركة مفقودة.
موضع شعارك مهم أيضًا. وجدت دراسة من NNgroup أن العودة إلى الصفحة الرئيسية تكون أصعب بست مرات عند وضع شعارك في وسط قائمة التنقل
بالإضافة إلى ذلك ، وجدوا في الدراسة أن العملاء يتذكرون اسم العلامة التجارية بمعدل أكبر بكثير مع وجود الشعار على الجانب الأيسر من القائمة. بلغ التأثير في استدعاء العلامة التجارية 89٪ للشعارات المحاذية لليسار مقابل الشعارات المحاذية لليمين.
هذا يرجع إلى حد كبير إلى الطريقة من اليسار إلى اليمين لمعظم أدمغة الناس لمعالجة المعلومات. عند عرض صفحة ما ، عادةً ما ينظر الأشخاص إلى الجانب الأيسر أولاً ، وبالتالي من المرجح أن يتذكروا ما يرونه على هذا الجانب من الصفحة.
5. اجعل التنقل ثابتًا
التنقل الثابت هو عندما يتم قفل القائمة في موضع ثابت. هذا يعني أنه لا يختفي عند التمرير ، مما يجعله مرئيًا بغض النظر عن مكان المتسوق على الصفحة.
القوائم الثابتة ملائمة تمامًا للمستخدمين للتنقل. إنها تجعل التصفح سريعًا وسهلاً ، خاصةً في صفحات الفئات حيث يميل المستخدمون إلى القيام بالكثير من التمرير.
إنشاء قائمة تنقل WooCommerce
باستخدام WordPress ، يتوفر الإعداد الافتراضي لإنشاء القوائم وتعبئتها بالعناصر من خلال الانتقال إلى مظهر > قائمة طعام. يتم تحديد تخطيط عناصر القائمة الخاصة بك بواسطة CSS لموضوع WordPress الخاص بك.
إذا كنت ترغب في تخصيص هذا التصميم ، فإن خياراتك هي الغوص في CSS أو استخدام مكون WordPress الإضافي. يمكن أن يوفر لك المكون الإضافي الوقت من تحرير الملفات وكتابة رمز جديد.
أدناه ، سننظر في كيفية استخدام مكونات WordPress الإضافية لإنشاء قائمة رائعة لمتجر WooCommerce.
قائمة ماكس ميجا
Max Mega Menu هي واحدة من أشهر ملحقات التنقل في WordPress. لديها ميزات واسعة لإنشاء قوائم ضخمة واسعة وقوائم منبثقة. إنه لأمر رائع بالنسبة لمتاجر التجارة الإلكترونية التي تتطلع إلى إنشاء قوائم تنقل بها العديد من الفئات والفئات الفرعية.
يعمل المكون الإضافي جنبًا إلى جنب مع محرر قائمة WordPress الافتراضي. يوجد أيضًا محرر سهل الاستخدام يعمل بالسحب والإفلات لتصميم قوائمك الضخمة القوية بسرعة.
سمات القائمة
بينما ستستمر في تحديد عناصر القائمة الخاصة بك باستخدام محرر قائمة WordPress الافتراضي ، فسوف تقوم بتهيئة تصميم القوائم الجديدة في إعدادات القائمة الضخمة.
ابدأ بالذهاب إلى قائمة ميجا> سمات القائمة> الإعدادات العامة. من هناك ، يمكنك تعيين أنماط الأسهم ، وارتفاع الخط ، والظل الاختياري للتطبيق على كل من القوائم الضخمة والقائمة المنبثقة. يمكنك أيضًا تمكين انتقالات التمرير لعناصر القائمة الخاصة بك.
بعد ذلك ، سترغب في الانتقال إلى ملف شريط القوائم علامة التبويب لتعيين الحجم والألوان لشريط القائمة. يمكنك ضبط المساحة المتروكة والخطوط وأنصاف أقطار الحدود والخلفيات والتباعد.
أدناه ، سترى إعدادات مماثلة لعناصر قائمة المستوى الأعلى.
يحتوي المكون الإضافي على إعدادات تصميم منفصلة لقوائم Mega و Flyout و Mobile Menus.
مواقع القائمة
بمجرد تصميم السمات الخاصة بك ، يجب عليك تعيينها إلى موقع القائمة المناسب. انقر فوق التسمية الخاصة بـ مواقع القائمة. هناك ، سترى قائمة بقوائم WordPress الحالية الخاصة بك.
ابحث عن القائمة التي تريد تعيين سمة لها وافتح القائمة المنسدلة. سينقلك هذا إلى الإعدادات العامة حيث يمكنك تمكين المكون الإضافي Mega Menu لتلك القائمة المحددة.
في ال مواقع القائمة ، ستجد أيضًا إعدادات متقدمة
التنقل في بحث الموقع
يعد البحث في الموقع مكونًا رئيسيًا آخر للتنقل الجيد في التجارة الإلكترونية. حاليًا ، يمكنك فقط البحث عن WooCommerce SKUs في مسؤول متجرك (قائمة “المنتجات”).
ومع ذلك ، فإن وظيفة البحث هذه غير متوفرة في الواجهة الأمامية لموقعك ؛ لا يمكن للعملاء البحث عن وحدات SKU للمنتج لإرجاع قائمة المنتجات. إذا بحث العملاء عن SKU بالكامل أو جزء منه ، ولم يتم تضمين استعلام البحث في أي مكان آخر على الموقع ، فلن يحصلوا على نتائج.
يمكننا إجراء بعض التغييرات التي ستسمح للعملاء بالبحث عن المنتجات عن طريق SKU على موقعك بدلاً من استخدام مكونات البحث الإضافية التي تعدل البحث الافتراضي في WordPress.
WooCommerce SKU ابحث عن منتجات بسيطة
إذا كان لديك منتجات بسيطة في الغالب ، فإن أسهل طريقة للسماح للعملاء بالبحث عن طريق SKU هي تثبيت المكون الإضافي Relevanssi المجاني. سيؤدي هذا إلى استبدال عمليات البحث عن منتجات WordPress و WooCommerce ببحث Relevanssi وسيسمح لك بتضمين وحدات SKU للمنتج في فهرس البحث.
أولاً ، اذهب إلى الإعدادات> Relevanssi وقم بتكوين الإعدادات التي تريدها. أهم شيء يجب تغييره الآن هو تضمين نوع منشور “المنتج” في نتائج بحث موقعك.
بمجرد القيام بذلك ، سترغب في إضافة الحقل المخصص لمنتج SKU الخاص بك إلى فهرس البحث الخاص بك. قم بالتمرير لأسفل إلى “الحقول المخصصة للفهرسة” وأضف _sku إلى هذا الحقل (الشرطة السفلية مهمة). سيخبر هذا Relevanssi بتضمين وحدات SKU في فهرس البحث ويسمح للعملاء بإدخال SKU كاستعلام بحث.
الآن عندما يبحث أحد العملاء عن سلسلة تمثل جزءًا من SKU لمنتجك البسيط / الأصلي ، فسيتم إرجاع المنتج كنتيجة:
ومع ذلك ، لن تكون رموز التخزين التعريفية (SKU) المختلفة (إذا كانت مختلفة عن SKU للمنتج الأصلي) قابلة للبحث. يتم تخزين أشكال المنتج مع فصل بعض البيانات عن المنتج الأصلي ، ويعتبر SKU أحد هذه الأجزاء من البيانات. لذلك ، إذا كان SKU الخاص بالتباين مختلفًا ، فلن يؤدي البحث عن SKU المتغير إلى إرجاع المنتج في نتائج البحث.
ختامية الأفكار حول التنقل في WooCommerce
تصميم التنقل الجيد WooCommerce بسيط ونظيف وجذاب للمتسوقين. لا يعد تنفيذ التنقل القوي أمرًا صعبًا للغاية ولكن من السهل التغاضي عنه.
خاصة عندما تركز بشكل أساسي على تحسين صفحاتك والخروج من التحويلات.
خذ الوقت الكافي لإعداد التنقل عن قصد حتى يتمكن المستخدمون من العثور بسهولة على ما يبحثون عنه. نتيجة لذلك ، سيسعد كل من عملائك والأرباح النهائية.
