วิธีทำ Breadcrumb SEO สำหรับร้านค้าออนไลน์

Breadcrumb SEO คือการปรับปรุงเส้นทางแสดงตำแหน่งหน้าเว็บแบบลำดับชั้นบนร้านค้าออนไลน์ เช่น “หน้าแรก > หมวดหมู่ > สินค้า” ให้เข้าใจง่ายทั้งผู้ใช้และ Google โดยเพิ่มโครงสร้างข้อมูล BreadcrumbList และจัดลิงก์ภายในให้ตรงกับหมวดหมู่จริงของร้าน

• BreadcrumbList schema เป็น structured data ที่ Google รองรับและนำไปแสดงผลเป็น Breadcrumb ในหน้าผลการค้นหา
• เวลาใส่ BreadcrumbList ควรใส่เพียงหนึ่งชุดต่อหน้า และชื่อกับ URL ต้องตรงกับ breadcrumb ที่ผู้ใช้เห็นจริง

สำหรับข้อมูลเพิ่มเติม ดูหน้า Crawza ของเรา

Breadcrumb SEO คืออะไร และช่วยร้านค้าออนไลน์อย่างไร

Breadcrumb SEO คือการแสดงลำดับชั้นตำแหน่งหน้าปัจจุบันด้วยลิงก์ข้อความและมาร์กอัป BreadcrumbList เพื่อช่วยให้ Google และผู้ใช้เข้าใจโครงสร้างร้านค้าออนไลน์ได้ชัดเจนขึ้น

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

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

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

โครงสร้าง Breadcrumb ที่ถูกต้องสำหรับร้านค้าออนไลน์

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

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

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

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

วิธีเพิ่ม BreadcrumbList Schema ลงในเว็บร้านค้า

วิธีเพิ่ม Breadcrumb Schema ลงในร้านค้าออนไลน์คือการวางสคริปต์ JSON-LD ที่มี @type BreadcrumbList และรายการ itemListElement ตามลำดับเส้นทางจริงของหน้า

Google รองรับมาร์กอัป BreadcrumbList ในรูปแบบ JSON-LD โดยไม่ต้องแก้ไฟล์ .htaccess หรือเว็บเซิร์ฟเวอร์ เพียงเพิ่มบล็อกสคริปต์ไว้ในส่วน head หรือท้ายหน้าของเพจที่ต้องการ

โค้ดตัวอย่างสำหรับสินค้าหนึ่งชิ้นมีลักษณะดังนี้

{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "หน้าแรก", "item": "https://www.example.com/" }, { "@type": "ListItem", "position": 2, "name": "เครื่องครัว", "item": "https://www.example.com/kitchen/" }, { "@type": "ListItem", "position": 3, "name": "กระทะเทฟลอน", "item": "https://www.example.com/product/pan/" }] }

เมื่อเพิ่มโค้ดแล้ว ควรตรวจสอบด้วยเครื่องมือ Rich Results Test ของ Google ถ้าตรวจพบว่า URL ใน schema กับลิงก์จริงไม่ตรงกัน ให้แก้ทันที เพราะข้อมูลที่ไม่ตรงกันอาจทำให้ Google ไม่แสดง Breadcrumb ในผลการค้นหา

วิธีทำ Breadcrumb บน WooCommerce และ Shopify

ร้านค้าออนไลน์บน WooCommerce และ Shopify สามารถเปิดใช้ Breadcrumb จากปลั๊กอินหรือธีม แล้วเพิ่ม BreadcrumbList schema ในส่วนท้ายของแต่ละหน้าเพื่อให้ Google อ่านค่าได้

WooCommerce ติดตั้งปลั๊กอิน SEO เช่น Yoast SEO หรือ Rank Math จากนั้นเปิด Breadcrumbs ในหน้าตั้งค่า และวางรหัสย่อหรือฟังก์ชัน breadcrumb ลงในธีม ส่วน Shopify หลายธีมมี Breadcrumb ให้เปิดใช้ใน Theme settings แต่ไม่ใช่ว่าทุกร้านจะมี BreadcrumbList schema ตามมา ต้องตรวจสอบในซอร์สโค้ดหรือใช้รายงาน Structured Data ใน Google Search Console

