เช็กลิสต์หน้าสินค้า: อะไรทำให้ลูกค้าไม่กดซื้อ

ลูกค้ามักหยุดซื้อที่หน้าสินค้าเมื่อคำนวณค่าใช้จ่ายทั้งหมดไม่ได้ หาเงื่อนไขการจัดส่งและการคืนสินค้าไม่เจอ ตัดสินใจเรื่องสินค้าจากรูปภาพและรีวิวไม่ได้ หรือเข้าถึงและใช้ปุ่มซื้อได้ไม่สะดวก โดยเฉพาะบนโทรศัพท์มือถือ ป๊อปอัปที่บังหน้าเว็บ หน้านโยบายที่หายาก ระบบค้นหาที่ตอบคำถามง่าย ๆ ไม่ได้ และปุ่มควบคุมที่ใช้กับคีย์บอร์ดไม่ได้ ก็ขัดขวางการซื้อเช่นกัน ตัวเลขด้านล่างเป็นผลวิจัยในอุตสาหกรรมจาก Baymard Institute และ WebAIM ซึ่งอิงจากกลุ่มตัวอย่างเว็บไซต์และผู้ซื้อจำนวนมาก ตัวเลขเหล่านี้อธิบายรูปแบบที่พบบ่อย ไม่ใช่การคาดการณ์สำหรับร้านใดร้านหนึ่ง

ประเด็นสำคัญ

• ในแบบสำรวจปี 2026 ของ Baymard ซึ่งสอบถามผู้ใหญ่ชาวอเมริกัน 1,083 คนที่เคยซื้อของออนไลน์ในช่วง 3 เดือนที่ผ่านมา 40% ตอบว่าเคยยกเลิกการซื้อที่หน้าชำระเงิน เพราะค่าใช้จ่ายเพิ่มเติม เช่น ค่าส่ง ภาษี และค่าธรรมเนียม สูงเกินไป (Baymard Institute (เปิดในแท็บใหม่))
• การวัดผลหน้าสินค้าของ Baymard พบว่า 67% ของเว็บไซต์อีคอมเมิร์ซชั้นนำไม่แสดงค่าประมาณค่าใช้จ่ายทั้งหมดใกล้ส่วนการซื้อ และ 44% ไม่แสดงหรือไม่ลิงก์นโยบายการคืนสินค้าจากเนื้อหาหลักของหน้าสินค้า (Baymard Institute (เปิดในแท็บใหม่), อัปเดต 18 มีนาคม 2026)
• ในการวัดผลเดียวกัน 62% ของเว็บไซต์บนมือถือมี UX ของหน้าสินค้าอยู่ในระดับ “ปานกลาง” (mediocre) หรือแย่กว่านั้น
• WebAIM ตรวจพบข้อบกพร่องตาม WCAG ใน 95.9% ของหน้าแรกจากเว็บไซต์ 1 ล้านอันดับแรก ในเดือนกุมภาพันธ์ 2026 (WebAIM (เปิดในแท็บใหม่))
• ในการตรวจสอบของ Baymard ปี 2021 กับเว็บไซต์อีคอมเมิร์ซที่ทำรายได้สูงสุด 33 แห่ง 45% มีฟังก์ชันที่ใช้งานด้วยคีย์บอร์ดไม่ได้ (Baymard Institute (เปิดในแท็บใหม่))

ทำไมลูกค้าจึงยกเลิกการซื้อ

คำตอบที่พบบ่อยที่สุดคือลูกค้าแค่เข้ามาดู รองลงมาคือค่าใช้จ่ายเพิ่มเติม การจัดส่งที่ช้า ความไม่มั่นใจในการให้ข้อมูลบัตร และการถูกบังคับให้สร้างบัญชี

