قائمة تحقق لصفحة المنتج: ما الذي يمنع المتسوقين من الشراء؟

قائمة تحقق لصفحة المنتج مبنية على أبحاث Baymard وWebAIM: السعر، والشحن والإرجاع، والصور، والمراجعات، وزر الإضافة إلى السلة على الهاتف، والنوافذ المنبثقة، والبحث، ولوحة المفاتيح.

فريق تحرير FixReportsمدة القراءة: 10 دقيقة

يتوقف المتسوقون في صفحة المنتج غالبًا عندما لا يستطيعون معرفة التكلفة الكاملة، أو لا يجدون شروط الشحن والإرجاع، أو لا يستطيعون الحكم على المنتج من صوره ومراجعاته، أو لا يصلون بسهولة إلى زر الشراء ولا يستخدمونه بيسر، خصوصًا على الهاتف. كما تعيق الشراءَ النوافذُ المنبثقة التي تغطي الصفحة، وصفحاتُ السياسات التي يصعب العثور عليها، والبحثُ في الموقع الذي لا يجيب عن أسئلة بسيطة، وعناصرُ التحكم التي لا تعمل بلوحة المفاتيح. والأرقام الواردة أدناه أرقام بحثية في القطاع صادرة عن Baymard Institute وWebAIM، ومبنية على عينات كبيرة من المواقع والمتسوقين؛ وهي تصف أنماطًا شائعة، لا توقعات لمتجر بعينه.

أبرز النقاط

  • في استطلاع Baymard لعام 2026 الذي شمل 1,083 بالغًا أمريكيًا تسوّقوا عبر الإنترنت في الأشهر الثلاثة السابقة، قال 40% إنهم تخلّوا عن عملية شراء عند إتمام الطلب لأن التكاليف الإضافية، مثل الشحن والضرائب والرسوم، كانت مرتفعة جدًا (Baymard Institute (يفتح في علامة تبويب جديدة)).
  • وجد مقياس Baymard المرجعي لصفحات المنتجات أن 67% من مواقع التجارة الإلكترونية الرائدة لا تقدّم تقديرًا للتكلفة الإجمالية قرب قسم الشراء، وأن 44% لا تعرض سياسة الإرجاع أو رابطًا إليها في المحتوى الرئيسي للمنتج (Baymard Institute (يفتح في علامة تبويب جديدة)، آخر تحديث 18 مارس 2026).
  • وفي المقياس المرجعي نفسه، كانت تجربة المستخدم في صفحات المنتجات «متوسطة» أو أسوأ في 62% من مواقع الهاتف المحمول.
  • رصدت WebAIM إخفاقات في WCAG في 95.9% من الصفحات الرئيسية لأفضل مليون موقع في فبراير 2026 (WebAIM (يفتح في علامة تبويب جديدة)).
  • في مراجعة أجرتها Baymard عام 2021 لـ33 موقعًا من أعلى مواقع التجارة الإلكترونية إيرادًا، احتوى 45% منها على وظائف لا يمكن تشغيلها بلوحة المفاتيح (Baymard Institute (يفتح في علامة تبويب جديدة)).

لماذا يتخلى المتسوقون عن عملية الشراء؟

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

تحدد صفحة Baymard الخاصة بالتخلي عن السلة متوسط معدل التخلي الموثّق عند 70.22%، محسوبًا من 50 دراسة (آخر تحديث للصفحة 22 سبتمبر 2025). أما رسمها البياني للأسباب، الموسوم بأنه بيانات عام 2026، فمصدره استطلاع شمل 1,083 بالغًا أمريكيًا تسوّقوا عبر الإنترنت في الأشهر الثلاثة السابقة. وكان بإمكان المشاركين اختيار أكثر من سبب واحد (Baymard Institute (يفتح في علامة تبويب جديدة)، حتى أكتوبر 2026):

سبب التخلي عن عملية شراء عبر الإنترنت عند إتمام الطلبنسبة المشاركين
كنت أتصفح فقط / لم أكن مستعدًا للشراء42%
التكاليف الإضافية مرتفعة جدًا (الشحن، الضرائب، الرسوم)40%
التوصيل بطيء جدًا20%
لم أثق بالموقع في بيانات بطاقتي الائتمانية19%
أراد الموقع أن أنشئ حسابًا18%
عملية إتمام الطلب طويلة جدًا أو معقدة17%
ظهرت أخطاء في الموقع أو تعطّل17%
سياسة الإرجاع لم تكن مُرضية13%
لم أستطع رؤية التكلفة الإجمالية للطلب أو حسابها مسبقًا12%
رُفضت البطاقة الائتمانية10%
لم تكن هناك طرق دفع كافية9%

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

