วิธีแสดงลิงก์การนำทางของ BreadCrumb บน WordPress

เผยแพร่แล้ว: 2020-08-07

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

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

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

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

วิธีเพิ่มและแสดงลิงก์การนำทางของ BreadCrumb บน WordPress

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

ปลั๊กอินเบรดครัมบ์ NavXT

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

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

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

กำลังแสดง Breadcrumb NavXT บนเว็บไซต์ของคุณ

ในการแสดงลิงก์การนำทางเบรดครัมบ์ใน WordPress คุณควรไปที่ลักษณะที่ปรากฏและเลือกปรับแต่ง ที่นั่น คุณสามารถเลือกตำแหน่งของเบรดครัมบ์ของคุณได้ในรายการดรอปดาวน์ตำแหน่ง นอกจากนี้ คุณต้องเลือก Breadcrumb NavXT ใน Breadcrumb Source

ปลั๊กอิน Yoast SEO

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

การทำ SEO
Yoast SEO มีประโยชน์มากกว่า

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

  • <?php
  • ถ้า (function_exists ('yoast_breadcrumb')) {
  • yoast_breadcrumb( '<p id=”breadcrumbs”>' , ' </p>' );
  • }
  • ?>
รหัส บางครั้งจำเป็นต้องแสดงลิงก์การนำทางเบรดครัมบ์ใน WordPress
บางครั้งจำเป็นต้องมีโค้ดเพื่อแสดงลิงก์การนำทาง breadcrumb ใน WordPress

วิธีแสดงลิงก์การนำทางเบรดครัมบ์ด้วย YOAST SEO

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

เกล็ดขนมปังแบบยืดหยุ่น

Flexy Breadcrumd เป็นหนึ่งในปลั๊กอินที่คุณสามารถใช้เพื่อเพิ่ม breadcrumbs ใน WordPress เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอิน คุณจะสามารถเพิ่มเบรดครัมบ์ด้วยรหัสย่อ [flexy_breadcrumb] หากคุณไม่คุ้นเคยกับรหัสย่อใน WordPress มีเนื้อหามากมายที่จะช่วยให้คุณเข้าใจรหัสย่อได้ดีขึ้น

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

เกล็ดขนมปัง WooCommerce

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

ติดตั้งและเปิดใช้งานปลั๊กอินแล้วไปที่การตั้งค่าและค้นหา WC Breadcrumbs คุณไม่ควรลืมที่จะ เปิดใช้งาน เบรดครัมบ์ จากนั้น คุณสามารถเลือกหน้าผลิตภัณฑ์ของคุณได้

เริ่มทำงานเพื่อปรับปรุง UX เว็บไซต์ของคุณวันนี้

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