หน้าข้อมูลการละทิ้งตะกร้าของ Baymard ระบุอัตราการละทิ้งตะกร้าเฉลี่ยที่มีการบันทึกไว้ที่ 70.22% ซึ่งคำนวณจากงานศึกษา 50 ชิ้น (หน้านี้อัปเดตล่าสุดเมื่อ 22 กันยายน 2025) แผนภูมิเหตุผลซึ่งระบุว่าเป็นข้อมูลปี 2026 มาจากแบบสำรวจผู้ใหญ่ชาวอเมริกัน 1,083 คนที่เคยซื้อของออนไลน์ในช่วง 3 เดือนก่อนหน้า ผู้ตอบเลือกได้มากกว่าหนึ่งเหตุผล (Baymard Institute (เปิดในแท็บใหม่), ณ เดือนตุลาคม 2026)

นี่คือผลสำรวจในสหรัฐอเมริกาเกี่ยวกับขั้นตอนชำระเงิน ไม่ใช่การวัดผลร้านของคุณ หลายข้อเริ่มต้นตั้งแต่ก่อนหน้านั้น คือที่หน้าสินค้า ซึ่งเป็นจุดที่ลูกค้าเห็นราคา เงื่อนไขการจัดส่ง และเงื่อนไขการคืนสินค้าเป็นครั้งแรก มีเพียงข้อมูล analytics ของคุณเองที่บอกได้ว่าข้อใดสำคัญสำหรับร้านคุณ

ราคาเต็มบนหน้าสินค้าชัดเจนหรือไม่

ราคาปัจจุบัน ราคาเดิม (ถ้ามี) สิ่งที่รวมหรือไม่รวมอยู่ในราคา และค่าประมาณค่าส่ง ควรอยู่ข้างปุ่มซื้อทั้งหมด

การวัดผลหน้าสินค้าปี 2026 ของ Baymard พบว่า 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 Help Center (เปิดในแท็บใหม่)) ใน Dawn บล็อก Collapsible row บนหน้าสินค้าแสดงข้อความหรือเนื้อหาของหน้าใดหน้าหนึ่งได้ (ซอร์สโค้ด Dawn (เปิดในแท็บใหม่)) หน้าการจัดส่งและการคืนสินค้าหน้าเดียวจึงแสดงบนสินค้าทุกชิ้นได้

WooCommerce: WooCommerce สร้างหน้า “Refund and Returns Policy” ไว้เป็นฉบับร่าง (ซอร์สโค้ด WooCommerce (เปิดในแท็บใหม่)) หน้านี้จะยังไม่เผยแพร่จนกว่าคุณจะแก้ไขและกดเผยแพร่

รูปภาพสินค้าตอบคำถามของลูกค้าได้หรือไม่

รูปภาพควรแสดงสินค้าจากหลายมุม แสดงขนาดเทียบ และแสดงขณะใช้งาน เพราะลูกค้าจำนวนมากตัดสินเรื่องขนาดและความพอดีจากรูปภาพมากกว่าจากสเปก

การทดสอบของ Baymard พบว่าผู้ใช้ 42% พยายามประเมินขนาดสินค้าจากรูปภาพ ขณะที่ 37% ของเว็บไซต์ที่วัดผลไม่มีภาพ “เทียบขนาด” ที่แสดงสินค้าข้างคนหรือวัตถุที่คุ้นเคย และ 23% ไม่มีภาพนายแบบหรือนางแบบสวมใส่สินค้า ซึ่งสำคัญที่สุดสำหรับเสื้อผ้า เครื่องประดับ และเครื่องสำอาง (Baymard Institute (เปิดในแท็บใหม่))

ตรวจด้วยว่าแกลเลอรีเปลี่ยนเป็นภาพที่ถูกต้องเมื่อเลือกสี การซูมใช้งานได้บนโทรศัพท์ และทุกภาพมีข้อความ 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 (เปิดในแท็บใหม่))

ปุ่มเพิ่มลงตะกร้าเข้าถึงและแตะได้ง่ายบนโทรศัพท์หรือไม่

บนโทรศัพท์ ลูกค้าควรเห็นราคา เลือกตัวเลือกสินค้า และแตะเพิ่มลงตะกร้าได้โดยไม่ต้องค้นหา และปุ่มต่าง ๆ ควรมีขนาดใหญ่พอให้แตะโดน

