วิธีเพิ่มการนำทางเบรดครัมบ์ใน WordPress

เผยแพร่แล้ว: 2021-12-24

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

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

ในบทความนี้ ฉันจะแบ่งปันวิธีการแสดงลิงก์การนำทาง breadcrumb บนเว็บไซต์ WordPress ของคุณ มาดำน้ำกันเถอะ!

การนำทางเบรดครัมบ์คืออะไร

เราทุกคนรู้เรื่องราวของแฮนเซลกับเกรเทลและวิธีที่เด็กๆ วางเส้นทางแห่งเศษขนมปังเพื่อที่พวกเขาจะได้หาทางกลับบ้าน

แนวคิดของการนำทางเบรดครัมบ์ทำงานในลักษณะเดียวกัน

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

เมื่อตั้งค่าอย่างถูกต้อง จะปรากฏบนหน้าเว็บของคุณและในหน้าผลการค้นหาของ Google ด้วย

การค้นหารองเท้าแตะของผู้ชายทำให้คุณสามารถเห็นการนำทางของ breadcrumb ได้อย่างชัดเจน

เหตุใดจึงต้องเพิ่มการนำทางเบรดครัมบ์

คุณเคยเข้าสู่หน้าผลิตภัณฑ์และต้องการดูว่ามีอะไรอยู่ในหมวดหมู่เดียวกันอีกหรือไม่?

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

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

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

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

วิธีเพิ่มการนำทางเบรดครัมบ์ไปยังไซต์ WordPress ของคุณ

ลงไปทำธุรกิจกันเถอะ! คุณได้เรียนรู้ว่า breadcrumbs คืออะไรและเหตุใดจึงสำคัญ

ตอนนี้ โพสต์นี้จะนำเสนอวิธีที่ดีที่สุดในการเพิ่ม breadcrumbs เพื่อให้ปรากฏและทำงานอย่างถูกต้องบนไซต์ WordPress ของคุณ

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

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

การค้นหา Yorkshire Pudding จะแสดงแผงผลลัพธ์ โดยที่ schema จะช่วยแสดงรายละเอียดต่างๆ เช่น ส่วนผสมและเวลาทำอาหาร

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

ใช้ปลั๊กอิน SEO WordPress

วิธีที่ง่ายที่สุดในการเพิ่มการนำทางเบรดครัมบ์คือการใช้ปลั๊กอิน AIOSEO

All in One SEO หรือปลั๊กอิน AIOSEO เป็นหนึ่งในปลั๊กอิน WordPress ที่ดีที่สุดในการเพิ่ม SEO ของเว็บไซต์ของคุณ ประกอบด้วย breadcrumbs เป็นคุณลักษณะที่จะช่วยให้คุณใช้งานเว็บไซต์ของคุณได้ง่าย

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

เมื่อคุณเปิดใช้งานแล้ว ให้ทำตามวิซาร์ดการตั้งค่าเริ่มต้นของปลั๊กอิน จากนั้นคุณต้องไปที่หน้า การตั้งค่าทั่วไป จากปลั๊กอิน All in One SEO บนแดชบอร์ดของคุณ

ตอนนี้คุณอยู่ที่หน้าการตั้งค่าทั่วไปแล้ว คลิกไปที่แท็บเบรดครัมบ์

เมื่อคุณเพิ่ม AIOSEO เป็นครั้งแรกและดำเนินการตั้งค่า ปลั๊กอินจะเพิ่มสคีมาเบรดครัมบ์ลงในโค้ดไซต์ของคุณโดยอัตโนมัติ

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

มีสี่วิธีในการแสดงการนำทางด้วยเบรดครัมบ์บนไซต์ WordPress ของคุณ

พวกเขาคือ:

  1. เพิ่มการนำทางเบรดครัมบ์ด้วยรหัสย่อ
  2. การใช้บล็อกกูเทนแบร์ก
  3. การเพิ่มวิดเจ็ต
  4. การเพิ่มรหัสการนำทางเบรดครัมบ์

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

