Senarai semak halaman produk: apa yang menghalang pembeli

Senarai semak halaman produk berdasarkan kajian Baymard dan WebAIM: harga, penghantaran dan pemulangan, imej, ulasan, troli mudah alih, pop timbul, carian.

Pasukan Editorial FixReportsBacaan 10 minit

Pembeli paling kerap berhenti di halaman produk apabila mereka tidak dapat mengetahui jumlah kos sebenar, tidak menemui terma penghantaran dan pemulangan, tidak dapat menilai produk daripada foto dan ulasannya, atau tidak mudah mencapai dan menggunakan butang beli, terutamanya di telefon. Pop timbul yang menutup halaman, halaman polisi yang sukar dicari, carian laman yang tidak dapat menjawab soalan mudah, dan kawalan yang tidak berfungsi dengan papan kekunci turut menghalang pembelian. Angka di bawah ialah angka kajian industri daripada Baymard Institute dan WebAIM, berdasarkan sampel besar laman dan pembeli; angka ini menggambarkan corak yang lazim, bukan ramalan untuk mana-mana kedai tertentu.

Perkara utama

  • Dalam tinjauan Baymard 2026 terhadap 1,083 orang dewasa di AS yang pernah membeli-belah dalam talian dalam tempoh tiga bulan sebelumnya, 40% menyatakan mereka pernah membatalkan pembelian semasa checkout kerana kos tambahan seperti penghantaran, cukai dan caj terlalu tinggi (Baymard Institute (dibuka dalam tab baharu)).
  • Penanda aras halaman produk Baymard mendapati 67% laman e-dagang terkemuka tidak memberikan anggaran jumlah kos berhampiran bahagian beli, dan 44% tidak memaparkan atau memautkan polisi pemulangan daripada kandungan utama produk (Baymard Institute (dibuka dalam tab baharu), dikemas kini pada 18 Mac 2026).
  • Dalam penanda aras yang sama, 62% laman mudah alih mempunyai UX halaman produk yang "sederhana" atau lebih teruk.
  • WebAIM mengesan kegagalan WCAG pada 95.9% daripada sejuta halaman utama teratas pada Februari 2026 (WebAIM (dibuka dalam tab baharu)).
  • Dalam semakan Baymard pada 2021 terhadap 33 laman e-dagang dengan hasil kasar tertinggi, 45% mempunyai fungsi yang tidak dapat dikendalikan dengan papan kekunci (Baymard Institute (dibuka dalam tab baharu)).

Mengapakah pembeli membatalkan pembelian?

Jawapan paling lazim ialah pembeli hanya melihat-lihat; selepas itu barulah kos tambahan, penghantaran yang lambat, kurang percaya terhadap pengendalian maklumat kad dan keperluan wajib membuka akaun.

Halaman pengabaian troli Baymard meletakkan purata kadar pengabaian yang didokumenkan pada 70.22%, dikira daripada 50 kajian (halaman kali terakhir dikemas kini pada 22 September 2025). Carta sebab-sebabnya, yang dilabel sebagai data 2026, datang daripada tinjauan terhadap 1,083 orang dewasa di AS yang pernah membeli-belah dalam talian dalam tempoh tiga bulan sebelumnya. Responden boleh memilih lebih daripada satu sebab (Baymard Institute (dibuka dalam tab baharu), setakat Oktober 2026):

Sebab membatalkan pembelian dalam talian semasa checkoutPeratusan responden
Saya hanya melihat-lihat / belum bersedia untuk membeli42%
Kos tambahan terlalu tinggi (penghantaran, cukai, caj)40%
Penghantaran terlalu lambat20%
Saya tidak percaya laman itu dengan maklumat kad kredit saya19%
Laman itu mahu saya membuka akaun18%
Proses checkout terlalu panjang atau rumit17%
Laman web mengalami ralat atau ranap17%
Polisi pemulangan tidak memuaskan13%
Saya tidak dapat melihat atau mengira jumlah kos pesanan lebih awal12%
Kad kredit ditolak10%
Kaedah pembayaran tidak mencukupi9%

Ini ialah keputusan tinjauan di AS tentang checkout, bukan ukuran kedai anda. Beberapa daripadanya bermula lebih awal, di halaman produk, tempat pembeli mula-mula melihat harga, terma penghantaran dan syarat pemulangan. Hanya analitik anda sendiri yang boleh menunjukkan sebab mana yang penting bagi kedai anda.

Adakah harga penuh jelas di halaman produk?

Harga semasa, harga asal jika ada, apa yang termasuk atau tidak termasuk, dan anggaran kos penghantaran semuanya patut berada di sebelah butang beli.