ในการวัดผลปี 2026 ของ Baymard 52% ของเว็บไซต์บนเดสก์ท็อปและ 62% ของเว็บไซต์บนมือถือมี UX ของหน้าสินค้าอยู่ในระดับ “ปานกลาง” หรือแย่กว่านั้น และ 57% ของเว็บไซต์ไม่ได้ใช้ปุ่มสำหรับเลือกไซซ์ แต่ซ่อนไซซ์ไว้ในเมนูดรอปดาวน์ (Baymard Institute (เปิดในแท็บใหม่))

เปิดหน้าสินค้าบนโทรศัพท์จริงแล้วตรวจดังนี้

• หน้าจอแรก ในเลย์เอาต์มือถือแบบเรียงซ้อน แกลเลอรีมักมาก่อน ภาพที่สูงจึงอาจดันชื่อสินค้า ราคา และปุ่มลงไปอยู่ใต้หน้าจอแรก
• แถบซื้อแบบติดหน้าจอ (sticky) หากใช้ แถบนี้ต้องไม่บังองค์ประกอบที่ได้รับโฟกัส บทสรุปของ W3C เรื่องเกณฑ์ 2.4.11 ของ WCAG 2.2 (ระดับ AA) ใช้ส่วนท้ายแบบติดหน้าจอที่บังรายการที่ได้รับโฟกัสเป็นตัวอย่าง (W3C (เปิดในแท็บใหม่))
• พื้นที่แตะ WCAG 2.5.8 (ระดับ AA) กำหนดขนาดขั้นต่ำ 24 x 24 CSS พิกเซล โดยมีข้อยกเว้น (W3C (เปิดในแท็บใหม่)) ส่วนแนวทางธีมของ Shopify แนะนำอย่างน้อย 48 x 48 พิกเซลบนมือถือ (Shopify (เปิดในแท็บใหม่))
• การเลื่อนในแนวนอน WCAG 1.4.10 Reflow กำหนดให้เนื้อหาใช้งานได้ที่ความกว้าง 320 CSS พิกเซลโดยไม่ต้องเลื่อนสองทิศทาง (W3C (เปิดในแท็บใหม่)) ตารางไซซ์และตารางเปรียบเทียบที่กว้างเป็นสาเหตุที่พบบ่อย

ป๊อปอัปขัดขวางการซื้อหรือไม่

ป๊อปอัปที่บังหน้าสินค้าทันทีที่เข้ามาจะซ่อนข้อมูลที่ลูกค้าตั้งใจมาดู จึงควรใช้แบนเนอร์ขนาดเล็ก และจำกัดการชวนสมัครสมาชิก

แนวทางของ Google Search Central อธิบายว่าหน้าคั่นและกล่องโต้ตอบที่รบกวน (intrusive interstitials) คือองค์ประกอบที่บดบังการมองเห็นเนื้อหา และแนะนำให้ใช้แบนเนอร์ขนาดเล็กแทนโอเวอร์เลย์เต็มหน้า (Google Search Central (เปิดในแท็บใหม่)) Shopify ระบุว่าเนื้อหาป๊อปอัปอาจทำให้เลย์เอาต์ขยับได้เช่นกัน (Shopify Help Center (เปิดในแท็บใหม่)) กล่องโต้ตอบใดที่คุณยังใช้อยู่ต้องปิดได้ด้วยคีย์บอร์ด WCAG 2.1.2 No Keyboard Trap (ระดับ A) กำหนดให้โฟกัสออกจากคอมโพเนนต์ได้โดยใช้คีย์บอร์ดเพียงอย่างเดียว (W3C (เปิดในแท็บใหม่))

ลูกค้าหาหน้าความน่าเชื่อถือและหน้านโยบายของคุณเจอหรือไม่

