چک‌لیست صفحه محصول: چه چیزی خریداران را از خرید منصرف می‌کند

چک‌لیست صفحه محصول بر پایه پژوهش‌های Baymard و WebAIM: قیمت، ارسال و مرجوعی، تصاویر، نظرات، افزودن به سبد خرید در موبایل، پاپ‌آپ‌ها، جست‌وجو و کار با صفحه‌کلید.

تیم تحریریه FixReports12 دقیقه مطالعه

خریداران بیشتر وقتی در صفحه محصول متوقف می‌شوند که نتوانند هزینه کامل را بفهمند، شرایط ارسال و مرجوعی را پیدا نکنند، نتوانند از روی عکس‌ها و نظرات درباره محصول قضاوت کنند یا نتوانند به‌راحتی به دکمه خرید برسند و از آن استفاده کنند، به‌ویژه روی تلفن همراه. پاپ‌آپ‌هایی که صفحه را می‌پوشانند، صفحه‌های قوانین و سیاست‌هایی که به‌سختی پیدا می‌شوند، جست‌وجوی سایتی که به پرسش‌های ساده پاسخ نمی‌دهد و کنترل‌هایی که با صفحه‌کلید کار نمی‌کنند هم مانع خرید می‌شوند. ارقام زیر از پژوهش‌های صنعتی Baymard Institute و WebAIM هستند و بر نمونه‌های بزرگی از سایت‌ها و خریداران تکیه دارند؛ این ارقام الگوهای رایج را توصیف می‌کنند و پیش‌بینی‌ای برای یک فروشگاه خاص نیستند.

نکات کلیدی

  • در نظرسنجی سال 2026 Baymard از 1,083 بزرگسال آمریکایی که در سه ماه گذشته خرید آنلاین داشتند، 40 درصد گفتند خریدی را در مرحله تسویه حساب رها کرده‌اند، چون هزینه‌های اضافی مانند ارسال، مالیات و کارمزدها بیش از حد بالا بود (Baymard Institute (در زبانه جدید باز می‌شود)).
  • بنچمارک صفحه محصول Baymard نشان داد 67 درصد از سایت‌های پیشرو تجارت الکترونیک هیچ برآوردی از هزینه کل در نزدیکی بخش خرید ارائه نمی‌دهند و 44 درصد سیاست مرجوعی را در محتوای اصلی محصول نشان نمی‌دهند یا به آن لینک نمی‌دهند (Baymard Institute (در زبانه جدید باز می‌شود)، به‌روزرسانی 18 مارس 2026).
  • در همان بنچمارک، تجربه کاربری (UX) صفحه محصول در 62 درصد از سایت‌های موبایل «متوسط» یا بدتر بود.
  • WebAIM در فوریه 2026 در 95.9 درصد از صفحه‌های اصلی یک میلیون سایت برتر، خطاهای WCAG را شناسایی کرد (WebAIM (در زبانه جدید باز می‌شود)).
  • در بررسی سال 2021 Baymard از 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 (در زبانه جدید باز می‌شود)). نرخ‌ها را در قالب صفحه محصول یا توضیح کوتاه محصول قرار دهید.

آیا خریداران پیش از افزودن به سبد خرید، اطلاعات ارسال و مرجوعی را پیدا می‌کنند؟

خلاصه‌ای کوتاه از زمان تحویل، هزینه ارسال و مهلت مرجوعی را نزدیک دکمه خرید، همراه با لینکی به سیاست کامل، قرار دهید.

در نظرسنجی Consideration & Purchase Behavior شرکت Baymard با 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 (در زبانه جدید باز می‌شود)).

همچنین بررسی کنید که گالری با انتخاب یک رنگ به تصویر درست تغییر کند، بزرگ‌نمایی (zoom) روی تلفن همراه کار کند و هر تصویر متن جایگزینی (alt) داشته باشد که توصیف کند آن نما چه چیزی را نشان می‌دهد، مانند «پیراهن کتان، نمای پشت».

آیا پیدا کردن نظرات و اعتماد به آن‌ها آسان است؟

میانگین امتیاز و تعداد نظرات را نزدیک عنوان محصول نشان دهید، آن را به فهرست کامل نظرات لینک کنید و به نظرات منفی پاسخ دهید.

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 (در زبانه جدید باز می‌شود)).

آیا رسیدن به دکمه افزودن به سبد خرید و لمس آن روی تلفن همراه آسان است؟

روی تلفن همراه، خریداران باید بتوانند بدون جست‌وجو قیمت را ببینند، یک گونه (variant) را انتخاب کنند و روی افزودن به سبد خرید بزنند، با کنترل‌هایی که به اندازه کافی برای لمس بزرگ باشند.

در بنچمارک سال 2026 Baymard، تجربه کاربری صفحه محصول در 52 درصد از سایت‌های دسکتاپ و 62 درصد از سایت‌های موبایل «متوسط» یا بدتر بود و 57 درصد از سایت‌ها برای انتخاب سایز از دکمه استفاده نمی‌کردند و سایزها را در منوهای کشویی پنهان می‌کردند (Baymard Institute (در زبانه جدید باز می‌شود)).