هل السعر الكامل واضح في صفحة المنتج؟

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

وجد المقياس المرجعي لصفحات المنتجات من Baymard لعام 2026 أن 67% من المواقع لا تقدّم تقديرًا لـ«التكلفة الإجمالية للطلب» قرب قسم الشراء، وأن 81% لا تعرض سعر الوحدة للمنتجات التي تُباع بكميات أو أحجام مختلفة (Baymard Institute (يفتح في علامة تبويب جديدة)). تحقّق من أن الصفحة تعرض:

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

Shopify: في قالب Dawn، تضيف كتلة السعر عبارة «Taxes included.» ورابط «Shipping calculated at checkout.» عندما تكون هذه الإعدادات وسياسة الشحن موجودة (شيفرة Dawn المصدرية (يفتح في علامة تبويب جديدة)). وهذا دقيق لكنه ليس تقديرًا، لذا أضف أسعار الشحن الفعلية أو الحد الأدنى للشحن المجاني في كتلة نصية.

WooCommerce: الخياران «Enable the shipping calculator on the cart page» و«Hide shipping costs until an address is entered» ضمن WooCommerce > Settings > Shipping يؤثران في السلة وإتمام الشراء، لا في صفحة المنتج (شيفرة WooCommerce المصدرية (يفتح في علامة تبويب جديدة)). لذا ضع أسعار الشحن في قالب صفحة المنتج أو في الوصف المختصر.

هل يجد المتسوقون معلومات الشحن والإرجاع قبل الإضافة إلى السلة؟

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

في استطلاع Baymard عن سلوك المفاضلة والشراء (Consideration & Purchase Behavior) الذي شمل 1,032 مشاركًا، قال 60% إنهم يبحثون عن معلومات سياسة الإرجاع في صفحة المنتج، ومع ذلك لا تعرضها 44% من المواقع المشمولة بالمقياس ولا تضع رابطًا إليها في المحتوى الرئيسي للمنتج (Baymard Institute (يفتح في علامة تبويب جديدة)). وفي استطلاع التخلي عن الشراء لعام 2026 المذكور أعلاه، ذكر 20% بطء التوصيل و13% سياسة إرجاع غير مُرضية.

<details class="product-policy">
  <summary>Shipping and returns</summary>
  <p>Ships in 1 to 2 business days. Free shipping on orders over $75.</p>
  <p>Free returns within 30 days. <a href="{{ shop.refund_policy.url }}">Read the return policy</a></p>
</details>

Shopify: اكتب سياساتك ضمن Settings > Policies (مركز مساعدة Shopify (يفتح في علامة تبويب جديدة)). وفي Dawn، يمكن لكتلة Collapsible row في صفحة المنتج أن تعرض نصًا أو محتوى صفحة ما (شيفرة Dawn المصدرية (يفتح في علامة تبويب جديدة))، وبذلك يمكن أن تظهر صفحة واحدة للشحن والإرجاع في كل منتج.

WooCommerce: تُنشئ WooCommerce صفحة «Refund and Returns Policy» كمسودة (شيفرة WooCommerce المصدرية (يفتح في علامة تبويب جديدة)). وتبقى غير منشورة إلى أن تحررها وتنشرها.

هل تجيب صور المنتج عن أسئلة المتسوقين؟

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

وجدت اختبارات Baymard أن 42% من المستخدمين يحاولون معرفة حجم المنتج من صوره، في حين أن 37% من المواقع المشمولة بالمقياس لا تقدّم صورة «بالمقياس» تُظهر المنتج بجوار شخص أو شيء مألوف. كما أن 23% لا تقدّم صورة لعارض أو عارضة، وهو أمر بالغ الأهمية للملابس والإكسسوارات ومستحضرات التجميل (Baymard Institute (يفتح في علامة تبويب جديدة)).

وتحقّق أيضًا من أن معرض الصور ينتقل إلى الصورة الصحيحة عند اختيار لون، وأن التكبير يعمل على الهواتف، وأن لكل صورة نصًا بديلًا يصف ما تُظهره تلك اللقطة، مثل «قميص كتان، منظر من الخلف».

هل يسهل العثور على المراجعات والثقة بها؟

اعرض متوسط التقييم وعدد المراجعات قرب اسم المنتج، واربطهما بالمراجعات الكاملة، وردّ على المراجعات السلبية.

وجدت Baymard أن 89% من المواقع المشمولة بالمقياس لا تردّ على المراجعات السلبية، وأن 63% لا تتيح للمتسوقين الانتقال من صور أحد المراجعين إلى صور المراجع التالي عبر المراجعات (Baymard Institute (يفتح في علامة تبويب جديدة)). كما أن أدوات المراجعات التي تُحمَّل متأخرة قد تدفع محتوى الصفحة إلى الأسفل، لذا احجز لها مساحتها.

