Breadcrumb คืออะไร ทำไมบางผลการค้นหาไม่โชว์ URL เต็ม
อธิบาย breadcrumb navigation และ BreadcrumbList schema ว่าคืออะไร ช่วย SEO อย่างไร และทำไม Google ถึงเลือกโชว์แถบ breadcrumb แทน URL ในผลการค้นหาบางหน้า
ทีม NOAH · เผยแพร่ 2 กันยายน 2569 · อัปเดต 2 กันยายน 2569 · อ่าน 13 นาที
สรุปสั้น
- ✓Breadcrumb คือแถบนำทางที่แสดงลำดับชั้นของหน้าเว็บ ตั้งแต่หน้าแรกไล่ลงมาถึงหน้าปัจจุบัน
- ✓Google อาจนำ breadcrumb ไปแสดงแทน URL เต็มในผลการค้นหา ถ้าหน้านั้นมี BreadcrumbList schema ที่ถูกต้องตามมาตรฐาน schema.org
- ✓Breadcrumb ช่วยทั้งผู้ใช้ในการเข้าใจตำแหน่งตัวเองในเว็บ และช่วย Google เข้าใจโครงสร้างลำดับชั้นของเนื้อหา
- ✓การมี breadcrumb ไม่ได้การันตีว่าจะได้แสดงในผลการค้นหาเสมอไป ขึ้นอยู่กับดุลยพินิจของระบบ
- ✓แถบ breadcrumb ที่เห็นบนหน้าเว็บ กับ schema ที่ Google อ่าน เป็นคนละส่วนกัน ต้องทำให้ตรงกันทั้งคู่
เปิด Google แล้วเห็นผลการค้นหาบางอันไม่โชว์ URL เต็ม ๆ แต่โชว์เป็นแถบสั้น ๆ อย่าง หน้าแรก › หมวดหมู่ › สินค้า แทน หลายคนไม่เคยสังเกตว่าแถบนี้มาจากไหน คำตอบคือมันมาจาก breadcrumb navigation บนหน้าเว็บที่ประกาศโครงสร้างผ่าน schema markup ให้ Google อ่าน
Breadcrumb ไม่ใช่แค่แถบนำทางบนหน้าเว็บที่ผู้ใช้เห็น แต่เมื่อทำถูกวิธียังส่งผลถึงหน้าตาของผลการค้นหาด้วย บทความนี้จะพาไล่ตั้งแต่ breadcrumb คืออะไร มีกี่แบบ ช่วย SEO ตรงไหนจริง ๆ ไปจนถึงวิธีติดตั้ง BreadcrumbList schema และตรวจสอบว่าใส่ถูกหรือยัง เพื่อให้เจ้าของเว็บที่ไม่ได้เขียนโค้ดเองก็ตามงานกับทีมพัฒนาได้ถูกจุด
Breadcrumb คืออะไร
Breadcrumb คืออะไร
Breadcrumb คือแถบนำทางที่แสดงลำดับชั้นของหน้าเว็บปัจจุบันเทียบกับโครงสร้างทั้งเว็บ เช่น หน้าแรก › หมวดหมู่ › หมวดหมู่ย่อย › หน้าปัจจุบัน ช่วยให้ผู้ใช้รู้ว่ากำลังอยู่ตรงไหนของเว็บและย้อนกลับไปหมวดก่อนหน้าได้ง่าย เมื่อใส่ BreadcrumbList schema ตามมาตรฐาน schema.org ไว้ด้วย Google อาจนำแถบนี้ไปแสดงแทน URL เต็มในผลการค้นหา
ชื่อ breadcrumb มาจากนิทานเด็กเรื่องแฮนเซลกับเกรเทลที่โปรยเศษขนมปังทิ้งไว้เป็นทางเพื่อหาทางกลับบ้าน แนวคิดเดียวกันถูกนำมาใช้ในเว็บไซต์ เพื่อให้ผู้ใช้ที่หลงเข้ามาลึก ๆ ในเว็บ ไม่ว่าจะมาจากการค้นหาโดยตรงหรือคลิกลิงก์จากที่อื่น สามารถ ย้อนรอย กลับไปยังหน้าหมวดหมู่หรือหน้าแรกได้โดยไม่ต้องกดปุ่มย้อนกลับของเบราว์เซอร์ซ้ำหลายครั้ง
Breadcrumb มีกี่แบบ ใช้ต่างกันอย่างไร
ก่อนจะไปถึงเรื่อง schema ควรรู้ก่อนว่า breadcrumb ที่ใช้กันทั่วไปมีอยู่ 3 รูปแบบหลัก แต่ละแบบเหมาะกับเว็บคนละประเภท การเลือกใช้ผิดแบบอาจทำให้ breadcrumb ไม่ได้ช่วยผู้ใช้จริง ๆ
| ประเภท | ลักษณะ | เหมาะกับเว็บแบบไหน |
|---|---|---|
| Location-based (ตามโครงสร้างหมวดหมู่) | แสดงตำแหน่งของหน้าตามโครงสร้างเว็บที่วางไว้ตายตัว เช่น หน้าแรก › เสื้อผ้า › เสื้อยืด | เว็บอีคอมเมิร์ซ เว็บที่มีหมวดหมู่สินค้าหรือบทความชัดเจน |
| Attribute-based (ตามคุณสมบัติ) | แสดงคุณสมบัติของสินค้าที่กรองมา เช่น หน้าแรก › เสื้อผ้า › สีแดง › ไซส์ M | หน้าผลการกรองสินค้าในอีคอมเมิร์ซที่มีตัวกรองหลายชั้น |
| Path-based (ตามเส้นทางที่คลิกมาจริง) | แสดงเส้นทางที่ผู้ใช้คลิกมาจริง เปลี่ยนไปตามพฤติกรรมแต่ละคน | พบน้อยในปัจจุบัน เพราะทำให้ URL และ schema ไม่คงที่ ไม่แนะนำสำหรับ SEO |
สำหรับ SEO ควรใช้แบบ Location-based
แบบที่สอดคล้องกับ SEO มากที่สุดคือ location-based เพราะสะท้อนโครงสร้างเว็บที่ตายตัว ทำให้ schema ที่ประกาศไว้คงที่ ไม่เปลี่ยนไปตามเส้นทางที่แต่ละคนคลิกมา ซึ่งเป็นสิ่งที่ Google ต้องการเห็นความสม่ำเสมอ
Breadcrumb ช่วย SEO อย่างไร
ประโยชน์แรกคือด้าน UX ผู้ใช้ที่เข้ามาจากการค้นหาแบบตรงเข้าหน้าลึก ๆ ของเว็บ สามารถเห็นบริบทและย้อนกลับไปหมวดหมู่ที่เกี่ยวข้องได้ทันทีโดยไม่ต้องกดปุ่มย้อนกลับของเบราว์เซอร์ ประโยชน์ที่สองคือช่วย Google เข้าใจโครงสร้างลำดับชั้นของเว็บ ว่าหน้านี้อยู่ภายใต้หมวดหมู่ไหน ซึ่งเสริมกับสัญญาณจากลิงก์ภายในที่มีอยู่แล้ว
ประโยชน์ที่สามคือโอกาสปรากฏเป็น rich result ในผลการค้นหา ซึ่งทำให้ผลลัพธ์ดูเป็นระบบและน่าเชื่อถือมากกว่าการโชว์ URL ดิบยาว ๆ อ่านเพิ่มเติมเรื่องรูปแบบผลการค้นหาลักษณะนี้ได้ที่ SERP Features คืออะไร
สิ่งที่ต้องเข้าใจให้ชัดคือ breadcrumb ไม่ได้ทำให้อันดับดีขึ้นโดยตรงในตัวมันเอง แต่ทำหน้าที่เป็นสัญญาณเสริมที่ช่วยให้ Google เข้าใจโครงสร้างเว็บได้ชัดขึ้น และเมื่อรวมกับปัจจัยอื่น เช่น internal link ที่วางไว้ดี ก็ยิ่งทำให้ Google เห็นภาพรวมของเว็บทั้งระบบได้ง่ายขึ้น
BreadcrumbList Schema คืออะไร
BreadcrumbList คือประเภท structured data ตามมาตรฐาน schema.org ที่ใช้ประกาศลำดับชั้นของ breadcrumb ในรูปแบบที่เครื่องอ่านเข้าใจได้ ระบุแต่ละขั้นของลำดับพร้อมชื่อและ URL ทำให้ Google ทราบโครงสร้างที่แน่นอน แทนที่จะต้องเดาจากการแสดงผลบนหน้าเว็บเพียงอย่างเดียว การใส่ schema ที่ถูกต้องไม่ได้การันตีว่าจะได้แสดงเป็น rich result เสมอไป แต่เป็นเงื่อนไขจำเป็นที่ต้องมี
| ฟิลด์ | ความหมาย |
|---|---|
| @type: BreadcrumbList | ประกาศว่าก้อนข้อมูลนี้เป็นชุด breadcrumb |
| itemListElement | รายการแต่ละขั้นของ breadcrumb เรียงตามลำดับ |
| position | ลำดับที่ของแต่ละขั้น เริ่มนับจาก 1 |
| name | ชื่อที่แสดงของแต่ละขั้น เช่น หน้าแรก หรือ ชื่อหมวดหมู่ |
| item | URL เต็มของแต่ละขั้น ยกเว้นขั้นสุดท้ายที่บางกรณีไม่ต้องระบุ |
แยกให้ออกระหว่างแถบนำทางกับ schema
แถบ breadcrumb ที่เห็นบนหน้าเว็บกับ BreadcrumbList schema เป็นคนละส่วนกัน หน้าเว็บอาจมีแถบนำทางให้ผู้ใช้เห็นแต่ไม่มี schema ประกาศไว้เลย ซึ่งจะไม่มีสิทธิ์ปรากฏเป็น rich result ใน Google แม้ผู้ใช้จะเห็นแถบนำทางได้ปกติก็ตาม อ่านรายละเอียดการใส่ schema เพิ่มเติมได้ที่ FAQ และ Breadcrumb Schema
วิธีวาง Breadcrumb ให้ถูกต้อง
ขั้นตอนติดตั้ง Breadcrumb และ Schema ให้ครบ
- 1
จัดโครงสร้างเว็บให้ชัดเจนก่อน
วางลำดับชั้นของเว็บให้ชัดตั้งแต่ต้น เช่น หน้าแรก หมวดหมู่หลัก หมวดหมู่ย่อย หน้าเนื้อหา ก่อนจะคิดเรื่อง breadcrumb เพราะ breadcrumb ต้องสะท้อนโครงสร้างจริง ไม่ใช่สร้างขึ้นมาลอย ๆ โดยไม่อิงกับผังเว็บ
- 2
วางแถบ breadcrumb ในตำแหน่งที่เห็นง่าย
ส่วนใหญ่วางไว้เหนือหัวข้อหลักของหน้า (H1) เพื่อให้ผู้ใช้เห็นทันทีที่เข้าหน้า และควรใช้ตัวคั่นที่อ่านง่าย เช่น เครื่องหมาย › หรือ /
- 3
ใส่ BreadcrumbList schema ให้ตรงกับที่แสดงจริง
ประกาศ schema ให้มีจำนวนขั้นและชื่อตรงกับแถบที่แสดงบนหน้าเว็บ ไม่ใช่คนละชุดกัน เพราะ Google อาจไม่นำ schema ที่ไม่ตรงกับสิ่งที่ผู้ใช้เห็นไปแสดงผล
- 4
ตรวจสอบด้วยเครื่องมือทดสอบ structured data
ก่อนเผยแพร่ ใช้เครื่องมือทดสอบ rich result ของ Google เพื่อยืนยันว่ารูปแบบ schema ถูกต้องตามมาตรฐาน ไม่มี error หรือ warning ที่กระทบการแสดงผล
- 5
ตรวจซ้ำหลังเปลี่ยนโครงสร้างเว็บ
ทุกครั้งที่ปรับผังหมวดหมู่ ย้ายหน้า หรือเปลี่ยนชื่อหมวด ให้กลับมาตรวจว่า breadcrumb และ schema ยังตรงกับโครงสร้างใหม่หรือไม่
วิธีตรวจสอบว่า Breadcrumb Schema ทำถูกแล้ว
หลังติดตั้งเสร็จ อย่าเพิ่งเชื่อว่าถูกต้องจนกว่าจะตรวจสอบจริง วิธีที่ทำได้เองโดยไม่ต้องพึ่งทีมพัฒนาตลอดเวลามีดังนี้
- 1เปิดเครื่องมือทดสอบ Rich Results ของ Google แล้ววาง URL ของหน้าที่ต้องการตรวจสอบ
- 2ดูว่าระบบตรวจพบ BreadcrumbList schema หรือไม่ ถ้าไม่พบ แสดงว่ายังไม่ได้ติดตั้งหรือใส่ผิดตำแหน่งในโค้ด
- 3ตรวจว่าลำดับและชื่อที่ปรากฏในผลตรวจสอบตรงกับแถบ breadcrumb ที่แสดงจริงบนหน้าเว็บหรือไม่
- 4ถ้ามี error หรือ warning ให้ดูรายละเอียดที่ระบบแจ้ง ส่วนใหญ่มักเป็นฟิลด์ที่ขาดหรือ URL ที่ไม่ครบ
- 5หลังแก้ไข ให้ทดสอบซ้ำอีกครั้งจนกว่าจะไม่มี error เหลือ ก่อนถือว่าเสร็จสมบูรณ์
ผ่านการทดสอบ ไม่ได้แปลว่า Google จะแสดงผลทันที
แม้เครื่องมือทดสอบจะยืนยันว่า schema ถูกต้องตามมาตรฐาน แต่การจะได้แสดงเป็น rich result จริงในหน้าค้นหายังขึ้นอยู่กับดุลยพินิจของ Google และอาจใช้เวลาหลังจากหน้านั้นถูกเก็บดัชนีใหม่อีกครั้ง
ตัวอย่าง Breadcrumb ในสถานการณ์จริง (สมมติ)
เพื่อให้เห็นภาพชัดขึ้น ลองสมมติเว็บร้านขายรองเท้าออนไลน์ชื่อ ร้านตัวอย่าง ที่มีโครงสร้างหมวดหมู่ หน้าแรก › รองเท้าผู้ชาย › รองเท้าวิ่ง › รุ่น A หน้าสินค้ารุ่น A จะแสดงแถบ breadcrumb ตามลำดับนี้ พร้อมใส่ schema ที่มี 4 ขั้นตรงกัน เมื่อผู้ใช้ค้นหาชื่อรุ่น A ใน Google และเว็บนี้ติดอันดับ ผลการค้นหาอาจแสดงแถบ ร้านตัวอย่าง › รองเท้าผู้ชาย › รองเท้าวิ่ง แทนที่จะโชว์ URL เต็มที่มักจะยาวและอ่านยาก
ตัวอย่างนี้เป็นการจำลองเพื่ออธิบายหลักการเท่านั้น ผลลัพธ์จริงในแต่ละเว็บขึ้นอยู่กับหลายปัจจัย เช่น ความถูกต้องของ schema คุณภาพเนื้อหาของหน้านั้น และดุลยพินิจของ Google ในขณะนั้น สิ่งที่เจ้าของเว็บควบคุมได้เต็มที่คือการทำให้ schema ถูกต้องและตรงกับสิ่งที่แสดงจริง ส่วนที่ควบคุมไม่ได้คือ Google จะเลือกแสดงแบบไหนในผลการค้นหาแต่ละครั้ง
ข้อผิดพลาดที่เจอบ่อย
- มีแถบ breadcrumb บนหน้าเว็บ แต่ไม่ได้ใส่ schema จึงไม่มีสิทธิ์ปรากฏใน rich result
- schema ที่ใส่ไว้ไม่ตรงกับลำดับชั้นจริงที่แสดงบนหน้า ทำให้ Google อาจเลือกไม่ใช้ schema นั้น
- ใช้ breadcrumb ที่มีขั้นตอนมากเกินไป จนแถบยาวเกินความจำเป็นและไม่ช่วยผู้ใช้จริง
- ลืมอัปเดต breadcrumb เมื่อมีการเปลี่ยนโครงสร้างหมวดหมู่ของเว็บ ทำให้ breadcrumb ชี้ไปหมวดที่ไม่มีอยู่แล้ว
- ใช้ path-based breadcrumb ที่เปลี่ยนไปตามการคลิกของแต่ละคน ทำให้ schema ไม่คงที่และสร้างความสับสนให้ Google
- ลืมใส่ URL (item) ให้ครบทุกขั้น หรือใส่ URL ที่พิมพ์ผิดจนลิงก์ไม่ทำงาน
เช็กลิสต์สรุปก่อนเผยแพร่
- โครงสร้างเว็บมีลำดับชั้นชัดเจนก่อนออกแบบ breadcrumb แล้ว
- แถบ breadcrumb แสดงบนหน้าเว็บในตำแหน่งที่เห็นง่าย
- ใส่ BreadcrumbList schema ครบทุกขั้น และตรงกับแถบที่แสดงจริง
- ทดสอบด้วยเครื่องมือ Rich Results ของ Google แล้วไม่มี error
- ตรวจสอบซ้ำทุกครั้งที่ปรับโครงสร้างหมวดหมู่ของเว็บ
คำถามที่พบบ่อย
ใส่ Breadcrumb Schema แล้วจะได้แสดงใน Google เสมอไปไหม+
ไม่แน่นอน การใส่ schema เป็นเงื่อนไขจำเป็นแต่ไม่ใช่เงื่อนไขเพียงพอ Google ยังตัดสินใจเองว่าจะแสดงเป็น rich result หรือไม่ตามดุลยพินิจของระบบ
Breadcrumb จำเป็นสำหรับเว็บทุกประเภทไหม+
มีประโยชน์มากที่สุดกับเว็บที่มีโครงสร้างหลายชั้น เช่น เว็บอีคอมเมิร์ซหรือเว็บที่มีหมวดหมู่เนื้อหาจำนวนมาก เว็บที่มีหน้าน้อยและโครงสร้างแบนราบอาจไม่จำเป็นต้องมี
Breadcrumb กับ Internal Link เกี่ยวข้องกันอย่างไร+
Breadcrumb คือลิงก์ภายในรูปแบบหนึ่งที่เจาะจงแสดงลำดับชั้น ในขณะที่ internal link ทั่วไปครอบคลุมการเชื่อมโยงทุกรูปแบบระหว่างหน้า ทั้งสองทำงานร่วมกันเพื่อให้ Google เข้าใจโครงสร้างเว็บ
ต้องมีกี่ขั้นใน Breadcrumb ถึงจะเหมาะสม+
ไม่มีจำนวนตายตัว ควรสะท้อนลำดับชั้นจริงของเว็บ ปกติมักอยู่ที่ 2-4 ขั้น ยาวเกินไปจะทำให้แถบนำทางรกและไม่ช่วยผู้ใช้ตัดสินใจ
ทำ Breadcrumb เองได้ไหม หรือต้องจ้างทีมพัฒนา+
ขึ้นอยู่กับระบบเว็บที่ใช้ เว็บที่สร้างจาก CMS สำเร็จรูปบางแพลตฟอร์มอาจมีปลั๊กอินหรือฟีเจอร์ช่วยสร้าง breadcrumb และ schema ให้อัตโนมัติ ส่วนเว็บที่พัฒนาเองมักต้องให้ทีมพัฒนาเป็นคนใส่โค้ดให้ตรงตามมาตรฐาน
สรุป
Breadcrumb ที่ดีต้องมีทั้งแถบนำทางบนหน้าเว็บและ schema ที่ตรงกัน สะท้อนโครงสร้างเว็บจริง ไม่ใช่แค่ตกแต่งให้ดูเป็นระบบ เริ่มจากวางโครงสร้างเว็บให้ชัด ก่อนค่อยประกาศ schema ให้ตรง แล้วตรวจสอบซ้ำด้วยเครื่องมือทดสอบก่อนเผยแพร่ทุกครั้ง ดูหัวข้อ on-page อื่นเพิ่มเติมได้ที่ /on-page-seo
เริ่มจัดโครงสร้างเว็บให้เป็นระบบตั้งแต่วางแผน
NOAH ช่วยวางแผนคอนเทนต์ทั้งคลัสเตอร์และตรวจสถานะ index ของหน้าเว็บที่เชื่อมไว้
สร้างบัญชี