یک صفحه محصول را روی یک تلفن همراه واقعی باز کنید و این موارد را بررسی کنید:

  • صفحه نخست. در چیدمان عمودی موبایل، گالری اغلب اول می‌آید، بنابراین یک تصویر بلند می‌تواند عنوان، قیمت و دکمه را به زیر صفحه نخست هل دهد.
  • نوارهای خرید چسبان (sticky). اگر از چنین نواری استفاده می‌کنید، نباید عناصر دارای فوکوس را بپوشاند. خلاصه 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 صفحه‌های میانی (interstitial) و پنجره‌های گفت‌وگوی مزاحم را عناصری توصیف می‌کند که دید محتوا را مسدود می‌کنند و به‌جای لایه‌های تمام‌صفحه، بنرهای کوچک را توصیه می‌کند (Google Search Central (در زبانه جدید باز می‌شود)). Shopify یادآوری می‌کند که محتوای پاپ‌آپ می‌تواند باعث جابه‌جایی چیدمان هم بشود (مرکز راهنمای Shopify (در زبانه جدید باز می‌شود)). هر پنجره‌ای که نگه می‌دارید باید با صفحه‌کلید بسته شود؛ معیار 2.1.2 No Keyboard Trap در WCAG (سطح A) الزام می‌کند فوکوس بتواند فقط با صفحه‌کلید از یک جزء خارج شود (W3C (در زبانه جدید باز می‌شود)).

آیا خریداران صفحه‌های اعتمادساز و سیاست‌های شما را پیدا می‌کنند؟

صفحه‌های بازپرداخت، ارسال، حریم خصوصی، شرایط استفاده و تماس را از پانویس همه صفحه‌ها لینک کنید.

در نظرسنجی سال 2026 Baymard، 19 درصد از پاسخ‌دهندگان گفتند خریدی را رها کرده‌اند چون برای اطلاعات کارتشان به سایت اعتماد نداشتند. سیاست‌های روشن و اطلاعات تماس، نشانه‌های پایه‌ای هستند که نشان می‌دهند یک فروشگاه معتبر است.

Shopify: وقتی سیاست‌ها را در Settings > Policies اضافه کنید، Shopify آن‌ها را به‌طور خودکار در پانویس صفحه تسویه حساب لینک می‌کند؛ برای نمایش آن‌ها در فروشگاه، آن‌ها را به منویی در Content > Menus اضافه کنید (مرکز راهنمای Shopify (در زبانه جدید باز می‌شود)) یا تنظیم Policy links را در پانویس Dawn روشن کنید.

WooCommerce: صفحه پیش‌نویس بازپرداخت را منتشر کنید، سپس صفحه‌های سیاست‌ها و تماس را به پانویس اضافه کنید.

آیا جست‌وجوی سایت محصولات و پاسخ‌ها را پیدا می‌کند؟

جست‌وجو باید برای نام‌ها، غلط‌های املایی و مترادف‌ها محصولات درست را برگرداند و به پرسش‌هایی مانند «مرجوعی» یا «ارسال» هم پاسخ دهد.

بنچمارک جست‌وجوی سال 2026 Baymard روی بیش از 170 سایت و اپلیکیشن، 46 درصد از تجربه‌های دسکتاپ، 58 درصد از تجربه‌های موبایل و 64 درصد از تجربه‌های اپلیکیشن را «متوسط» یا بدتر ارزیابی کرد و در 66 درصد از سایت‌ها مشکلاتی در جست‌وجوهای غیرمحصولی یافت، مانند جست‌وجوی سیاست مرجوعی که محصول برمی‌گرداند (Baymard Institute (در زبانه جدید باز می‌شود)، به‌روزرسانی 29 آوریل 2026).

فروشگاه خود را با نام یکی از پرفروش‌ترین محصولات، شکل غلط املایی آن، یک واژه دسته‌بندی و عبارت «مرجوعی» آزمایش کنید. در Shopify، جست‌وجوی فروشگاه محصولات، پست‌های وبلاگ و صفحه‌ها را برمی‌گرداند، جست‌وجوی پیش‌بینی‌کننده و تحمل غلط تایپی به‌طور پیش‌فرض فعال هستند و اپلیکیشن Search & Discovery فیلترها و تقویت نمایش محصولات (product boosts) را اضافه می‌کند (مرکز راهنمای Shopify (در زبانه جدید باز می‌شود)). بنابراین یک صفحه معمولی که ارسال و مرجوعی را خلاصه می‌کند می‌تواند در نتایج این جست‌وجوها نمایش داده شود.

آیا کسی می‌تواند فقط با صفحه‌کلید خرید کند؟

هر مرحله، از انتخاب گونه محصول تا رسیدن به تسویه حساب، باید فقط با صفحه‌کلید و با یک نشانگر فوکوس قابل مشاهده کار کند.

