วิธีเพิ่ม breadcrumbs ใน WordPress และทำไมจึงสำคัญ

วิธีเพิ่ม breadcrumbs ใน WordPress

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


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

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

WordPress Breadcrumbs คืออะไร?

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

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

ในความเป็นจริงตัวอย่างของ breadcrumbs สามารถพบได้บน WPExplorer เมื่อคุณคลิกที่แท็บ Themes ในเมนูการนำทางจากนั้นเลือกหมวดหมู่ของธีม.

ตามที่กล่าวไว้เป็นเรื่องปกติที่จะเห็น breadcrumbs ในไซต์อีคอมเมิร์ซเช่นใน Amazon ที่คุณอาจขุดลึกลงไปในหมวดหมู่และประเภทผลิตภัณฑ์ที่ลึกล้ำ.

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

ทำไมจึงสำคัญกับเกล็ดขนมปัง?

บริษัท ส่วนใหญ่เลือกใช้ breadcrumbs ด้วยเหตุผลสองประการ:

  1. Breadcrumbs ช่วยให้ผู้ใช้สำรวจเว็บไซต์ของคุณ.
  2. Breadcrumbs สามารถเพิ่ม SEO ของคุณได้.

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

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

หากบุคคลนั้นต้องการย้อนรอยเมนูการนำทาง (หรือแถบการค้นหา) จะพิสูจน์ว่าไร้ประโยชน์เพราะโดยทั่วไปแล้วจะพาพวกเขากลับไปไกลเกินไป แต่จะง่ายกว่าสำหรับลูกค้าที่จะดูว่าหน้าไหนถูกมองแล้วคลิกที่หน้าที่เหมาะสมที่สุดที่จะกลับไป.

กล่าวโดยย่อแบรนด์ส่วนใหญ่ใช้ breadcrumb เมื่อเนื้อหาล้นเกินกว่าจะลอดผ่านเมนูการนำทาง ดังนั้นหากคุณมีผลิตภัณฑ์หลายพันไฟล์หรือโพสต์ในบล็อก breadcrumbs อาจตอบสนองคุณได้ดี.

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

วิธีเพิ่ม Breadcrumbs ไปยัง WordPress ผ่านธีม

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

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

  • รวม – ชุดรูปแบบอเนกประสงค์ที่มีเกล็ดขนมปัง.
  • ฐานความรู้ – คุณเดามัน ชุดรูปแบบฐานความรู้ WordPress พร้อม breadcrumbs.
  • SmartMag – ชุดรูปแบบนิตยสารออนไลน์ที่มีเกล็ดขนมปัง.
  • Flatsome – ตัวเลือกอีคอมเมิร์ซยอดนิยมที่มีเกล็ดขนมปัง.
  • เจ้าของร้าน – อีกหนึ่งธีมร้านค้าออนไลน์ที่ยอดเยี่ยมพร้อมกับเกล็ดขนมปัง.

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

การเปิดใช้งาน Breadcrumbs บน WordPress ด้วยปลั๊กอิน

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

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

ดังนั้น Yoast จึงใช้ล้อหมุนและทำให้มันง่ายขึ้นสำหรับเราทุกคน นี่คือวิธีการเพิ่ม breadcrumbs ไปยัง WordPress ในเวลาเพียงไม่กี่นาที.

ขั้นตอนที่ 1: เพิ่มปลั๊กอิน Yoast SEO ในเว็บไซต์ของคุณ

ปลั๊กอิน Yoast SEO

หากคุณติดตั้งและเปิดใช้งาน Yoast แล้วให้ข้ามขั้นตอนนี้ สำหรับผู้ที่ไม่มี Yoast ให้ไปที่ หน้าปลั๊กอินเพื่อดาวน์โหลด และติดตั้ง คุณสามารถทำได้บนแดชบอร์ด WordPress ของคุณโดยไปที่ ปลั๊กอิน> เพิ่มใหม่, จากนั้นพิมพ์“ Yoast SEO” ในแถบค้นหา.

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

ขั้นตอนที่ 2: เปิดใช้งานการตั้งค่าขั้นสูง

การตั้งค่า breadcrumb จะไม่ปรากฏใน Yoast ในตอนแรกดังนั้นคุณต้องเริ่มต้นด้วยการคลิกที่แท็บแดชบอร์ด.

เลือกแท็บคุณสมบัติ.

เลื่อนลงเพื่อค้นหาส่วนหัวของหน้าการตั้งค่าขั้นสูง โดยค่าเริ่มต้นสิ่งนี้จะไม่เปิดใช้งานโดย Yoast ดังนั้นคลิกที่ปุ่มเพื่อให้แสดง Enabled.

หลังจากนั้นคุณจะเห็นตัวเลือกเพิ่มเติมเล็กน้อยในแท็บ SEO ไปที่แท็บขั้นสูงเพื่อก้าวไปข้างหน้า.

ตัวเลือก Breadcrumbs เป็นรายการแรกที่แสดงดังนั้นคุณสามารถดูด้านล่างเพื่อเปิดใช้งาน Breadcrumbs.

เมื่อเปิดใช้งานการตั้งค่าอื่น ๆ จะปรากฏขึ้นด้านล่าง ฟิลด์เหล่านี้ส่วนใหญ่เต็มไปด้วยการตั้งค่าเริ่มต้นดังนั้นคุณสามารถปล่อยให้เป็นอย่างที่คุณต้องการ อย่างไรก็ตามคุณอาจต้องการเปลี่ยนวิธีการทำงานของตัวแยกหรืออาจเป็นสิ่งที่ทำให้หน้าสุดท้ายในรายการ breadcrumbs.

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

ขั้นตอนที่ 3: ใส่รหัส Breadcrumbs ในไฟล์ไซต์ของคุณ

breadcrumbs จะไม่ปรากฏขึ้นจนกว่าคุณจะใส่รหัสเล็กน้อยลงในเว็บไซต์ของคุณ เริ่มต้นด้วยการคัดลอกรหัสต่อไปนี้:

''

'); } ?>

คุณควรวางรหัสทุกที่ที่คุณต้องการให้ breadcrumb แสดงขึ้น สถานที่ที่พบบ่อยที่สุด ได้แก่ :

  • ในไฟล์ single.php ของคุณ.
  • ในไฟล์ page.php ของคุณ (เหนือชื่อของหน้า).
  • ในตอนท้ายของไฟล์ header.php.

บันทึก: เราขอแนะนำอย่างยิ่งให้ใช้ธีมลูกของ WordPress สำหรับการเปลี่ยนแปลงใด ๆ กับไฟล์ธีมหลัก วิธีนี้คุณยังคงสามารถติดตั้งการอัปเดตให้กับธีมของคุณ.

บางคนยังพบว่ารหัสย่อต่อไปนี้เป็นวิธีที่ดีที่สุดสำหรับการโพสต์และหน้าแต่ละหน้า:

[wpseo_breadcrumb]

แค่นั้นแหละ!

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

นอกจากนี้คุณยังสามารถแสดงความคิดเห็นในส่วนด้านล่าง – เรายินดีที่จะช่วยเหลือคำถามที่คุณอาจมีเกี่ยวกับวิธีเพิ่ม breadcrumbs ใน WordPress สำหรับผู้อ่านของคุณ.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map