ตรวจสอบหน้ารายละเอียดสินค้าด้วยการตรวจสอบ 12 ข้อ โดยแต่ละข้อมีเกณฑ์การผ่าน

การตรวจสอบหน้าสินค้าส่วนใหญ่จบลงด้วยรายการความคิดเห็น บางคนบอกว่าแกลเลอรี่ดูคับแคบ บางคนก็ปกป้องการใช้แท็บ ไม่มีอะไรที่ได้ข้อสรุป แต่บทความนี้จะนำเสนอเกณฑ์การประเมินแทน: การตรวจสอบ 12 ข้อ แต่ละข้อมีเกณฑ์ผ่านที่กำหนดไว้ ให้คะแนน 0-2 และได้ผลลัพธ์เป็นตัวเลขเต็ม 24 ซึ่งผู้ตรวจสอบสองคนควรเห็นพ้องต้องกันภายใน 1-2 คะแนน เกณฑ์นี้เหมาะสำหรับทีม UX และ CRO ที่ทำงานเกี่ยวกับหน้าแสดงรายละเอียดสินค้าของอีคอมเมิร์ซ สถาบัน Baymard ได้ทำการเปรียบเทียบเว็บไซต์ชั้นนำกว่า 155 แห่งในสหรัฐอเมริกาและยุโรป และพบว่า... 62% ของเว็บไซต์บนมือถือ ผลการทดสอบ UX ของหน้าผลิตภัณฑ์อยู่ในระดับ "ปานกลางหรือแย่กว่านั้น" และไม่มีอันไหนได้คะแนนเต็ม สมมติว่าของคุณมีข้อค้นพบ คำถามคือ ข้อค้นพบเหล่านั้นคืออะไร และร้ายแรงแค่ไหน

วิธีการให้คะแนน

การตรวจสอบแต่ละครั้งจะได้รับการประเมินเทียบกับเกณฑ์ที่กำหนดไว้ก่อนที่คุณจะเปิดหน้าเว็บ 2 หมายความว่าผ่านเกณฑ์ดังกล่าวทั้งบนมือถือและเดสก์ท็อป 1 บางส่วนหรือเฉพาะจุดหยุดเพียงจุดเดียวเท่านั้น 0 ว่ามันล้มเหลวหรือไม่มีอยู่

ตรวจสอบการตรวจสอบ เทมเพลตไม่ใช่แค่สินค้าชิ้นเดียว: เลือก SKU สามรายการที่เน้นความแตกต่างกัน เช่น สินค้าที่ใช้งานง่าย สินค้าที่มีหลายแบบ หรือสินค้าที่หมดสต็อกบางส่วน แล้วเลือกคะแนนที่ต่ำที่สุดจากแต่ละรายการ แผนการจัดการผลิตภัณฑ์ (PDP) ที่ใช้ได้ผลเฉพาะกับ SKU ที่ใช้งานง่ายเท่านั้น ไม่ใช่แผนการจัดการผลิตภัณฑ์ที่ใช้งานได้จริง

วงดนตรีที่: 20-24เทมเพลตนั้นถูกต้องแล้ว ปัญหาการแปลงไฟล์ของคุณน่าจะอยู่ที่จุดอื่น 14-19แก้ไขค่าศูนย์ให้ถูกต้องก่อนทำการทดสอบอีกครั้ง 0-13เทมเพลตคือคอขวด และการทดสอบองค์ประกอบต่างๆ บนเทมเพลตนั้นจะทำให้ได้ผลลัพธ์ที่ไม่น่าประทับใจ

ด่านที่ 1: พวกเขาสามารถเข้าใจได้หรือไม่ว่าผลิตภัณฑ์คืออะไร?

ตรวจสอบข้อ 1 - การตั้งค่าภาพและการซูม เกณฑ์ขั้นต่ำ: ต้องมีภาพอย่างน้อยห้าภาพที่ครอบคลุมทุกด้าน หนึ่งภาพเป็นภาพรายละเอียดระดับวัสดุ หนึ่งภาพแสดงขนาด และหนึ่งภาพซูมที่แสดงรายละเอียดที่แท้จริง Baymard พบว่า 25% ของไซต์ขาดความละเอียดหรือการซูมที่เพียงพอ และ 37% ไม่มีภาพที่แสดงขนาดจริง ขนาดเป็นสิ่งที่ทีมต่างๆ มองข้าม และเป็นสิ่งที่สร้างผลตอบแทนได้มากที่สุด