WCAG 2.2 الزام می‌کند همه امکانات با صفحه‌کلید کار کنند (2.1.1، سطح A)، تله صفحه‌کلید وجود نداشته باشد (2.1.2، سطح A)، نشانگر فوکوس قابل مشاهده باشد (2.4.7، سطح AA) و آیتم‌های دارای فوکوس به‌طور کامل زیر محتوای دیگر پنهان نشوند (2.4.11، سطح AA) (W3C (در زبانه جدید باز می‌شود)). این اصول پایه اغلب رعایت نمی‌شوند. بررسی سال 2021 Baymard از 33 سایت پرفروش نشان داد 45 درصد امکاناتی داشتند که با صفحه‌کلید قابل استفاده نبود و 48 درصد نشانگر فوکوس را همیشه قابل مشاهده نگه نمی‌داشتند (Baymard Institute (در زبانه جدید باز می‌شود)). اسکن فوریه 2026 WebAIM به‌طور میانگین 56.1 خطای شناسایی‌شده در هر صفحه اصلی و 71.0 خطا برای سایت‌های دسته Shopping یافت (WebAIM (در زبانه جدید باز می‌شود)).

یک آزمون پنج‌دقیقه‌ای:

  1. یک صفحه محصول را باز کنید و بدون دست زدن به ماوس، کلید Tab را فشار دهید.
  2. بررسی کنید که همیشه ببینید فوکوس کجاست.
  3. یک سایز و رنگ انتخاب کنید و تعداد را تغییر دهید.
  4. دکمه افزودن به سبد خرید را بزنید و بررسی کنید که فوکوس به کشوی سبد خرید منتقل شود و این کشو با صفحه‌کلید بسته شود.
  5. به دکمه تسویه حساب برسید.
/* A visible focus style for keyboard users */
:focus-visible {
  outline: 3px solid #1a5fb4;
  outline-offset: 2px;
}

یک اسکن رایگان بسیاری از این موارد را در حدود یک دقیقه بررسی می‌کند. گزارش نرخ تبدیل بررسی‌های صفحه مانند نمایش قیمت، افزودن به سبد خرید روی تلفن همراه، اطلاعات ارسال و مرجوعی، پاپ‌آپ‌ها، لینک سیاست‌ها در پانویس، جست‌وجو، مسیر خرید با صفحه‌کلید و اسکرول افقی را به توصیه‌هایی اولویت‌بندی‌شده تبدیل می‌کند. این گزارش بر پایه بررسی صفحه‌هاست، نه داده‌های فروش شما، و هیچ تضمینی درباره فروش نمی‌دهد.

پرسش‌های متداول

رایج‌ترین دلیل رها کردن خرید توسط خریداران چیست؟

در نظرسنجی سال 2026 Baymard از 1,083 بزرگسال آمریکایی، پاسخ اول «فقط در حال گشت‌وگذار بودم» (42 درصد) بود. در میان دلایل دیگر، هزینه‌های اضافی مانند ارسال، مالیات و کارمزدها با 40 درصد در رتبه نخست قرار داشت و پس از آن ارسال کند با 20 درصد بود.

آیا رفع این مشکلات نرخ تبدیل من را افزایش می‌دهد؟

هیچ‌کس نمی‌تواند چنین قولی بدهد. این پژوهش‌ها موانعی را توصیف می‌کنند که در نمونه‌های بزرگی از سایت‌ها و خریداران رایج هستند؛ اینکه رفع آن‌ها نتایج شما را تغییر دهد یا نه به محصولات، قیمت‌ها و ترافیک شما بستگی دارد، پس پیش و پس از هر تغییر اندازه‌گیری کنید.

اطلاعات ارسال و مرجوعی را کجای صفحه محصول قرار دهیم؟

نزدیک قیمت و دکمه خرید، به‌صورت خلاصه‌ای کوتاه همراه با لینکی به سیاست کامل. در پژوهش Baymard، 60 درصد از پاسخ‌دهندگان گفتند اطلاعات سیاست مرجوعی را در صفحه محصول جست‌وجو می‌کنند.

آیا دکمه افزودن به سبد خرید باید روی تلفن همراه بدون اسکرول دیده شود؟

هیچ قاعده‌ای این را الزامی نمی‌کند، اما خریداران باید قیمت را ببینند و سریع به دکمه برسند. نوار خرید چسبان یکی از گزینه‌هاست، به شرطی که عناصر دارای فوکوس یا محتوای دیگر را پنهان نکند.

آیا دسترس‌پذیری بخشی از نرخ تبدیل است؟

بله، به معنای ساده آن: خریداری که نتواند انتخابگر گونه محصول یا دکمه افزودن به سبد خرید را با صفحه‌کلید یا صفحه‌خوان به کار بگیرد، نمی‌تواند خرید کند. سطح AA در WCAG 2.2 این اصول پایه را پوشش می‌دهد.

منابع

همه راهنماها