جاهزية التحويل
64
Conversion Readiness
تجربة المستخدم
66
UX Score
الثقة
54
Trust
جاهزية الموبايل
58
Mobile
إمكانية الوصول
50
Accessibility
المحتوى والرسائل
62
Content
🎯 السياق والهوية (الخطوة 1)
صفحة التسوق / التصنيف لمتجر شاكر — شبكة قوائم المنتجات (Product Listing Page) مع شريط فلاتر جانبي وأدوات فرز وترقيم صفحات. الجمهور هنا في نية تقييم ومقارنة (Consideration): وصل غالباً من الرئيسية أو التنقل أو البحث، ويريد أن يُضيّق الخيارات ويصل إلى المنتج المناسب بسرعة. الهدف التجاري الأساسي: رفع نسبة النقر إلى المنتج (List CTR) وإضافة إلى السلة من القائمة مباشرة. أضعف المحاور: الثقة (54) وإمكانية الوصول (50) — يليها الموبايل (58).
نوع الصفحةCategory / Shop Listing
الصناعةأجهزة منزلية / Retail
المنصةWooCommerce + Elementor 4.1.4
القالبWoodMart
نية الزائرتقييم / مقارنة (Consideration)
السوق واللغةالسعودية · عربي RTL
أدوات الاكتشاففلاتر جانبية · فرز · ترقيم صفحات (7)
جهاز اللقطةDesktop (يُستنتَج الموبايل)
📊 الملخص التنفيذي (الخطوة 2)
جاهزية التحويل
64 / 100متوسط
تجربة المستخدم
66 / 100مقبول
الثقة
54 / 100ضعيف
جاهزية الموبايل
58 / 100متوسط
إمكانية الوصول
50 / 100ضعيف
المحتوى والرسائل
62 / 100متوسط
⛔ أعلى 5 عوائق للتحويل
- غياب تقييمات/نجوم المنتجات على البطاقات — لا دليل اجتماعي يساعد على المقارنة والاختيار داخل القائمة. حي
- لا يظهر إجمالي عدد النتائج — الزائر لا يعرف حجم القائمة (مثلاً «١٢٧ منتجاً»)، فقط منتقيات «إظهار: 9/12/18/24». لقطة
- لا توجد رقاقات فلاتر نشطة (Active-filter chips) ولا زر «مسح الكل» — بعد اختيار سعر/علامة/لون لا يرى المستخدم ما هو مُطبَّق ولا يستطيع إزالته بنقرة. لقطة
- خطأ سعري ظاهر «-105 Off» على أحد المنتجات — شارة خصم غير منطقية تُضعف المصداقية فوراً. لقطة
- ازدحام معرفي في الفلاتر (Hick's Law) — عدة مجموعات فلاتر مفتوحة معاً (السعر، العلامة، اللون، عدد الأماكن، التوفر) دون طيّ أو أولوية. لقطة
⚡ أعلى 5 مكاسب سريعة (Quick Wins)
- إظهار عدّاد إجمالي النتائج أعلى الشبكة («عرض 1–12 من 127»).
- إضافة رقاقات الفلاتر النشطة + زر «مسح الكل» فوق الشبكة.
- إصلاح خطأ «-105 Off» وضبط منطق حساب نسبة الخصم في WooCommerce.
- تفعيل النجوم/التقييم على بطاقة المنتج في القائمة.
- جعل breadcrumb + عنوان التصنيف (H1) بارزين أعلى القائمة.
🚀 أعلى 3 تحسينات استراتيجية عالية الأثر
1) نظام فلترة وفرز حديث وشفّاف
رقاقات فلاتر نشطة، عدّاد نتائج، فلاتر قابلة للطيّ حسب الأولوية، وتحديث AJAX سلس دون فقد موضع التمرير. يقلّل الحمل المعرفي ويسرّع الوصول للمنتج المناسب — جوهر صفحة التصنيف.
2) استراتيجية ثقة داخل البطاقة
إضافة النجوم/عدد المراجعات + وضوح حالة المخزون + شارات ضمان الوكيل على كل بطاقة. الثقة أضعف محور (54) وهي المحرّك الأول للاختيار بين منتجات متشابهة في السوق السعودي.
3) خفض تكلفة الفلترة التقنية
مراجعة أثر فلاتر WooCommerce عبر AJAX (Faceted nav) وثقل القالب (100+ سكربت، لا WebP). سرعة إعادة رسم القائمة بعد كل فلتر تؤثر مباشرة على معدل التخلي والتحويل.
🚪 أكبر سبب للمغادرة دون شراءتشتّت أثناء الفلترة: لا عدّاد نتائج ولا رقاقات نشطة ولا نجوم للمقارنة، فيصعب على الزائر تضييق الخيارات والثقة بها، فيغادر قبل فتح صفحة منتج.
💎 أكبر فرصة تحويل مهدرةالقائمة تعرض السعر والتقسيط لكنها تُغفل الدليل الاجتماعي (نجوم) ووضوح النتائج؛ إضافتهما ترفع List CTR وAdd-to-Cart المباشر من الشبكة.
✅ أقوى عنصر يدعم التحويل حالياًالفلاتر الثرية (سعر، علامة بعدّادات، لون، عدد الأماكن، توفر) + سعر شامل الضريبة + إضافة للسلة مباشرة من البطاقة مع مُحدِّد كمية.
👁️ تحليل أعلى الطية (الخطوة 3)
اختبار الـ 5 ثوانٍخلال أول 5 ثوانٍ يرى الزائر: الهيدر ذاته (بحث، حساب، قائمة الرغبات، سلة، EN)، صفّ صور التصنيفات (الثلاجات، أجهزة الطبخ، الغسيل، غسالات الأطباق، الفريزرات)، شريط الفلاتر الجانبي (السعر، العلامة، اللون، عدد الأماكن، التوفر)، وشريط أدوات فيه فرز «ترتيب حسب الشهرية» ومنتقي «إظهار: 9/12/18/24» وتبديل شبكة/قائمة، ثم شبكة المنتجات (~5 أعمدة). ما لا يظهر بوضوح: عنوان تصنيف بارز (H1)، breadcrumb ظاهر أعلى القائمة، عدد النتائج الكلي، ونجوم التقييم.
| العنصر | الحالة | الملاحظة | المصدر |
|---|---|---|---|
| عنوان التصنيف H1 | ضعيف | غير بارز أعلى الشبكة؛ يجب إبراز اسم التصنيف كعنوان واضح. | لقطة |
| Breadcrumb أعلى القائمة | غير بارز | مسار التنقل موجود على الصفحات الداخلية لكنه غير واضح فوق شبكة التصنيف. | لقطة |
| عدّاد إجمالي النتائج | مفقود | لا «عرض X من Y»؛ فقط منتقي «إظهار 9/12/18/24». | لقطة |
| شريط الفلاتر الجانبي | ظاهر | سعر (540﷼–15,880﷼)، علامة بعدّادات، لون، عدد الأماكن، «متوفر في المخزون». | حي |
| أدوات الفرز | ظاهرة | «ترتيب حسب الشهرية» + منتقي عدد النتائج + تبديل شبكة/قائمة. | لقطة |
| صفّ صور التصنيفات | جيد | اختصارات بصرية للتصنيفات الفرعية أعلى الشبكة — يدعم الاكتشاف. | لقطة |
| رقاقات الفلاتر النشطة | غائبة | لا ملخص للفلاتر المُطبَّقة ولا «مسح الكل». | لقطة |
| نجوم/تقييم على البطاقة | غائبة | لا دليل اجتماعي داخل الشبكة. | حي |
الفعل المرجّح للزائر: استخدام الفلاتر لتضييق الخيارات ثم مسح الشبكة بصرياً. الفجوة: بعد الفلترة لا يعرف كم نتيجة بقيت ولا ما هو مُطبَّق، ولا يجد نجوماً تفصل بين المتشابهات — فيبطؤ القرار.
🎨 تدقيق التسلسل البصري وواجهة UI (الخطوة 4)
نقاط القوة
- شبكة منتجات منتظمة (~5 أعمدة) بمحاذاة وأحجام صور موحّدة.
- بطاقة غنية: صورة، اسم، سعر + «(شامل الضريبة)»، مُحدِّد كمية «+ 1 -»، وزر ذهبي «إضافة إلى السلة».
- فلاتر بعدّادات (أريستون 39، مايديا 67…) تعطي إحساساً بحجم كل خيار.
- شارات خصم واضحة («-10% Off») وسعر أصلي مشطوب على المخفَّض.
نقاط الضعف
- خطأ بيانات «-105 Off» — شارة خصم غير منطقية تكسر الثقة البصرية. لقطة
- تفاوت البطاقات: بعضها بزر «إضافة إلى السلة» وأخرى «نفد المخزون» بزر «قراءة المزيد» فقط — تباين في بنية البطاقة.
- لا نجوم → البطاقات متشابهة يصعب تمييزها بصرياً.
- شريط الفلاتر مكتظ بكل المجموعات مفتوحة دفعة واحدة (طول عمودي كبير).
- لا يوجد ملخص/رقاقات للفلاتر النشطة فوق الشبكة يربط الجانب بالنتائج.
مشكلة اتساق حرجةاختلاف بنية البطاقات (متوفر مقابل «نفد المخزون») مع غياب النجوم وخطأ «-105 Off» يجعل الشبكة تبدو غير مصقولة؛ الاتساق البصري شرط للثقة والمسح السريع (مبدأ Consistency — NN/g).
🧭 الفلترة والفرز واكتشاف المنتجات (الخطوة 5 — المحور الأهم)
جوهر صفحة التصنيفنجاح صفحة القائمة يُقاس بقدرة الزائر على تضييق مئات المنتجات إلى قِلّة مناسبة بأقل احتكاك. نُقيّم أدناه: الفلاتر (Facets)، الفرز، الترقيم مقابل التمرير اللانهائي، رقاقات الفلاتر، عدّاد النتائج، وسهولة العثور (Findability).
| العنصر | التقييم | الملاحظة |
|---|---|---|
| فلتر السعر (Slider) | جيد | «فلتر حسب السعر» من 540﷼ إلى 15,880﷼ + زر «أضف» — نطاق واضح. يُنصح بإظهار عدد النتائج المتوقّع أثناء السحب. حي |
| فلتر العلامة التجارية | جيد | بعدّادات (أريستون 39، أنبست 4، بوماني 6، مايديا 67، ميتاج 8، دانه 11) — يقلّل خيبة «لا نتائج». حي |
| فلتر اللون | للتحسين | نصّي بعدّادات (أبيض 59، أسود 9، تيتانيوم 13، رمادي 9، فضي 70، إنوكس أسود 1)؛ يُفضّل مربّعات لون (Swatches) بصرية. لقطة |
| فلتر «عدد الأماكن» | مربك | تسميات غير متسقة (12→2، 14→6، 15→5، «14 مكان»→2، «15 مكان تخزين»→1) — تحتاج توحيد صياغة. لقطة |
| فلتر «متوفر في المخزون» | مفيد | مربّع اختيار لإخفاء «نفد المخزون» — تحسين مباشر لجودة القائمة. لقطة |
| رقاقات الفلاتر النشطة | مفقودة | لا ملخص لما هو مُطبَّق ولا إزالة فردية ولا «مسح الكل» — احتكاك تحكّم كبير. لقطة |
| عدّاد إجمالي النتائج | مفقود | لا «X من Y»؛ فقط «إظهار: 9/12/18/24». يضعف الإحساس بالتقدّم. لقطة |
| الفرز (Sorting) | محدود | «ترتيب حسب الشهرية» ظاهر؛ يلزم: الأحدث، السعر تصاعدي/تنازلي، الأكثر مبيعاً. لا «فرز حسب التقييم» (لا تقييمات أصلاً). لقطة |
| الترقيم مقابل التمرير اللانهائي | للمراجعة | ترقيم صفحات 1..7 + سهم التالي. الترقيم جيد لقابلية الرجوع؛ يُنصح بـ«تحميل المزيد» كحل وسط على الموبايل. لقطة |
| تبديل شبكة/قائمة | موجود | أيقونات Grid/List في شريط الأدوات — يدعم تفضيلات المسح. لقطة |
| البحث الداخلي | للتحقق | موجود في الهيدر؛ يُوصى باقتراحات فورية وربط نتائج البحث بنفس نظام الفلترة. استنتاج |
أعلى فجوة اكتشافغياب رقاقات الفلاتر النشطة + عدّاد النتائج معاً: المستخدم يفلتر «على العمياء» دون تأكيد بصري لما اختاره أو كم بقي — أكبر احتكاك في مسار المقارنة.
أقوى ركيزة اكتشافالفلاتر بعدّادات (علامة/لون) خيار ممتاز يمنع «صفر نتيجة» ويعطي شعوراً بالحجم — يُبنى عليه بإضافة الرقاقات والعدّاد الكلي.
🚶 رحلة المستخدم ونقاط الاحتكاك (الخطوة 10)
رحلة المُقارِن
يصل للتصنيف ← يفتح فلاتر (سعر/علامة/لون) ← تتحدّث الشبكة ← لا يعرف كم نتيجة بقيت ولا ما هو مُطبَّق ← يمسح البطاقات بلا نجوم تفصل بينها ← قد يعيد الفلترة أو يغادر. نقطتا تسرّب: بعد كل فلترة، وعند تعذّر المقارنة.
مسار التحويل المثالي
تصنيف واضح + عدّاد نتائج ← فلترة برقاقات نشطة ← بطاقات فيها نجوم + سعر + توفير% + حالة مخزون ← معاينة سريعة (Quick View) ← إضافة للسلة من القائمة. تقليص عدد النقرات حتى القرار.
📱 تجربة الموبايل (الخطوة 12) وإمكانية الوصول (الخطوة 13)
مخاطر الموبايل استنتاج
- شريط الفلاتر الجانبي الطويل يجب أن يتحوّل إلى لوح فلاتر منزلق (Bottom-sheet) مع زر «فلترة» ثابت.
- شبكة 5 أعمدة تتقلّص لعمودين — يجب ضمان حجم لمس مناسب لزر «إضافة إلى السلة» ومُحدِّد الكمية.
- الترقيم بأزرار صغيرة (1..7) صعب اللمس على الجوال؛ يُفضّل «تحميل المزيد».
- شريط أدوات الفرز/العرض يحتاج تبسيطاً ليناسب العرض الضيّق.
إمكانية الوصول (WCAG)
- صور منتجات كثيرة بلا alt على القالب — يضر قارئات الشاشة والـSEO. حي
- فلاتر اللون نصّية فقط؛ عند اعتماد Swatches يلزم بديل نصّي/aria-label. استنتاج
- حالة الفلتر المُطبَّق يجب أن تُعلَن لقارئ الشاشة (aria-pressed / live region). يتطلب فحص تقني
- تباين شارات الخصم وزر «إضافة للسلة» الذهبي على الأبيض قد لا يحقق AA. استنتاج
🛡️ الثقة والمصداقية (الخطوة 7)
موجود ويعمل
✔ سعر شامل الضريبة على كل بطاقة
✔ فلاتر بعدّادات موثوقة
✔ سعر أصلي مشطوب على المخفَّض
✔ شحن مجاني
✔ توصيل 48 ساعة (الرياض)
✔ Mada · Apple Pay · Tabby · Tamara
✔ WalaPlus (ولاء)
✔ سجل تجاري + رقم ضريبي بالفوتر
ناقص أو ضعيف
✕ تقييمات/نجوم المنتجات
✕ عدد المراجعات على البطاقة
✕ شارات ضمان الوكيل على البطاقة
✕ خطأ «-105 Off» (خلل بيانات)
✕ عدّاد إجمالي النتائج
✕ رقاقات فلاتر نشطة / مسح الكل
في السوق السعودي، الثقة أهم محرّك شرائي؛ داخل القائمة، النجوم ووضوح النتائج هما ما يفصل بين منتجات متشابهة. خطأ «-105 Off» يجب إصلاحه فوراً لأنه يقوّض المصداقية.
🧠 علم النفس السلوكي (الخطوة 8)
| المبدأ | كيف تتعامل معه الصفحة | التوصية الأخلاقية |
|---|---|---|
| حِمل الاختيار (Hick's Law) | مرتفع — كل مجموعات الفلاتر مفتوحة معاً + شبكة كثيفة. | طيّ الفلاتر الأقل استخداماً + إبقاء الأهم (السعر/العلامة) مفتوحاً + عدّاد نتائج. |
| الدليل الاجتماعي | مُهدر — لا نجوم على البطاقات. | إظهار نجوم + عدد مراجعات حقيقية + وسم «الأكثر مبيعاً». |
| التأطير السعري (Anchoring) | مستخدم — سعر أصلي مشطوب على الفريزر المخفَّض. لقطة | إبراز نسبة التوفير% الصحيحة (وإصلاح «-105 Off»). |
| تقليل المخاطرة | جزئي — تقسيط + سعر شامل الضريبة. | إضافة «إرجاع سهل + ضمان الوكيل» على البطاقة. |
| وضوح الحالة (Visibility of Status) | ضعيف — لا عدّاد نتائج ولا رقاقات فلاتر. | «عرض 1–12 من Y» + رقاقات نشطة + مؤشر تحميل أثناء AJAX. |
| ندرة/توفر صادق | جزئي — «نفد المخزون» ظاهر على بعض البطاقات. | إظهار «متبقٍ قليل» فقط عند صحته الفعلية. |
| البروز البصري (Salience) | متوسط — البطاقات متشابهة الوزن. | تمييز «الأكثر مبيعاً/الأعلى تقييماً» بصرياً داخل الشبكة. |
لا أنماط مظلمةكل التوصيات تعتمد معلومات صادقة (مراجعات حقيقية، مخزون فعلي، توفير فعلي صحيح) — لا عدّادات وهمية ولا خصومات مضلّلة؛ ولذلك إصلاح «-105 Off» أولوية.
🛒 عرض المنتجات والـMerchandising (الخطوة 9) + المحتوى (الخطوة 6)
Merchandising على البطاقة
- البطاقة تعرض: صورة، اسم وصفي (مثل «مايديا غسالة صحون – 10 برامج – 14 مكان تخزين»)، سعر شامل الضريبة، مُحدِّد كمية، زر إضافة — ينقصها النجوم وحالة المخزون النصّية.
- لا معاينة سريعة (Quick View) — يضطر المستخدم لفتح كل منتج لمقارنته.
- لا زر مقارنة (Compare) — مهم لفئة الأجهزة كثيرة المواصفات.
- قائمة الرغبات (Wishlist) موجودة في الهيدر؛ يُنصح بأيقونة قلب على كل بطاقة.
- خطأ «-105 Off» + بطاقات «نفد المخزون» بزر «قراءة المزيد» فقط تُضعف الاتساق.
إعادة صياغة نص ضعيف
الحالي
«ترتيب حسب الشهرية»
ambiguous sort label
المقترح
«الترتيب: الأكثر رواجاً هذا الشهر»
Why stronger: clarifies what "monthly" sort means
الحالي
(لا عدّاد نتائج)
no results count shown
المقترح
«عرض 1–12 من 127 منتجاً»
progress + scope signal
⚡ الأداء والمخاطر التقنية (الخطوات 11 و14) — قالب مشترك مع الرئيسية
| المؤشر | القيمة/الحالة | الحكم | الأثر |
|---|---|---|---|
| ثقل القالب (سكربتات) | 100+ سكربت (WoodMart) | مرتفع | Render-blocking وتأخّر تفاعل (INP) على القائمة الطويلة. حي |
| صيغة الصور | لا WebP (صور PNG/JPG) | حرج | وزن شبكة الصور مرتفع؛ LCP بطيء مع 12–24 صورة/صفحة. حي |
| alt للصور | كثير من الصور بلا alt | مرتفع | وصولية + SEO للصور. حي |
| فلترة WooCommerce (Faceted) | AJAX عند كل فلتر | للمراجعة | كل فلتر يُعيد جلب الشبكة؛ تحقّق من التخزين المؤقت وحجم الاستجابة. يتطلب فحص تقني |
| Cart Fragments / AJAX add-to-cart | مفعّل على البطاقة | للمراجعة | طلبات إضافية قد تبطّئ التفاعل داخل القائمة. يتطلب فحص تقني |
| Object Cache | مُفعّل | جيد | يخفّف حمل الخادم على استعلامات القائمة. حي |
| Server-render | نعم (المحتوى في HTML) | جيد | جيد للزحف وفهرسة صفحات التصنيف. حي |
| Rank Math SEO | مثبّت | جيد | يتيح ضبط عنوان/وصف التصنيف وربما إدارة الفهرسة للفلاتر. حي |
للقياس الفعلييُنصح بتشغيل PageSpeed Insights / Lighthouse / WebPageTest على رابط التصنيف لقياس LCP وINP وCLS، ومراقبة زمن استجابة AJAX الفلترة في تبويب الشبكة (Network). الأرقام أعلاه رصد بنيوي على مستوى القالب وليست قياس زمن مباشر.
ملاحظات WooCommerce / القالب (خاصة بالتصنيف)
- فلاتر السعر/الخصائص عبر AJAX تُعيد بناء الشبكة — استخدم تخزيناً مؤقتاً للـfacet counts وقلّل الحمولة. يتطلب فحص تقني
- تحقّق من فهرسة روابط الفلاتر (Faceted URLs) لتجنّب Index Bloat عبر Rank Math (canonical/noindex للتوليفات). استنتاج
- خطأ «-105 Off» غالباً منطق حساب نسبة الخصم/سعر مُدخَل خطأً — راجع بيانات المنتج في WooCommerce. لقطة
- حوّل صور المنتجات إلى WebP +
loading="lazy"لبطاقات تحت الطية. حي
🗺️ خريطة نقاط الاحتكاك (الخطوة 15)
| القسم | المشكلة | أثر المستخدم | أثر العمل | الشدة | Impact | الثقة |
|---|---|---|---|---|---|---|
| الفلترة | لا رقاقات فلاتر نشطة / مسح الكل | لا يرى ما طبّقه ولا يزيله | تخلٍّ عن الفلترة | حرجة | 9 | عالية |
| بطاقات المنتج | لا نجوم/مراجعات | يصعب المقارنة والاختيار | انخفاض List CTR | حرجة | 9 | عالية |
| حالة النتائج | لا عدّاد إجمالي نتائج | لا إحساس بالتقدّم/الحجم | تشتّت وتردّد | مرتفعة | 8 | عالية |
| البيانات/التسعير | خطأ «-105 Off» | شك في المصداقية | ضرر ثقة مباشر | مرتفعة | 8 | عالية |
| الفرز | خيارات فرز محدودة/غامضة | لا يرتّب حسب حاجته | احتكاك اكتشاف | متوسطة | 6 | متوسطة |
| الوصولية | صور بلا alt + حالة فلتر غير مُعلَنة | حاجز لقارئ الشاشة | SEO + امتثال | متوسطة | 6 | عالية |
| الاتساق | بطاقات «نفد المخزون» ببنية مختلفة | ارتباك بصري | خفض CTR | متوسطة | 5 | متوسطة |
✅ جدول التوصيات (الخطوتان 16 و17)
| الأولوية | التوصية | لماذا تؤثر على التحويل | Impact | الثقة | الجهد | النوع | KPI |
|---|---|---|---|---|---|---|---|
| P0 | رقاقات الفلاتر النشطة + «مسح الكل» فوق الشبكة | يعيد التحكّم ويقلّل التخلي عن الفلترة | 9 | عالية | منخفض | Front-end | Filter usage, CVR |
| P0 | تفعيل النجوم/التقييم على بطاقة القائمة | دليل اجتماعي يرفع List CTR | 9 | عالية | متوسط | WooCommerce config | List CTR, Add-to-Cart |
| P1 | إظهار عدّاد إجمالي النتائج «X من Y» | وضوح الحالة يخفض التردّد | 8 | عالية | منخفض | Front-end | Bounce, Scroll depth |
| P1 | إصلاح خطأ «-105 Off» ومنطق نسبة الخصم | يحمي المصداقية | 8 | عالية | منخفض | Data/WooCommerce | Trust, CVR |
| P1 | تحويل الصور إلى WebP + lazy-load | سرعة أعلى = تخلٍّ أقل | 8 | عالية | متوسط | Performance | LCP, Bounce |
| P2 | توسيع خيارات الفرز + توضيح تسمياتها | اكتشاف أسرع للمنتج المناسب | 6 | متوسطة | منخفض | Front-end | Sort usage, CTR |
| P2 | معاينة سريعة (Quick View) + زر مقارنة | يقلّل النقرات للقرار | 6 | متوسطة | متوسط | UX/Dev | PDP visits, CVR |
| P2 | alt لكل الصور + إعلان حالة الفلتر (aria) | وصولية + SEO | 5 | عالية | متوسط | Accessibility/SEO | Organic, a11y score |
| P3 | طيّ الفلاتر الأقل استخداماً + Swatches للون | يخفض الحمل المعرفي | 5 | متوسطة | متوسط | Design | Filter usage |
⚡ المكاسب السريعة (الخطوة 18)
| التغيير | المكان | Impact | الجهد | KPI المتوقع |
|---|---|---|---|---|
| عدّاد «عرض X من Y» | أعلى الشبكة | 8 | منخفض | Bounce ↓ |
| رقاقات فلاتر نشطة + مسح الكل | فوق الشبكة | 9 | منخفض | Filter usage ↑ |
| إصلاح «-105 Off» | بطاقة المنتج/البيانات | 8 | منخفض | Trust ↑ |
| إبراز عنوان التصنيف + breadcrumb | أعلى القائمة | 6 | منخفض | Orientation ↑ |
| توضيح تسمية الفرز «الشهرية» | شريط الأدوات | 5 | منخفض | Sort usage ↑ |
🧪 خطة اختبار A/B (الخطوة 21)
| الفرضية | الحالي | البديل | KPI أساسي | Guardrail | Impact |
|---|---|---|---|---|---|
| رقاقات الفلاتر النشطة ترفع استخدام الفلترة والتحويل | بلا رقاقات | رقاقات + «مسح الكل» | Filter usage / CVR | معدل التخلي | 9 |
| نجوم المنتج ترفع النقر للمنتج | بلا نجوم | نجوم + عدد مراجعات | List CTR | معدل الإرجاع | 8 |
| عدّاد النتائج يقلّل الارتداد | بلا عدّاد | «عرض X من Y» | Bounce | عمق التمرير | 8 |
| Quick View يرفع الوصول للمنتج والتحويل | فتح PDP كامل | معاينة سريعة من الشبكة | CVR | وقت اتخاذ القرار | 6 |
📈 خطة التحقق التحليلي (الخطوة 22)
قياسات GA4
- view_item_list و select_item لقياس List CTR لكل تصنيف.
- مصطلحات البحث الداخلي (view_search_results) وربطها بالفلاتر.
- استخدام الفلاتر والفرز (أحداث مخصّصة: filter_apply, sort_change).
- Add-to-Cart المباشر من القائمة مقابل من PDP.
- عمق التمرير وصفحات الترقيم (page 2..7) ومعدل الانتقال.
Clarity / Hotjar
- خرائط حرارية على شريط الفلاتر وأدوات الفرز.
- Rage / Dead clicks على الفلاتر وأزرار الترقيم.
- تسجيلات جلسات لرصد التخلي بعد الفلترة.
- مسارات المستخدم من التصنيف إلى المنتج إلى السلة.
فوري مقابل يحتاج بياناتفوري: عدّاد النتائج، رقاقات الفلاتر، إصلاح «-105 Off»، WebP، breadcrumb/H1. يحتاج تحقق بالبيانات/الاختبار: النجوم، Quick View، إعادة ترتيب/طيّ الفلاتر، خيارات الفرز — تُختبر A/B قبل التعميم.
🏗️ الهيكل المقترح للصفحة (الخطوة 23) + Wireframe (24)
┌─ شريط إعلان (شحن مجاني · توصيل 48 ساعة · دفع آمن)
├─ الهيدر (لوجو · بحث بارز · حساب · رغبات · سلة · EN) — Sticky
├─ Breadcrumb + عنوان التصنيف H1 — بارز أعلى القائمة
├─ صفّ صور التصنيفات الفرعية (الثلاجات · الطبخ · الغسيل · الأطباق · الفريزرات)
├─ شريط أدوات → «عرض 1–12 من Y» + فرز واضح + عرض 9/12/18/24 + شبكة/قائمة
├─ رقاقات الفلاتر النشطة + «مسح الكل»
├─ [جانبي] فلاتر (السعر · العلامة بعدّادات · لون Swatches · عدد الأماكن · التوفر) — قابلة للطيّ
├─ [رئيسي] شبكة المنتجات (صورة · اسم · نجوم · سعر شامل الضريبة · توفير% · حالة مخزون · كمية · إضافة · قلب/مقارنة)
├─ الترقيم (1..7 + التالي) أو «تحميل المزيد» على الموبايل
└─ الفوتر (روابط · تواصل · سجل تجاري · دفع · تطبيق)
✍️ نصوص محسّنة (الخطوة 25) — عربي + English
عنوان التصنيف H1
غسالات الأطباق — من الوكيل الرسمي بأسعار تنافسية
Dishwashers — from the official dealer at great prices
عدّاد النتائج
عرض 1–12 من 127 منتجاً
Showing 1–12 of 127 products
تسمية الفرز
الترتيب: الأكثر رواجاً هذا الشهر
Sort: Most popular this month
مسح الفلاتر
مسح كل الفلاتر
Clear all filters
حالة فارغة (لا نتائج)
لا منتجات تطابق فلاترك — جرّب توسيع السعر أو إزالة فلتر
No products match your filters — try widening price or removing a filter
placeholder البحث
ابحث عن جهاز أو موديل…
Search for an appliance or model…
🗓️ خارطة التنفيذ (الخطوة 26)
| المرحلة | المهام | المسؤول | Impact | مقياس النجاح |
|---|---|---|---|---|
| 1 · إصلاحات فورية | عدّاد النتائج، رقاقات الفلاتر، إصلاح «-105 Off»، H1/breadcrumb، alt | Front-end + Store manager | 8 | Bounce ↓ / Trust ↑ |
| 2 · CRO عالي الأثر | تفعيل النجوم، WebP، توسيع الفرز، Quick View/مقارنة | WooCommerce dev + CRO | 9 | List CTR ↑ / CVR ↑ |
| 3 · اختبار وتحسين | A/B للفلاتر/النجوم/العدّاد، تحليل Clarity للتخلي | CRO + Analytics | 7 | CVR ↑ مؤكد إحصائياً |
| 4 · إعادة تصميم استراتيجي | نظام فلترة موحّد + طيّ ذكي + Swatches + تحسين AJAX | Designer + Back-end | 8 | Filter usage ↑ / سرعة ↑ |
🧾 التشخيص النهائي (الخطوة 27)
الخلاصة
- أكبر قوة: فلاتر ثرية بعدّادات + سعر شامل الضريبة + إضافة للسلة مباشرة من الشبكة.
- أكبر ضعف: غياب رقاقات الفلاتر النشطة وعدّاد النتائج والنجوم — تحكّم وثقة ناقصان.
- أهم تغيير: نظام فلترة شفّاف (رقاقات + عدّاد) + تفعيل تقييمات المنتجات.
- أفضل مكسب سريع: عدّاد النتائج + رقاقات الفلاتر + إصلاح «-105 Off».
- أعلى مخاطرة: ثقل القالب (100+ سكربت، لا WebP) وتكلفة فلترة AJAX على السرعة.
- أول اختبار A/B: رقاقات فلاتر نشطة مقابل التصميم الحالي.
- أول تقرير تحليلي: استخدام الفلاتر + List CTR + نقطة التخلي بعد الفلترة (Clarity + GA4).
أعلى 10 إجراءات مرتّبة
- رقاقات فلاتر نشطة + «مسح الكل» — 9
- تفعيل النجوم/التقييم على البطاقة — 9
- عدّاد «عرض X من Y» — 8
- إصلاح خطأ «-105 Off» — 8
- WebP + lazy-load شامل — 8
- توسيع خيارات الفرز وتوضيح تسمياتها — 6
- Quick View + زر مقارنة — 6
- إبراز عنوان التصنيف + breadcrumb — 6
- alt لكل الصور + إعلان حالة الفلتر — 5
- طيّ الفلاتر + Swatches للون — 5
🖼️ معرض الأدلة
صفحة التسوق / التصنيف — فلاتر جانبية + شبكة منتجات
مصدر التحليل الحي: shakersa.com/تسوق (فُحص مباشرةً عبر المتصفح لأن الموقع يحجب الجلب الآلي 403). كل ملاحظة موسومة: لقطة مرئية في الصورة · حي من الرابط · استنتاج مبني على مبادئ UX/CRO.