ตรวจสอบข้อ 2 - การค้นหารูปภาพบนอุปกรณ์เคลื่อนที่ เกณฑ์: รูปภาพเพิ่มเติมจะปรากฏเป็นภาพขนาดย่อหรือตัวบ่งชี้ตำแหน่ง โดยที่ผู้ใช้ไม่ต้องปัดหน้าจอเพื่อดูว่ามีอยู่หรือไม่ 76% ของเว็บไซต์บนมือถือไม่มีภาพขนาดย่อ ทำให้แกลเลอรีมองไม่เห็นสำหรับผู้ที่ไม่เดาเอาเอง

ตรวจสอบข้อ 3 - คำอธิบายและข้อมูลจำเพาะที่สามารถสแกนได้ เกณฑ์: คำอธิบายต้องตอบคำถามห้าข้อที่กล่องจดหมายสนับสนุนของคุณได้รับบ่อยที่สุดสำหรับหมวดหมู่นั้น และข้อมูลจำเพาะจะปรากฏในรูปแบบรายการคุณลักษณะที่อ่านง่าย ไม่ใช่ข้อความยาวๆ Baymard พบว่า 50% ของเว็บไซต์ทำข้อมูลจำเพาะให้อ่านง่ายไม่ถูกต้อง ควรนำคำถามห้าข้อมาจากตั๋วแจ้งปัญหาหรือการค้นหาในเว็บไซต์ ไม่ใช่จากการอบรมเชิงปฏิบัติการ

ด่านที่ 2: พวกเขาสามารถเลือกตัวเลือกที่ถูกต้องได้หรือไม่?

ตรวจสอบข้อ 4 - การควบคุมตัวแปรต่างๆ ถูกเปิดเผยแล้ว เกณฑ์: ขนาด สี และตัวเลือกอื่นๆ จะแสดงผลเป็นปุ่มหรือแถบสีที่มองเห็นได้ ไม่ใช่เมนูแบบดรอปดาวน์ที่ผู้ใช้ต้องเปิดดู 57% ของเว็บไซต์ไม่ได้ใช้ปุ่มสำหรับการเลือกขนาด เมนูแบบดรอปดาวน์ที่ปิดอยู่จะซ่อนตัวเลือกและแสดงว่าตัวเลือกใดไม่สามารถใช้งานได้

ตรวจสอบข้อ 5 - การซิงโครไนซ์ข้อมูลตัวแปร เกณฑ์: การเลือกตัวเลือกสินค้าจะอัปเดตราคา รูปภาพ สถานะสินค้าคงคลัง และประมาณการจัดส่งพร้อมกัน โดยไม่มีค่าใดล้าสมัยปรากฏบนหน้าจอ 28% ของเว็บไซต์ล้มเหลวในการซิงโครไนซ์ข้อมูลระหว่างตัวเลือกสินค้าต่างๆ ปัญหานี้มักบ่งชี้ถึงปัญหาด้านสถาปัตยกรรมส่วนหน้า ไม่ใช่ปัญหาด้านการออกแบบ

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

ด่านที่ 3: พวกเขาสามารถคำนวณผลรวมที่แท้จริงได้หรือไม่?

ประตูนี้สร้างรายได้มากที่สุดและมีความเสี่ยงด้านกฎระเบียบมากที่สุด จากการศึกษาที่รวบรวมข้อมูลกว่า 50 ครั้ง Baymard ระบุว่าอัตราการละทิ้งตะกร้าสินค้าโดยเฉลี่ยอยู่ที่... 70.22% ในบรรดาเหตุผลที่ระบุไว้ ค่าใช้จ่ายเพิ่มเติมที่สูงเกินไปเป็นสาเหตุหลักถึง 40% ค่าใช้จ่ายส่วนใหญ่เหล่านี้สามารถทราบได้ในหน้าแสดงรายละเอียดผลิตภัณฑ์ (PDP) และจะเปิดเผยในขั้นตอนการชำระเงินแทน