สี่วิธีในการเพิ่มเบรดครัมบ์ลงในไซต์ของคุณ

1. ใช้รหัสย่อเพื่อเพิ่มการนำทางเบรดครัมบ์

หากคุณต้องการเพิ่มการนำทางด้วยเบรดครัมบ์ด้วยรหัสสั้นบนเพจหรือโพสต์ของคุณ สิ่งที่คุณต้องทำคือเพิ่มโค้ดต่อไปนี้บนเพจ

 [aioseo_breadcrumbs]

โค้ดชิ้นเล็กๆ นี้จะแปลงเป็นบล็อกชอร์ตโค้ดโดยอัตโนมัติ

บันทึกและดูตัวอย่างโพสต์ของคุณเพื่อดูว่ามีลักษณะอย่างไร รูปภาพด้านล่างแสดงวิธีแสดงรหัสย่อของเบรดครัมบ์ที่ส่วนหน้าของไซต์ WordPress

2. เพิ่มการนำทางเบรดครัมบ์ด้วยบล็อก Gutenberg

ปลั๊กอิน AIOSEO ทำให้คุณสามารถแทรกบล็อก Gutenberg และเพิ่มลิงก์เบรดครัมบ์ได้อย่างง่ายดาย

สร้างโพสต์หรือหน้าใหม่และคลิกที่ปุ่มเพื่อเพิ่มบล็อก ค้นหา AIOSEO – Breadcrumbs และคลิกที่มัน การนำทางเบรดครัมบ์ของคุณจะปรากฏบนหน้าของคุณ เป็นแบบนั้น!

3. แทรกการนำทางเบรดครัมบ์โดยใช้วิดเจ็ต

คุณต้องการแสดงเบรดครัมบ์โดยอัตโนมัติสำหรับโพสต์หรือหน้าทั้งหมดของคุณหรือไม่?

ในการดำเนินการนี้ ให้ใช้ตัวเลือกวิดเจ็ต สิ่งที่คุณต้องทำคือไปที่ Appearance » Widgets บนแดชบอร์ดของคุณ จากนั้นเพิ่มวิดเจ็ต 'AIOSEO – Breadcrumbs' ลงในแถบด้านข้าง

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

4. เพิ่มการนำทางเบรดครัมบ์ด้วยรหัส

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

หากคุณมีประสบการณ์ในการจัดการ WordPress และการเข้ารหัส คุณสามารถลองใช้ตัวเลือกนี้

ขั้นแรก ตัดสินใจว่าคุณต้องการให้ลิงก์เบรดครัมบ์ของคุณปรากฏที่ใด คุณจะต้องเพิ่มโค้ดลงในไฟล์เทมเพลตของธีม WordPress

ดังนั้น คุณจะต้องเลือกไฟล์เทมเพลตที่เหมาะสมเพื่อแทรกโค้ดตามตำแหน่งที่คุณต้องการวางการนำทางเบรดครัมบ์

เอกสาร สรุปนี้จะช่วยให้คุณทราบว่าไฟล์ใดที่จะแก้ไขในธีม WordPress ของคุณ

ถัดไป แก้ไขไฟล์ธีมของคุณโดยใช้ไคลเอนต์ FTP เพิ่มโค้ดนี้ไปยังตำแหน่งที่คุณต้องการให้ลิงก์การนำทางเบรดครัมบ์แสดง

 <?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

อย่าลืมบันทึกการเปลี่ยนแปลงและกลับไปที่เว็บไซต์ของคุณเพื่อดูว่าหน้าตาเป็นอย่างไร

บทสรุป

นั่นคือทั้งหมดที่คุณต้องใช้เพื่อค้นหาวิธีที่ดีที่สุดในการเพิ่มการนำทางด้วยเบรดครัมบ์ไปยังไซต์ WordPress ของคุณ

ด้วย AIOSEO คุณมีตัวเลือกที่ไม่เพียงเพิ่มเบรดครัมบ์ได้ฟรีและในหลายวิธี แต่ยังดำเนินการงานด้านเทคนิค SEO อื่นๆ ด้วย

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

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