วิธีเพิ่ม Breadcrumbs ใน WordPress ช่วยนำทางและจัดโครงสร้างเว็บ

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

วิธีเพิ่ม Breadcrumbs ใน WordPress มีหลายแบบ เช่น ใช้ฟังก์ชันที่มากับธีม บล็อก Breadcrumbs หรือปลั๊กอิน SEO และปลั๊กอินเฉพาะทาง ควรเลือกวิธีเดียวที่เหมาะกับเว็บไซต์ แล้วตรวจว่าแสดงเส้นทางถูกต้องและไม่ซ้ำกัน

❶ เตรียมโครงสร้างเว็บไซต์ก่อนเพิ่ม Breadcrumbs

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

① จัดลำดับหน้าที่มีหน้าหลักและหน้าย่อย

สำหรับหน้า WordPress สามารถกำหนดหน้าหลักและหน้าแม่ได้ เช่น หน้า “บริการ” เป็นหน้าหลักของหน้า “ออกแบบเว็บไซต์” และหน้า “ดูแลเว็บไซต์”

② จัดหมวดหมู่บทความให้เหมาะสม

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

❷ เลือกวิธีเพิ่ม Breadcrumbs

ก่อนติดตั้งปลั๊กอิน ให้ตรวจตัวเลือกในธีมและเครื่องมือที่ใช้อยู่ เพราะบางธีมมี Breadcrumbs ให้เปิดใช้แล้ว

① ใช้ฟังก์ชันที่มากับธีม

เปิดการตั้งค่าธีมหรือเครื่องมือปรับแต่ง แล้วค้นหาตัวเลือก Breadcrumbs หรือเส้นทางนำทาง หากมี ให้เลือกตำแหน่งแสดง เช่น เหนือชื่อบทความหรือใต้ส่วนหัวเว็บไซต์ แล้วบันทึกการตั้งค่า

② ใช้บล็อก Breadcrumbs

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

③ ใช้ปลั๊กอิน SEO หรือปลั๊กอิน Breadcrumbs

หากธีมไม่มีตัวเลือกที่ต้องการ ให้ตรวจว่าปลั๊กอิน SEO ที่ติดตั้งอยู่มีฟังก์ชัน Breadcrumbs หรือไม่ หากมี ให้เปิดใช้และทำตามคำแนะนำของปลั๊กอิน หากเลือกปลั๊กอินเฉพาะทาง ให้ตรวจความเข้ากันได้ การอัปเดต และวิธีแสดงผลก่อนติดตั้ง

❸ ตั้งค่าและวาง Breadcrumbs ให้เหมาะสม

หลังเลือกวิธีแล้ว ให้กำหนดข้อความและตำแหน่งให้ผู้เข้าชมมองเห็นได้ง่ายโดยไม่รบกวนเนื้อหาหลัก

① กำหนดข้อความหน้าแรกและตัวคั่น

เลือกข้อความหน้าแรกที่เข้าใจง่าย เช่น “หน้าแรก” และใช้ตัวคั่นที่อ่านออก เช่น เครื่องหมายทับหรือสัญลักษณ์ลูกศร รักษารูปแบบให้เหมือนกันทั่วเว็บไซต์

② วางไว้ใกล้ส่วนต้นของเนื้อหา

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

③ ตรวจเส้นทางของแต่ละประเภทเนื้อหา

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

❹ ตรวจ Breadcrumbs ซ้ำและข้อมูลที่ส่งให้เครื่องมือค้นหา

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

① ตรวจหน้าเว็บในฐานะผู้เข้าชม

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

② ตรวจข้อมูล Structured Data เมื่อปลั๊กอินสร้างให้

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

❺ ปัญหาที่พบบ่อยและวิธีแก้

① Breadcrumbs แสดงหมวดหมู่ผิด

ตรวจหมวดหมู่ของบทความและการตั้งค่าของธีมหรือปลั๊กอิน หากบทความอยู่หลายหมวดหมู่ ให้กำหนดหมวดหลักตามตัวเลือกที่ระบบมี

② เส้นทางแสดงซ้ำสองชุด

ตรวจการตั้งค่าธีม ปลั๊กอิน SEO และปลั๊กอิน Breadcrumbs ว่ามีมากกว่าหนึ่งระบบเปิดใช้งานหรือไม่ ปิดระบบที่ซ้ำ แล้วล้างแคชก่อนตรวจหน้าเว็บอีกครั้ง

③ ไม่เห็น Breadcrumbs หลังบันทึก

ตรวจว่าแก้ไขเทมเพลตหรือหน้าที่ถูกต้อง และธีมรองรับบล็อกหรือฟังก์ชันที่เลือกหรือไม่ หากใช้แคช ให้ล้างแคชของเว็บไซต์และเบราว์เซอร์แล้วโหลดหน้าใหม่

❻ สรุป

การเพิ่ม Breadcrumbs ใน WordPress เริ่มจากจัดโครงสร้างหน้าและหมวดหมู่ แล้วเลือกใช้ฟังก์ชันของธีม บล็อก Breadcrumbs หรือปลั๊กอิน ตรวจเส้นทางในหน้าประเภทต่าง ๆ และป้องกันการแสดงซ้ำจากหลายระบบ

สำหรับเว็บไซต์ ComSiam ควรวาง Breadcrumbs ไว้ใกล้ส่วนต้นของเนื้อหา และตรวจลิงก์กับลำดับหน้าเป็นระยะ เพื่อให้ผู้เข้าชมย้อนดูหมวดหมู่หรือหน้าหลักได้สะดวก