الصفحة الرئيسية لمتجر شاكر — متجر تجزئة للأجهزة الكهربائية المنزلية (ثلاجات، غسالات، مكيفات، أجهزة مطبخ) في السعودية، مبني على WooCommerce + Elementor + WoodMart. الجمهور: أسر سعودية باحثة عن أجهزة موثوقة بأسعار تنافسية مع تقسيط. الهدف التجاري الأساسي: توجيه الزائر بكفاءة إلى مسار التسوق الصحيح ثم Add-to-Cart. الهدف الثانوي: بناء الثقة وزيادة متوسط قيمة الطلب (AOV).
loading="lazy" لما تحت الطية.تقليص عدد صفوف المنتجات، وترتيب الأقسام وفق رحلة الشراء: Hero بيعي ← اختصارات التصنيفات ← الأكثر مبيعاً ← عروض ← منافع/ثقة ← دليل اجتماعي. يقلّل الحمل المعرفي ويوجّه الزائر بسرعة.
بناء نظام تقييمات UGC + صور عملاء + شارات ضمان الوكيل الرسمي لـ LG، وإبرازها في الرئيسية. الثقة هي أضعف محور (55) وأعلى مؤثّر شرائي في السوق السعودي.
معالجة DOM الضخم والصور غير المضغوطة و100+ سكربت. سرعة الرئيسية تؤثر مباشرة على معدل الارتداد وLCP وترتيب البحث.
| العنصر | الحالة | الملاحظة | المصدر |
|---|---|---|---|
| رسالة القيمة (Value Prop) | مفقودة | لا عنوان بيعي يوضح التميّز (وكيل حصري، ضمان، أسعار). | لقطة |
| العنوان الرئيسي H1 | غير موجود | H1 count = 0 فعلياً في DOM. | حي |
| CTA أساسي أعلى الطية | غائب | البانر تصويري بلا زر «تسوّق الآن» بارز. | لقطة |
| البحث | ظاهر | حقل بحث واضح في الهيدر «البحث عن المنتجات». | لقطة |
| السلة / الحساب / اللغة | ظاهرة | أيقونات السلة وقائمة الرغبات وتبديل EN موجودة. | لقطة |
| معلومات الشحن/الدفع | جزئي | شريط علوي «توصيل خلال 48 ساعة + توصيل مجاني» — جيد لكنه رفيع وسهل التجاهل. | لقطة |
| إشارات الثقة أعلى الطية | ضعيفة | لا تقييمات/شارات ضمان في المنطقة الأولى. | لقطة |
| التنقل الأساسي | واضح | تصنيفات رئيسية مفهومة (تسوّق، التدفئة والتبريد، الأجهزة الكبيرة/الصغيرة…). | لقطة |
الفعل المرجّح للزائر: التمرير الطويل بحثاً عن عرض جذاب، بينما الفعل المرغوب هو النقر على تصنيف أو منتج بسرعة. الفجوة قائمة لأن أعلى الطية لا يوجّه ولا يحفّز.
| العنصر | التقييم | الملاحظة |
|---|---|---|
| بنية التنقل الرئيسية | جيدة | تصنيفات منطقية وواضحة التسمية. |
| Mega Menu | للتحقق | غير ظاهر في اللقطة؛ يُنصح بقائمة كبرى بصور للتصنيفات الفرعية. |
| البحث | ظاهر | حقل بارز؛ يُوصى بإضافة اقتراحات فورية (Autocomplete) وبحث بالصور/الموديل. |
| اختصارات التصنيفات في الرئيسية | متأخرة | قسم «استكشف الفئات» موجود لكنه قرب نهاية الصفحة — يجب رفعه لأعلى. |
| الأكثر مبيعاً / وصل حديثاً | موجود | وسوم موجودة على البطاقات، لكن لا قسم مُجمّع «Best Sellers» بارز أعلى. |
| Sticky Nav | مفقود | عند التمرير الطويل يختفي البحث/السلة — احتكاك ملاحة. |
| Breadcrumbs | غير مطلوب هنا | موجودة في صفحات المنتج/التصنيف. |
يصل ← يرى بانراً صامتاً ← يمرّر بحثاً عن معنى ← يمر بعشرات المنتجات المتشابهة ← قد يصل لقسم التصنيفات متأخراً. نقطة تسرّب: ما بين الطية الأولى وأول قسم مُقنِع.
Hero بيعي + CTA ← اختصار تصنيف ← قائمة منتجات مع نجوم وسعر وتقسيط ← منتج ← Add to Cart. الرئيسية يجب أن تختصر أول ثلاث خطوات في «شاشة واحدة».
في السوق السعودي، الثقة أهم محرّك شرائي؛ غياب الدليل الاجتماعي يرفع القلق ويخفض التحويل.
| المبدأ | كيف تتعامل معه الصفحة | التوصية الأخلاقية |
|---|---|---|
| الدليل الاجتماعي | مُهدر — لا مراجعات. | نجوم + عدد مشترين + «الأكثر مبيعاً» حقيقي. |
| التأطير السعري (Anchoring) | مستخدم — سعر أصلي مشطوب مقابل الحالي (حي). | إبراز نسبة التوفير % بوضوح على البطاقة. |
| تقليل المخاطرة | جزئي — تقسيط بدون فوائد يقلل حاجز السعر. | إضافة «إرجاع سهل + ضمان الوكيل» قرب السعر. |
| حِمل الاختيار (Hick's Law) | مرتفع — عشرات المنتجات دفعة واحدة. | تقليل الخيارات المعروضة + فلترة سريعة. |
| البروز البصري (Salience) | ضعيف — لا عنصر بطل. | قسم بطل واحد بعرض/CTA واضح. |
| تدرّج الهدف (Goal Gradient) | غير مفعّل | «شحن مجاني» مفعّل دائماً — أبرزه كمحفّز إتمام. |
| الإلحاح/الندرة | غائب بالرئيسية. | استخدام صادق: «عرض حتى نفاد الكمية» فقط عند صحته. |
| المؤشر | القيمة المرصودة | الحكم | الأثر |
|---|---|---|---|
| عناصر DOM | 19,805 | حرج | بطء رسم، استهلاك ذاكرة، مخاطر CLS (Lighthouse يحذّر >1500). |
| عدد الصور | 771 (0 بصيغة WebP) | حرج | وزن صفحة مرتفع وLCP بطيء. |
| صور بلا lazy-load | 717 من 771 | مرتفع | تحميل صور تحت الطية فوراً. |
| سكربتات <script src> | 109 | مرتفع | Render-blocking وتأخّر تفاعل (INP). |
| ملفات CSS | 11 | متوسط | يمكن دمجها/تصغيرها. |
| الخطوط | Google Fonts مُفعّل | متوسط | طلب خارجي حاجب؛ يُفضّل self-host + font-display swap. |
| Object Cache | مُفعّل (شريط الأدمن) | جيد | يساعد أداء الخادم. |
| Server-render | نعم (المحتوى في HTML) | جيد | جيد للزحف والـSEO رغم ثقل الـDOM. |
| القسم | المشكلة | أثر المستخدم | أثر العمل | الشدة | Impact | الثقة |
|---|---|---|---|---|---|---|
| أعلى الطية | لا رسالة قيمة/CTA/H1 | لا يفهم التميّز، يتردد | ارتداد مبكر | حرجة | 9 | عالية |
| بطاقات المنتج | لا نجوم/مراجعات | قلق ثقة | انخفاض CTR للمنتج | حرجة | 9 | عالية |
| هيكل الصفحة | ازدحام وطول مفرط | إرهاق واختيار مشتت | تسرّب قبل التصنيف | مرتفعة | 8 | عالية |
| الأداء | DOM/صور/سكربت ثقيلة | بطء محسوس | ارتداد + SEO | مرتفعة | 8 | عالية |
| التنقل | لا Sticky header | فقد البحث/السلة عند التمرير | احتكاك ملاحة | متوسطة | 6 | متوسطة |
| الوصولية | 82 صورة بلا alt | حاجز لقارئ الشاشة | SEO + امتثال | متوسطة | 6 | عالية |
| الثقة | لا شارات ضمان/إرجاع بارزة | عدم يقين | خفض التحويل | متوسطة | 6 | متوسطة |
| الأولوية | التوصية | لماذا تؤثر على التحويل | Impact | الثقة | الجهد | النوع | KPI |
|---|---|---|---|---|---|---|---|
| P0 | Hero بيعي: H1 + رسالة قيمة + CTA «تسوّق الآن» | يوضّح الغرض ويوجّه الزائر فوراً | 9 | عالية | متوسط | Content/Design | CTR للتصنيف، Bounce |
| P0 | تفعيل تقييمات المنتجات وإظهار النجوم على البطاقات | دليل اجتماعي = ثقة أعلى | 9 | عالية | متوسط | WooCommerce config | Add-to-Cart rate |
| P1 | إعادة ترتيب الأقسام وتقليص الصفوف | يخفض الحمل المعرفي | 8 | عالية | مرتفع | Design/IA | Scroll depth, CVR |
| P1 | تحويل الصور إلى WebP + lazy-load شامل | سرعة أعلى = ارتداد أقل | 8 | عالية | متوسط | Performance | LCP, Bounce |
| P1 | Sticky header (بحث + سلة + تصنيفات) | يسهّل الملاحة والتحويل | 6 | متوسطة | منخفض | Front-end | Search usage, CVR |
| P2 | شريط ثقة أعلى الطية (شحن/توصيل/ضمان/دفع) | يقلّل القلق مبكراً | 6 | متوسطة | منخفض | Design | CVR, Time on page |
| P2 | إضافة alt لكل الصور | وصولية + SEO | 5 | عالية | متوسط | Accessibility/SEO | Organic, a11y score |
| P3 | Bundles / شريط «شحن مجاني عند X» | يرفع AOV | 5 | متوسطة | متوسط | A/B test | AOV |
| التغيير | المكان | Impact | الجهد | KPI المتوقع |
|---|---|---|---|---|
| إضافة H1 بيعي | أعلى الطية | 8 | منخفض | Bounce ↓ / SEO ↑ |
| إظهار «متوفر في المخزون» على البطاقة | بطاقة المنتج | 5 | منخفض | CTR ↑ |
| إبراز نسبة التوفير % | بطاقة المنتج | 5 | منخفض | Add-to-Cart ↑ |
| رفع قسم التصنيفات للأعلى | الرئيسية | 6 | منخفض | CTR تصنيف ↑ |
| زيادة تباين أزرار CTA | البطاقات | 5 | منخفض | CTR زر ↑ |
| الفرضية | الحالي | البديل | KPI أساسي | Guardrail | Impact |
|---|---|---|---|---|---|
| Hero بيعي + CTA سيرفع الانتقال للتصنيف | بانر صامت | عنوان قيمة + زر «تسوّق الآن» | CTR للتصنيف | Bounce | 9 |
| نجوم المنتج ترفع Add-to-Cart | بلا نجوم | نجوم + عدد مراجعات | Add-to-Cart rate | معدل الإرجاع | 8 |
| تقليص الأقسام يقلل التسرّب | صفحة طويلة | نسخة مختصرة موجّهة | CVR | مشاهدات المنتج | 8 |
| شريط الثقة يرفع التحويل | بدون شريط | شريط شحن/ضمان/دفع | CVR | Time on page | 6 |
| المرحلة | المهام | المسؤول | Impact | مقياس النجاح |
|---|---|---|---|---|
| 1 · إصلاحات فورية | H1، alt، WebP، تباين CTA، رفع التصنيفات | Front-end + Store manager | 8 | Bounce ↓ / LCP ↓ |
| 2 · CRO عالي الأثر | Hero بيعي، تفعيل المراجعات، شريط الثقة، Sticky header | Designer + CRO + WooCommerce dev | 9 | Add-to-Cart ↑ / CVR ↑ |
| 3 · اختبار وتحسين | A/B للـHero والأقسام، تحليل Clarity | CRO + Analytics | 7 | CVR ↑ مؤكد إحصائياً |
| 4 · إعادة تصميم استراتيجي | إعادة هيكلة IA كاملة + Bundles + شخصنة | Designer + Back-end | 8 | AOV ↑ / Retention ↑ |
مصدر التحليل الحي: shakersa.com (فُحص مباشرةً عبر المتصفح لأن الموقع يحجب الجلب الآلي 403). كل ملاحظة موسومة: لقطة مرئية في الصورة · حي من الرابط · استنتاج مبني على مبادئ UX/CRO.