ลิงก์หน้าการคืนเงิน การจัดส่ง ความเป็นส่วนตัว ข้อกำหนด และติดต่อเรา ไว้ที่ส่วนท้ายของทุกหน้า

ในแบบสำรวจปี 2026 ของ Baymard ผู้ตอบ 19% ระบุว่าเคยยกเลิกการซื้อเพราะไม่ไว้ใจที่จะให้ข้อมูลบัตรกับเว็บไซต์ นโยบายและช่องทางติดต่อที่ชัดเจนเป็นสัญญาณพื้นฐานว่าร้านค้ามีตัวตนจริง

Shopify: เมื่อเพิ่มนโยบายใน Settings > Policies แล้ว Shopify จะลิงก์นโยบายเหล่านั้นไว้ที่ส่วนท้ายของหน้าชำระเงินโดยอัตโนมัติ หากต้องการแสดงในหน้าร้าน ให้เพิ่มลงในเมนูที่ Content > Menus (Shopify Help Center (เปิดในแท็บใหม่)) หรือเปิดการตั้งค่า Policy links ในส่วนท้ายของ Dawn

WooCommerce: เผยแพร่หน้าร่างนโยบายการคืนเงิน แล้วเพิ่มหน้านโยบายและหน้าติดต่อเราไว้ที่ส่วนท้ายเว็บ

ระบบค้นหาในเว็บไซต์หาสินค้าและคำตอบเจอหรือไม่

การค้นหาควรแสดงสินค้าที่ถูกต้องเมื่อพิมพ์ชื่อสินค้า คำที่สะกดผิด และคำพ้องความหมาย และควรตอบคำถามอย่าง “คืนสินค้า” หรือ “ค่าส่ง” ได้ด้วย

การวัดผลการค้นหาปี 2026 ของ Baymard กับเว็บไซต์และแอปมากกว่า 170 แห่ง ให้คะแนนประสบการณ์การค้นหา 46% บนเดสก์ท็อป 58% บนมือถือ และ 64% บนแอป อยู่ในระดับ “ปานกลาง” หรือแย่กว่านั้น และพบปัญหาการค้นหาที่ไม่ใช่ชื่อสินค้าใน 66% ของเว็บไซต์ เช่น ค้นหานโยบายการคืนสินค้าแล้วได้รายการสินค้ากลับมา (Baymard Institute (เปิดในแท็บใหม่), อัปเดต 29 เมษายน 2026)

ทดสอบร้านของคุณด้วยชื่อสินค้าขายดี ชื่อเดียวกันที่สะกดผิด คำที่เป็นหมวดหมู่ และคำว่า “คืนสินค้า” บน Shopify ระบบค้นหาของหน้าร้านจะแสดงสินค้า บทความบล็อก และหน้าเพจ โดยเปิดการค้นหาแบบคาดเดา (predictive search) และการรองรับคำพิมพ์ผิดไว้เป็นค่าเริ่มต้น และแอป Search & Discovery ยังเพิ่มตัวกรองและการดันสินค้า (product boost) ได้ (Shopify Help Center (เปิดในแท็บใหม่)) หน้าเพจทั่วไปที่สรุปเรื่องการจัดส่งและการคืนสินค้าจึงปรากฏในผลการค้นหาเหล่านั้นได้

ซื้อสินค้าด้วยคีย์บอร์ดเพียงอย่างเดียวได้หรือไม่

ทุกขั้นตอนตั้งแต่การเลือกตัวเลือกสินค้าไปจนถึงหน้าชำระเงินควรใช้งานได้ด้วยคีย์บอร์ดเพียงอย่างเดียว โดยมีตัวบ่งชี้โฟกัสที่มองเห็นได้

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 จุดสำหรับเว็บไซต์ในหมวด Shopping (WebAIM (เปิดในแท็บใหม่))

การทดสอบ 5 นาที

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% ระบุว่ามองหาข้อมูลนโยบายการคืนสินค้าบนหน้าสินค้า

ปุ่มเพิ่มลงตะกร้าต้องมองเห็นได้โดยไม่ต้องเลื่อนบนโทรศัพท์หรือไม่