ตรวจสอบข้อ 7 - ค่าจัดส่งและวันที่จัดส่งก่อนเพิ่มสินค้าลงในตะกร้า เกณฑ์: แสดงค่าจัดส่งโดยประมาณและวันที่จัดส่งสำหรับสถานที่ที่ผู้ใช้คาดว่าจะอยู่ โดยจะแสดงให้เห็นโดยไม่ต้องมีการโต้ตอบใดๆ 43% ของเว็บไซต์ไม่แสดงค่าจัดส่งโดยประมาณ หากอัตราค่าจัดส่งขึ้นอยู่กับที่อยู่ ให้แสดงค่าประมาณตามภูมิภาคเริ่มต้นพร้อมระบุชื่อกำกับไว้

ตรวจสอบข้อ 8 - การแสดงราคาและข้อมูลอ้างอิงส่วนลด หลักเกณฑ์: ราคารวมที่แสดงรวมภาษีทั้งหมดแล้ว การเปรียบเทียบ "ราคาเดิม/ราคาปัจจุบัน" จะใช้ราคาอ้างอิงที่สมเหตุสมผล และในกรณีที่แสดงการผ่อนชำระ ราคารวม จำนวนงวด และจำนวนเงินต่องวดจะแสดงพร้อมกันในขนาดที่อ่านง่าย

กฎสองข้อมาบรรจบกันที่นี่ ในสหภาพยุโรป มาตรา 6a ของคำสั่ง 98/6/EC กำหนดให้การประกาศลดราคาต้องระบุราคาก่อนหน้า ซึ่งกำหนดไว้ว่าเป็นราคาต่ำสุดที่ใช้ในช่วงอย่างน้อย 30 วันก่อนหน้านั้น กฎระเบียบการโฆษณาของตุรกีใช้หลักการราคาต่ำสุด 30 วันเดียวกัน และยังควบคุมการแสดงราคาผ่อนชำระด้วย ข้อกำหนดดังกล่าวไม่ใช่พิธีการ: หน่วยงานกำกับดูแลได้ระบุการผ่อนชำระโดยเฉพาะ เนื่องจากเป็นที่นิยมในอีคอมเมิร์ซของตุรกี ดังนั้น หน้าแสดงรายละเอียดสินค้า (PDP) ที่ซ่อนตัวเลขการผ่อนชำระต่องวดไว้หลังโมดอล จึงเป็นการซ่อนตัวเลขที่ผู้ซื้อเลือกไว้

ตรวจสอบข้อ 9 - นโยบายการคืนสินค้าภายในครั้งเดียว จุดเด่น: ข้อมูลเกี่ยวกับระยะเวลาการคืนสินค้าและผู้รับผิดชอบค่าจัดส่งสินค้าคืนสามารถเข้าถึงได้ด้วยการแตะเพียงครั้งเดียว ไม่ใช่ผ่านส่วนท้ายของหน้าเว็บ 44% ของเว็บไซต์ไม่แสดงหรือเชื่อมโยงนโยบายการคืนสินค้าในหน้าสินค้า และนโยบายที่ไม่น่าพอใจเป็นสาเหตุหลักที่ทำให้ผู้ใช้ 13% เลิกใช้เว็บไซต์

ประตู 4: ทุกคนสามารถใช้งานได้จริงหรือไม่?

ข้อ 10 - ขนาดเป้าหมาย เกณฑ์ขั้นต่ำ: ตัวควบคุมแบบโต้ตอบทุกตัว ไม่ว่าจะเป็นตัวอย่างสี ตัวปรับปริมาณ ลูกศรในแกลเลอรี ตัวกรองรีวิว ต้องมีขนาดอย่างน้อย 24 x 24 พิกเซลตามมาตรฐาน CSS หรือเว้นระยะห่างให้วงกลมขนาด 24 พิกเซลที่อยู่ตรงกลางไม่ทับซ้อนกับส่วนประกอบข้างเคียง นี่คือมาตรฐาน WCAG 2.2 SC 2.5.8 ระดับ AA ตัวอย่างสีและตัวปรับปริมาณมักไม่ผ่านเกณฑ์นี้