Shopify: تعرض كتلة Product rating في Dawn النجوم من تطبيق للمراجعات، ويشير القالب إلى أن وجود تطبيق أمر مطلوب (شيفرة Dawn المصدرية (يفتح في علامة تبويب جديدة)).

WooCommerce: ضمن WooCommerce > Settings > Products، تشمل خيارات المراجعات «Enable product reviews» و«Show 'verified owner' label on customer reviews» و«Reviews can only be left by 'verified owners'» و«Enable star rating on reviews» (شيفرة WooCommerce المصدرية (يفتح في علامة تبويب جديدة)).

هل يسهل الوصول إلى زر الإضافة إلى السلة والنقر عليه على الهاتف؟

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

في المقياس المرجعي من Baymard لعام 2026، كانت تجربة المستخدم في صفحات المنتجات «متوسطة» أو أسوأ في 52% من مواقع سطح المكتب و62% من مواقع الهاتف المحمول، ولم تستخدم 57% من المواقع أزرارًا لاختيار المقاس، فبقيت المقاسات مخفية في قوائم منسدلة (Baymard Institute (يفتح في علامة تبويب جديدة)).

افتح صفحة منتج على هاتف حقيقي وتحقّق من:

  • الشاشة الأولى. في تخطيط الهاتف المكدّس يأتي معرض الصور غالبًا أولًا، لذا قد تدفع صورة طويلة الاسم والسعر والزر إلى ما بعد الشاشة الأولى.
  • أشرطة الشراء الثابتة. إذا كنت تستخدم شريطًا منها، فيجب ألا يغطي العناصر التي عليها التركيز. ويستخدم ملخص W3C للمعيار 2.4.11 في WCAG 2.2 (المستوى AA) مثالًا لتذييل ثابت يخفي العناصر التي عليها التركيز (W3C (يفتح في علامة تبويب جديدة)).
  • أهداف النقر. يحدد المعيار 2.5.8 في WCAG (المستوى AA) حدًا أدنى قدره 24 × 24 بكسل CSS، مع استثناءات (W3C (يفتح في علامة تبويب جديدة))؛ وتوصي إرشادات Shopify للقوالب بما لا يقل عن 48 × 48 بكسل على الهاتف المحمول (Shopify (يفتح في علامة تبويب جديدة)).
  • التمرير الأفقي. يشترط المعيار 1.4.10 Reflow في WCAG أن يعمل المحتوى بعرض 320 بكسل CSS دون تمرير في اتجاهين (W3C (يفتح في علامة تبويب جديدة)). وجداول المقاسات العريضة وجداول المقارنة من الأسباب المتكررة لذلك.

هل تعيق النوافذ المنبثقة عملية الشراء؟

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

تصف إرشادات Google Search Central الإعلانات البينية والنوافذ الحوارية المتطفلة بأنها عناصر تحجب رؤية المحتوى، وتوصي باللافتات الصغيرة بدلًا من الطبقات التي تغطي الصفحة كاملة (Google Search Central (يفتح في علامة تبويب جديدة)). وتشير Shopify إلى أن محتوى النوافذ المنبثقة قد يسبب أيضًا إزاحات في التخطيط (مركز مساعدة Shopify (يفتح في علامة تبويب جديدة)). وأي نافذة حوارية تُبقيها يجب أن تُغلق بلوحة المفاتيح؛ إذ يشترط المعيار 2.1.2 No Keyboard Trap في WCAG (المستوى A) أن يتمكن التركيز من مغادرة أي مكوّن باستخدام لوحة المفاتيح وحدها (W3C (يفتح في علامة تبويب جديدة)).

هل يجد المتسوقون صفحات الثقة والسياسات لديك؟

اربط صفحات الاسترداد والشحن والخصوصية والشروط والتواصل من تذييل كل صفحة.

في استطلاع Baymard لعام 2026، قال 19% من المشاركين إنهم تخلّوا عن عملية شراء لأنهم لم يثقوا بالموقع في بيانات بطاقتهم. والسياسات الواضحة وبيانات التواصل إشارات أساسية على أن المتجر موثوق.

Shopify: بمجرد أن تضيف السياسات ضمن Settings > Policies، تربطها Shopify تلقائيًا في تذييل صفحة إتمام الشراء؛ ولعرضها في المتجر، أضفها إلى قائمة ضمن Content > Menus (مركز مساعدة Shopify (يفتح في علامة تبويب جديدة)) أو فعّل إعداد Policy links في تذييل Dawn.