ไม่มีกฎข้อใดบังคับ แต่ลูกค้าควรเห็นราคาและเข้าถึงปุ่มได้อย่างรวดเร็ว แถบซื้อแบบติดหน้าจอเป็นทางเลือกหนึ่ง ตราบใดที่ไม่บังองค์ประกอบที่ได้รับโฟกัสหรือเนื้อหาอื่น

การเข้าถึงเว็บไซต์เป็นส่วนหนึ่งของคอนเวอร์ชันหรือไม่

ใช่ ในความหมายที่ตรงไปตรงมา ลูกค้าที่ใช้ตัวเลือกสินค้าหรือปุ่มเพิ่มลงตะกร้าด้วยคีย์บอร์ดหรือโปรแกรมอ่านหน้าจอไม่ได้ ก็ซื้อสินค้าไม่ได้ WCAG 2.2 ระดับ AA ครอบคลุมพื้นฐานเหล่านี้

แหล่งที่มา

• Cart abandonment rate statistics (เปิดในแท็บใหม่), Baymard Institute, หน้าอัปเดต 22 กันยายน 2025 แผนภูมิเหตุผลระบุว่าเป็นข้อมูลปี 2026 (แบบสำรวจผู้ใหญ่ชาวอเมริกัน 1,083 คน), เข้าถึงเมื่อ 22 ตุลาคม 2026
• Product Page UX 2026: 10 Pitfalls and Best Practices (เปิดในแท็บใหม่), Baymard Institute (Edward Scott), อัปเดต 18 มีนาคม 2026
• Ecommerce Search UX 2026: 8 Search "Query Types" UX Best Practices (เปิดในแท็บใหม่), Baymard Institute (Edward Scott), อัปเดต 29 เมษายน 2026
• 94% of the Largest E-Commerce Sites Are Not Accessibility Compliant (เปิดในแท็บใหม่), Baymard Institute (Alex Krzyminski), 29 มิถุนายน 2021
• The WebAIM Million: 2026 report (เปิดในแท็บใหม่), WebAIM, อัปเดต 30 มีนาคม 2026 (ข้อมูลเดือนกุมภาพันธ์ 2026)
• Web Content Accessibility Guidelines (WCAG) 2.2 (เปิดในแท็บใหม่), W3C, Recommendation ลงวันที่ 12 ธันวาคม 2024
• What's new in WCAG 2.2 (เปิดในแท็บใหม่), W3C Web Accessibility Initiative, เข้าถึงเมื่อ 22 ตุลาคม 2026
• Understanding SC 2.5.8 Target Size (Minimum) (เปิดในแท็บใหม่), W3C Web Accessibility Initiative, เข้าถึงเมื่อ 22 ตุลาคม 2026
• Avoid intrusive interstitials and dialogs (เปิดในแท็บใหม่), Google Search Central, อัปเดต 10 ธันวาคม 2025
• Adding store policies (เปิดในแท็บใหม่), Shopify Help Center, เข้าถึงเมื่อ 22 ตุลาคม 2026
• Storefront search (เปิดในแท็บใหม่), Shopify Help Center, เข้าถึงเมื่อ 22 ตุลาคม 2026
• Web performance (เปิดในแท็บใหม่), Shopify Help Center, เข้าถึงเมื่อ 22 ตุลาคม 2026
• Performance best practices for Shopify themes (เปิดในแท็บใหม่), Shopify, เข้าถึงเมื่อ 22 ตุลาคม 2026
• Dawn theme: sections/main-product.liquid (เปิดในแท็บใหม่) และ locales/en.default.schema.json (เปิดในแท็บใหม่), Shopify บน GitHub, เข้าถึงเมื่อ 22 ตุลาคม 2026
• WooCommerce shipping, product and install settings source (เปิดในแท็บใหม่), WooCommerce บน GitHub, ตรวจสอบกับรุ่น 11.2.1, ตุลาคม 2026