ตรวจสอบข้อ 11 - การตอบสนองต่อการโต้ตอบ เกณฑ์: เวลาในการโต้ตอบกับสีถัดไป (Interaction to Next Paint) ที่เปอร์เซ็นไทล์ที่ 75 ของข้อมูลภาคสนามสำหรับเทมเพลต PDP อยู่ที่หรือต่ำกว่า 200 มิลลิวินาที; สูงกว่า 500 มิลลิวินาทีถือว่าแย่ ใช้ข้อมูลภาคสนาม ไม่ใช่ข้อมูลจากการทดลองในห้องปฏิบัติการ: การสลับตัวแปรและการโต้ตอบกับแกลเลอรีเป็นจุดที่ PDP INP ทำงานได้ไม่ดี และการทดสอบสังเคราะห์ไม่ได้ครอบคลุมส่วนเหล่านี้

ข้อ 12 - ทบทวนคุณภาพของหลักฐาน เกณฑ์สำคัญ: ต้องมีสรุปการกระจายคะแนนรีวิว รูปภาพประกอบรีวิวสามารถดูได้ และหน้าเว็บต้องระบุวิธีการรวบรวมรีวิวและว่ามีการตรวจสอบความถูกต้องหรือไม่ 65% ของเว็บไซต์แสดงการกระจายคะแนนผิดพลาด คะแนน 4.4 ที่ได้จากการรวมคะแนน 5 และ 1 นั้นแตกต่างจากคะแนน 4.4 ที่ได้จากการรวมคะแนน 4 และ 5

ใบบันทึกคะแนน

ตัวอย่างการใช้งาน

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

ความเข้าใจ: 2 + 0 (ปัดแบบสุ่ม) + 1 (รายละเอียดในรูปแบบข้อความ) = 3/6 การเลือก: 2 + 1 (ประมาณการจัดส่งไม่ทันสมัย) + 0 (ขนาดสินค้าหายไป) = 3/6 ต้นทุนรวม: 0 + 1 (ยอดรวมผ่อนชำระแสดงในหน้าต่างป๊อปอัพเท่านั้น) + 1 (การคืนสินค้าในส่วนท้าย) = 2/6 การใช้งาน: 0 (ตัวอย่างสีขนาด 20 พิกเซล) + 1 (INP p75 340 มิลลิวินาที) + 1 (ไม่มีการแจกจ่าย) = 2/6

รวม: 10/24 นั่นไม่ใช่ "การทดสอบหัวข้อข่าว" แต่เป็นการแก้ไขเทมเพลตที่เน้นไปที่เลขศูนย์สี่ตัว ตามลำดับดังนี้: การประมาณการจัดส่ง ขนาดที่หายไป ขนาดเป้าหมายของตัวอย่างสี แกลเลอรีบนมือถือ สามในสี่รายการเป็นงานด้านวิศวกรรม ไม่ใช่งานออกแบบ ซึ่งมักจะเป็นสิ่งที่พบจริง ๆ [ต้องการข้อมูลภายใน: คะแนนเฉลี่ยของ Switas ในแต่ละด่านของ PDP ที่ได้รับการตรวจสอบ และการเปลี่ยนแปลงของการแปลงหลังจากแก้ไขด่านที่ 3 แล้ว]

จะทำอย่างไรกับคะแนนนี้

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

เกณฑ์การประเมินนี้มีข้อบกพร่องตรงไหน

ระบบนี้สร้างขึ้นสำหรับธุรกิจค้าปลีกสินค้าทางกายภาพ สินค้าดิจิทัล การสมัครสมาชิก สินค้าคงคลังด้านการท่องเที่ยว และผลิตภัณฑ์ B2B ที่ปรับแต่งได้ มีคุณลักษณะที่สำคัญแตกต่างกัน และ Gate 3 ไม่สามารถถ่ายโอนข้อมูลเหล่านี้ได้: หน้าเว็บโรงแรมหรือเที่ยวบินมีราคาที่ขึ้นอยู่กับวันที่ ซึ่งเกณฑ์นี้ไม่ได้จำลองไว้ นอกจากนี้ยังละเลยการได้มาซึ่งลูกค้า – ไม่มีอะไรในระบบนี้ที่ให้คะแนนความสมบูรณ์ของข้อมูลที่มีโครงสร้าง ซึ่งเป็นตัวกำหนดคุณสมบัติในการลงรายการร้านค้า และมันบอกคุณว่าอะไรที่ไม่ผ่านเกณฑ์ที่กำหนดไว้ ไม่ใช่ว่าทำไมผู้ใช้รายใดรายหนึ่งถึงลังเล: มันแทนที่การรับฟังความคิดเห็น ไม่ใช่การทดสอบการใช้งาน