Penanda aras halaman produk Baymard 2026 mendapati 67% laman tidak memberikan anggaran "jumlah kos pesanan" berhampiran bahagian beli, dan 81% tidak memaparkan harga seunit bagi produk yang dijual dalam kuantiti atau saiz yang berbeza (Baymard Institute (dibuka dalam tab baharu)). Semak bahawa halaman memaparkan:

  • Harga semasa dan, bagi item jualan murah, harga asal.
  • Harga seunit bagi produk yang dijual dalam beberapa saiz.
  • Sama ada cukai atau duti sudah termasuk.
  • Kos penghantaran, atau nilai pesanan minimum untuk penghantaran percuma.

Shopify: dalam tema Dawn, blok harga menambah "Taxes included." dan pautan "Shipping calculated at checkout." apabila tetapan tersebut dan polisi penghantaran wujud (kod sumber Dawn (dibuka dalam tab baharu)). Itu tepat tetapi bukan anggaran, jadi tambahkan kadar sebenar anda atau ambang penghantaran percuma dalam blok teks.

WooCommerce: pilihan "Enable the shipping calculator on the cart page" dan "Hide shipping costs until an address is entered" di bawah WooCommerce > Settings > Shipping mempengaruhi troli dan checkout, bukan halaman produk (kod sumber WooCommerce (dibuka dalam tab baharu)). Letakkan kadar penghantaran dalam templat produk atau penerangan ringkas produk.

Bolehkah pembeli menemui maklumat penghantaran dan pemulangan sebelum menambah ke troli?

Letakkan ringkasan pendek tentang tempoh penghantaran, kos penghantaran dan tempoh pemulangan berhampiran butang beli, bersama pautan ke polisi penuh.

Dalam tinjauan Consideration & Purchase Behavior Baymard terhadap 1,032 responden, 60% menyatakan mereka mencari maklumat polisi pemulangan di halaman produk, namun 44% laman yang dinilai tidak memaparkan atau memautkannya daripada kandungan utama produk (Baymard Institute (dibuka dalam tab baharu)). Dalam tinjauan pengabaian 2026 di atas, 20% menyebut penghantaran yang lambat dan 13% polisi pemulangan yang tidak memuaskan.

<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: tulis polisi anda di bawah Tetapan > Polisi (Settings > Policies) (Shopify Help Center (dibuka dalam tab baharu)). Dalam Dawn, blok Collapsible row pada halaman produk boleh memaparkan teks atau kandungan sesebuah halaman (kod sumber Dawn (dibuka dalam tab baharu)), jadi satu halaman penghantaran dan pemulangan boleh muncul pada setiap produk.

WooCommerce: WooCommerce mencipta halaman "Refund and Returns Policy" sebagai draf (kod sumber WooCommerce (dibuka dalam tab baharu)). Halaman itu kekal tidak diterbitkan sehingga anda menyunting dan menerbitkannya.

Adakah imej produk menjawab soalan pembeli?

Imej patut menunjukkan produk dari beberapa sudut, mengikut skala dan semasa digunakan, kerana ramai pembeli menilai saiz dan kesesuaian daripada foto, bukan daripada spesifikasi.

Ujian Baymard mendapati 42% pengguna cuba mengagak saiz produk daripada imejnya, manakala 37% laman yang dinilai tidak menyediakan imej "mengikut skala" yang menunjukkan produk di sebelah manusia atau objek yang biasa dilihat. Sebanyak 23% pula tidak menyediakan imej model manusia, yang paling penting untuk pakaian, aksesori dan kosmetik (Baymard Institute (dibuka dalam tab baharu)).

Semak juga bahawa galeri bertukar kepada imej yang betul apabila warna dipilih, zum berfungsi di telefon, dan setiap imej mempunyai teks alt yang menerangkan apa yang ditunjukkan oleh pandangan itu, contohnya "Kemeja linen, pandangan belakang".

Adakah ulasan mudah ditemui dan dipercayai?

Paparkan purata penarafan dan bilangan ulasan berhampiran tajuk produk, pautkannya ke ulasan penuh, dan balas ulasan negatif.

Baymard mendapati 89% laman yang dinilai tidak membalas ulasan negatif, dan 63% tidak membenarkan pembeli beralih dari foto seorang pengulas ke foto pengulas seterusnya merentasi ulasan (Baymard Institute (dibuka dalam tab baharu)). Widget ulasan yang dimuatkan lewat juga boleh menolak halaman ke bawah, jadi simpan ruang untuknya.

Shopify: blok Product rating dalam Dawn memaparkan bintang daripada aplikasi ulasan, dan tema itu menyatakan bahawa aplikasi diperlukan (kod sumber Dawn (dibuka dalam tab baharu)).

WooCommerce: di bawah WooCommerce > Settings > Products, pilihan ulasan termasuk "Enable product reviews", "Show 'verified owner' label on customer reviews", "Reviews can only be left by 'verified owners'" dan "Enable star rating on reviews" (kod sumber WooCommerce (dibuka dalam tab baharu)).