ถ้าธีม Shopify ไม่มี breadcrumb ให้เพิ่ม snippet ที่ใช้แสดงลิงก์บน theme.liquid หรือไฟล์ section โดยเปิดใช้เฉพาะหน้าหมวดหมู่และหน้าสินค้า ไม่ควรซ่อน breadcrumb ด้วย CSS หรือวางไว้ในตำแหน่งที่ผู้ใช้มองไม่เห็น เพราะข้อมูลที่ซ่อนไว้อาจขัดกับหลักเกณฑ์ structured data ของ Google

ร้านที่ใช้แพลตฟอร์มอื่น เช่น Wix, Squarespace หรือเว็บที่เขียนเอง ควรเปิดใช้ฟีเจอร์ breadcrumb ของแพลตฟอร์มก่อน ถ้าไม่มีให้เพิ่ม BreadcrumbList schema ผ่านแอปหรือเครื่องมือจัดการสคริปต์ และต้องไม่วาง schema ซ้ำกับปลั๊กอินตัวอื่น

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

ข้อผิดพลาดที่พบบ่อยและวิธีแก้ Breadcrumb SEO

ข้อผิดพลาดที่พบบ่อยในการทำ Breadcrumb SEO คือการไม่ใส่ schema การใส่เส้นทางไม่ตรงกับหมวดหมู่จริง และการเปิดใช้ breadcrumb ซ้ำกันหลายตำแหน่งจนทำให้ Google สับสน

หลายร้านทำ Breadcrumb ผิดโดยไม่ได้ใส่ BreadcrumbList schema หรือใส่เส้นทางที่ไม่ตรงกับหมวดหมู่จริง ทำให้ Google อ่านลำดับชั้นผิด ปัญหาที่พบบ่อยมีดังนี้

• ใส่ BreadcrumbList ในหน้าแรกหรือหน้าแคมเปญโดยไม่มีลำดับชั้นจริง
• ใช้ breadcrumb ซ่อนไว้ด้วย CSS เพื่อหวังผล SEO ข้อมูลที่ผู้ใช้มองไม่เห็นอาจขัดกับแนวทางของ Google
• สร้าง breadcrumb จากคำค้นหาแทนชื่อหมวดหมู่จริง เช่น เขียน ซื้อของราคาถูก ทั้งที่หมวดหมู่คือ โปรโมชัน
• ไม่ตรวจสอบ breadcrumb บนมือถือ ทำให้ลิงก์เล็กเกินไปหรือกินพื้นที่หน้าจอ
• วาง breadcrumb หลายชุดบนหน้าเดียวกัน ทั้งจากธีม ปลั๊กอิน และโค้ดที่เขียนเอง

แนวทางแก้คือเลือก breadcrumb ชุดเดียวและลบชุดอื่นออกจากฟังก์ชันธีมหรือปลั๊กอิน ให้ URL ใน schema ตรงกับ URL จริง และใช้ breadcrumb ที่สะท้อนโครงสร้างของหมวดหมู่บนร้าน

ตัวอย่าง Breadcrumb SEO ที่ดีบนหน้าร้านค้าออนไลน์

ตัวอย่าง Breadcrumb SEO ที่ดีคือหน้าแรก > ของใช้ในบ้าน > เครื่องครัว > กระทะเทฟลอน โดยมี BreadcrumbList schema กำกับและทุกลิงก์คลิกไปยังหมวดหมู่นั้นจริง

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

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

หลังเผยแพร่ ควรตรวจสอบ Breadcrumb บนหน้าสินค้าที่มียอดเข้าชมสูงสุด ใช้ Google Search Console ดูสถานะ Breadcrumbs และใช้เครื่องมือ Crawzaตรวจสอบโครงสร้างเว็บเป็นประจำ วิธีนี้ช่วยให้เห็นปัญหาลิงก์ภายในและปรับ Breadcrumb ให้ตรงกับพฤติกรรมผู้ซื้อ

คุณสามารถสำรวจ หน้าราคา Crawza ได้

ต้องการความช่วยเหลือเกี่ยวกับเรื่องนี้หรือไม่

สำรวจหน้าของเราเพื่อค้นหาสิ่งที่เหมาะกับคุณที่สุด