WooCommerce: انشر مسودة صفحة الاسترداد، ثم أضف صفحات السياسات والتواصل إلى التذييل.

هل يعثر البحث في الموقع على المنتجات والإجابات؟

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

صنّف المقياس المرجعي للبحث من Baymard لعام 2026، الذي شمل أكثر من 170 موقعًا وتطبيقًا، تجارب البحث بأنها «متوسطة» أو أسوأ في 46% من مواقع سطح المكتب و58% من مواقع الهاتف المحمول و64% من التطبيقات، ووجد مشكلات في عمليات البحث غير المتعلقة بالمنتجات في 66% من المواقع، مثل البحث عن سياسة الإرجاع الذي يُعيد منتجات (Baymard Institute (يفتح في علامة تبويب جديدة)، آخر تحديث 29 أبريل 2026).

اختبر متجرك باسم أحد المنتجات الأكثر مبيعًا، وبخطأ إملائي فيه، وبكلمة تدل على فئة، وبكلمة «الإرجاع». في Shopify، يعيد البحث في واجهة المتجر المنتجات وتدوينات المدونة والصفحات، مع تفعيل البحث التنبؤي وتحمّل الأخطاء الإملائية افتراضيًا، ويضيف تطبيق Search & Discovery الفلاتر وتعزيز ظهور المنتجات (مركز مساعدة Shopify (يفتح في علامة تبويب جديدة)). لذلك يمكن لصفحة عادية تلخّص الشحن والإرجاع أن تظهر في نتائج هذه العمليات.

هل يستطيع أحد الشراء باستخدام لوحة المفاتيح فقط؟

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

تشترط WCAG 2.2 أن تعمل جميع الوظائف من لوحة المفاتيح (2.1.1، المستوى A)، وألا توجد مصائد للوحة المفاتيح (2.1.2، المستوى A)، وأن يكون مؤشر التركيز مرئيًا (2.4.7، المستوى AA)، وألا تُخفى العناصر التي عليها التركيز بالكامل خلف محتوى آخر (2.4.11، المستوى AA) (W3C (يفتح في علامة تبويب جديدة)). وكثيرًا ما تغيب هذه الأساسيات. فقد وجدت مراجعة Baymard لعام 2021 لـ33 موقعًا من أعلى المواقع إيرادًا أن 45% منها احتوت على وظائف لا يمكن تشغيلها بلوحة المفاتيح، وأن 48% لم تُبقِ مؤشر التركيز مرئيًا في جميع الأوقات (Baymard Institute (يفتح في علامة تبويب جديدة)). ووجد فحص WebAIM في فبراير 2026 متوسطًا قدره 56.1 خطأ مكتشفًا في كل صفحة رئيسية، و71.0 للمواقع ضمن فئة التسوق لديها (WebAIM (يفتح في علامة تبويب جديدة)).

اختبار في خمس دقائق:

  1. افتح صفحة منتج واضغط Tab دون لمس الفأرة.
  2. تحقّق من أنك ترى دائمًا موضع التركيز.
  3. اختر مقاسًا ولونًا، وغيّر الكمية.
  4. اضغط زر الإضافة إلى السلة وتحقّق من أن التركيز ينتقل إلى درج السلة، وأن الدرج يُغلق بلوحة المفاتيح.
  5. صِل إلى زر إتمام الشراء.
/* A visible focus style for keyboard users */
:focus-visible {
  outline: 3px solid #1a5fb4;
  outline-offset: 2px;
}

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

الأسئلة الشائعة

ما السبب الأكثر شيوعًا لتخلي المتسوقين عن عملية الشراء؟

في استطلاع Baymard لعام 2026 الذي شمل 1,083 بالغًا أمريكيًا، كانت الإجابة الأولى «كنت أتصفح فقط» (42%). ومن بين الأسباب الأخرى، جاءت التكاليف الإضافية مثل الشحن والضرائب والرسوم في المرتبة الأولى بنسبة 40%، متقدمةً على بطء التوصيل بنسبة 20%.

هل سيزيد إصلاح هذه المشكلات معدل التحويل في متجري؟

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

أين يجب وضع معلومات الشحن والإرجاع في صفحة المنتج؟

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

هل يجب أن يكون زر الإضافة إلى السلة مرئيًا دون تمرير على الهواتف؟

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

هل إمكانية الوصول جزء من تحسين معدل التحويل؟

نعم، بمعنى بسيط: المتسوق الذي لا يستطيع تشغيل محدد خيارات المنتج أو زر الإضافة إلى السلة بلوحة المفاتيح أو قارئ الشاشة لا يستطيع الشراء. ويغطي المستوى AA من WCAG 2.2 هذه الأساسيات.

المصادر

كل الأدلة