Adakah butang tambah ke troli mudah dicapai dan diketik di telefon?

Di telefon, pembeli patut dapat melihat harga, memilih varian dan mengetik tambah ke troli tanpa perlu mencari-cari, dengan kawalan yang cukup besar untuk diketik.

Dalam penanda aras Baymard 2026, 52% laman desktop dan 62% laman mudah alih mempunyai UX halaman produk yang "sederhana" atau lebih teruk, dan 57% laman tidak menggunakan butang untuk pemilihan saiz, sebaliknya menyembunyikan saiz dalam menu lungsur (Baymard Institute (dibuka dalam tab baharu)).

Buka halaman produk pada telefon sebenar dan semak:

  • Skrin pertama. Dalam susun atur telefon yang bertindan, galeri selalunya muncul dahulu, jadi imej yang tinggi boleh menolak tajuk, harga dan butang ke bawah skrin pertama.
  • Bar beli melekit (sticky). Jika anda menggunakannya, bar itu tidak boleh menutup elemen yang difokuskan. Ringkasan W3C tentang kriteria WCAG 2.2 2.4.11 (Tahap AA) menggunakan footer melekit yang menyembunyikan item yang difokuskan sebagai contohnya (W3C (dibuka dalam tab baharu)).
  • Sasaran ketikan. WCAG 2.5.8 (Tahap AA) menetapkan minimum 24 kali 24 piksel CSS, dengan beberapa pengecualian (W3C (dibuka dalam tab baharu)); panduan tema Shopify mengesyorkan sekurang-kurangnya 48 kali 48 piksel di mudah alih (Shopify (dibuka dalam tab baharu)).
  • Tatalan ke sisi. WCAG 1.4.10 Reflow mewajibkan kandungan berfungsi pada lebar 320 piksel CSS tanpa perlu menatal dalam dua arah (W3C (dibuka dalam tab baharu)). Carta saiz dan jadual perbandingan yang lebar sering menjadi puncanya.

Adakah pop timbul mengganggu pembelian?

Pop timbul yang menutup halaman produk sebaik sahaja pembeli tiba menyembunyikan maklumat yang mereka cari, jadi utamakan sepanduk kecil dan hadkan gesaan pendaftaran.

Panduan Google Search Central menyifatkan interstisial dan dialog yang mengganggu sebagai elemen yang menghalang paparan kandungan dan mengesyorkan sepanduk kecil dan bukan lapisan yang menutup seluruh halaman (Google Search Central (dibuka dalam tab baharu)). Shopify menyatakan bahawa kandungan pop timbul juga boleh menyebabkan anjakan susun atur (Shopify Help Center (dibuka dalam tab baharu)). Mana-mana dialog yang anda kekalkan mesti boleh ditutup dengan papan kekunci; WCAG 2.1.2 No Keyboard Trap (Tahap A) mewajibkan fokus boleh keluar daripada sesuatu komponen menggunakan papan kekunci sahaja (W3C (dibuka dalam tab baharu)).

Bolehkah pembeli menemui halaman kepercayaan dan polisi anda?

Pautkan halaman bayaran balik, penghantaran, privasi, terma dan hubungi kami dari footer setiap halaman.

Dalam tinjauan Baymard 2026, 19% responden menyatakan mereka pernah membatalkan pembelian kerana tidak mempercayai laman itu dengan butiran kad mereka. Polisi dan butiran hubungan yang jelas ialah isyarat asas bahawa sesebuah kedai itu sah.

Shopify: sebaik sahaja anda menambah polisi di bawah Tetapan > Polisi (Settings > Policies), Shopify memautkannya dalam footer checkout secara automatik; untuk memaparkannya di kedai, tambahkannya pada menu di bawah Kandungan > Menu (Content > Menus) (Shopify Help Center (dibuka dalam tab baharu)) atau hidupkan tetapan footer Policy links dalam Dawn.

WooCommerce: terbitkan draf halaman bayaran balik, kemudian tambahkan halaman polisi dan hubungi kami anda pada footer.

Adakah carian laman menemui produk dan jawapan?

Carian patut memaparkan produk yang betul untuk nama, salah ejaan dan sinonim, dan juga menjawab soalan seperti "pemulangan" atau "penghantaran".

Penanda aras carian Baymard 2026 terhadap lebih 170 laman dan aplikasi menilai 46% pengalaman desktop, 58% pengalaman mudah alih dan 64% pengalaman aplikasi sebagai "sederhana" atau lebih teruk, dan menemui masalah dengan carian bukan produk, seperti carian polisi pemulangan yang memaparkan produk, pada 66% laman (Baymard Institute (dibuka dalam tab baharu), dikemas kini pada 29 April 2026).