คำถามที่พบบ่อย

การตรวจสอบนี้ใช้เวลานานเท่าไหร่?

ใช้เวลาประมาณ 40 นาทีต่อ SKU หลังจากตกลงเกณฑ์ต่างๆ แล้ว ดังนั้นโดยประมาณคือสองชั่วโมงสำหรับเทมเพลต ส่วนใหญ่จะใช้ไปกับขั้นตอนที่ 3 เนื่องจากตรรกะการจัดส่งและการติดตั้งจะแตกต่างกันไปตามประเภทของผลิตภัณฑ์

ใครควรเป็นผู้บริหาร?

ผู้ตรวจสอบสองคนให้คะแนนสินค้าสามรายการเดียวกันโดยอิสระ จากนั้นจึงตรวจสอบเฉพาะส่วนที่แตกต่างกันมากกว่าหนึ่งคะแนนเท่านั้น คะแนนที่ได้จากผู้ตรวจสอบคนเดียวมักจะเอนเอียงไปทางสิ่งที่ผู้ตรวจสอบคนนั้นให้ความสำคัญ

คะแนนต่ำแสดงว่าโครงการ PDP ทำให้เราเสียเงินใช่หรือไม่?

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

สิ่งนี้แตกต่างจากการตรวจสอบด้านการเข้าถึงอย่างไร?

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

หน้าแสดงรายละเอียดผลิตภัณฑ์ (PDP) ของเราแสดงผลผ่านแพลตฟอร์มตลาดออนไลน์หรือ SaaS แบบนี้ยังใช้ได้อยู่ไหม?

ใช่แล้ว แต่ต้องจำกัดขอบเขตให้แคบลง ให้คะแนนทุกอย่าง จากนั้นแยกผลการค้นหาออกเป็นสิ่งที่คุณควบคุมได้ เช่น รูปภาพ คำอธิบาย ข้อมูลจำเพาะ การรวบรวมรีวิว และสิ่งที่คุณควบคุมได้จากแพลตฟอร์ม คะแนนศูนย์ที่ควบคุมโดยแพลตฟอร์มจะกลายเป็นหัวข้อสนทนากับผู้ขายพร้อมหลักฐานประกอบ

กฎการแสดงราคาสินค้าของตุรกีจะใช้ได้หรือไม่ หากเราขายเฉพาะภายในประเทศ?

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

เรียกใช้งานกับแคตตาล็อกของคุณเอง

สัปดาห์นี้ ลองประเมิน SKU สามรายการจากเทมเพลต PDP ของคุณเอง แล้วดูว่าตัวเลขออกมาตรงตามที่คุณคาดหวังหรือไม่ หรือถ้าคุณอยากให้ทำอย่างถูกต้อง โดยมีการเชื่อมโยงผลลัพธ์กับงานด้านวิศวกรรมและข้อมูลช่องทางการขายของคุณ (ถ้ามี) ติดต่อเราเพื่อขอรับบริการตรวจสอบ UX.

แหล่งที่มา

• สถาบันเบย์มาร์ด - เกณฑ์มาตรฐาน UX สำหรับหน้าผลิตภัณฑ์ บนเว็บไซต์กว่า 155 แห่ง (18 มีนาคม 2026)
• สถาบันเบย์มาร์ด - เกณฑ์มาตรฐานด้านการใช้งานหน้าผลิตภัณฑ์
• สถาบันเบย์มาร์ด - อัตราการละทิ้งรถเข็น 70.22% จากการศึกษา 50 ครั้ง (22 กันยายน 2025)
• คณะกรรมาธิการยุโรป - คำแนะนำเกี่ยวกับมาตรา 6a แห่งคำสั่ง 98/6/EC
• Gun + Partners - กฎระเบียบของตุรกีเกี่ยวกับการโฆษณาสินค้าลดราคา
• W3C - ทำความเข้าใจ WCAG 2.2 SC 2.5.8 ขนาดเป้าหมาย (ขั้นต่ำ)
• web.dev - การโต้ตอบกับเกณฑ์การระบายสีถัดไป
• Google Search Central - ข้อมูลโครงสร้างรายการร้านค้า