Uji kedai anda dengan nama produk terlaris, salah ejaan nama itu, satu perkataan kategori, dan "pemulangan". Di Shopify, carian kedai memaparkan produk, catatan blog dan halaman, dengan carian ramalan dan toleransi salah taip dihidupkan secara lalai, dan aplikasi Search & Discovery menambah penapis dan penonjolan produk (Shopify Help Center (dibuka dalam tab baharu)). Oleh itu, halaman biasa yang meringkaskan penghantaran dan pemulangan boleh muncul untuk carian tersebut.

Bolehkah seseorang membeli menggunakan papan kekunci sahaja?

Setiap langkah, dari memilih varian sehingga sampai ke checkout, patut berfungsi dengan papan kekunci sahaja, dengan penunjuk fokus yang kelihatan.

WCAG 2.2 mewajibkan semua fungsi berfungsi dari papan kekunci (2.1.1, Tahap A), tiada perangkap papan kekunci (2.1.2, Tahap A), penunjuk fokus yang kelihatan (2.4.7, Tahap AA), dan item yang difokuskan tidak tersembunyi sepenuhnya oleh kandungan lain (2.4.11, Tahap AA) (W3C (dibuka dalam tab baharu)). Asas ini sering tiada. Semakan Baymard pada 2021 terhadap 33 laman dengan hasil kasar tertinggi mendapati 45% mempunyai fungsi yang tidak dapat dikendalikan dengan papan kekunci dan 48% tidak memastikan penunjuk fokus sentiasa kelihatan (Baymard Institute (dibuka dalam tab baharu)). Imbasan WebAIM pada Februari 2026 menemui purata 56.1 ralat yang dikesan bagi setiap halaman utama, dan 71.0 bagi laman dalam kategori Shopping (WebAIM (dibuka dalam tab baharu)).

Ujian lima minit:

  1. Muatkan halaman produk dan tekan Tab tanpa menyentuh tetikus.
  2. Semak bahawa anda sentiasa dapat melihat kedudukan fokus.
  3. Pilih saiz dan warna, dan ubah kuantiti.
  4. Tekan tambah ke troli dan semak bahawa fokus beralih ke dalam laci troli dan laci itu boleh ditutup dengan papan kekunci.
  5. Sampai ke butang checkout.
/* A visible focus style for keyboard users */
:focus-visible {
  outline: 3px solid #1a5fb4;
  outline-offset: 2px;
}

Imbasan percuma menyemak banyak perkara ini dalam kira-kira seminit. Laporan Penukaran menukar semakan halaman seperti keterlihatan harga, tambah ke troli di telefon, maklumat penghantaran dan pemulangan, pop timbul, pautan polisi di footer, carian, laluan pembelian dengan papan kekunci dan tatalan ke sisi kepada cadangan mengikut keutamaan. Laporan ini berdasarkan semakan halaman, bukan data jualan anda, dan tidak menjamin sebarang jualan.

Soalan lazim

Apakah sebab paling lazim pembeli membatalkan pembelian?

Dalam tinjauan Baymard 2026 terhadap 1,083 orang dewasa di AS, jawapan teratas ialah "hanya melihat-lihat" (42%). Antara sebab lain, kos tambahan seperti penghantaran, cukai dan caj berada di tempat pertama dengan 40%, mendahului penghantaran yang lambat pada 20%.

Adakah membaiki isu ini akan meningkatkan kadar penukaran saya?

Tiada sesiapa yang boleh menjanjikannya. Kajian ini menerangkan halangan yang lazim merentasi sampel besar laman dan pembeli; sama ada membuangnya mengubah keputusan anda bergantung pada produk, harga dan trafik anda, jadi ukur sebelum dan selepas setiap perubahan.

Di manakah maklumat penghantaran dan pemulangan patut diletakkan di halaman produk?

Berhampiran harga dan butang beli, sebagai ringkasan pendek dengan pautan ke polisi penuh. Dalam kajian Baymard, 60% responden menyatakan mereka mencari maklumat polisi pemulangan di halaman produk.

Adakah butang tambah ke troli mesti kelihatan tanpa menatal di telefon?

Tiada peraturan yang mewajibkannya, tetapi pembeli patut dapat melihat harga dan mencapai butang itu dengan cepat. Bar beli melekit ialah satu pilihan, asalkan ia tidak menyembunyikan elemen yang difokuskan atau kandungan lain.

Adakah kebolehcapaian sebahagian daripada penukaran?

Ya, dalam erti kata yang mudah: pembeli yang tidak dapat mengendalikan pemilih varian atau butang tambah ke troli dengan papan kekunci atau pembaca skrin tidak dapat membeli. WCAG 2.2 Tahap AA meliputi asas-asas ini.

Sumber

Semua panduan