จะสร้าง Breadcrumbs ใน WordPress สำหรับ SEO ได้อย่างไร?

เผยแพร่แล้ว: 2022-06-06

ต้องการสร้างเบรดครัมบ์ใน WordPress สำหรับ SEO หรือไม่? นี่คือบทความที่คุณกำลังค้นหา

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

นอกจากนี้ เราได้กล่าวถึงวิธีง่ายๆ ในการเปิดใช้งานเบรดครัมบ์บน WordPress ดังนั้นอ่านต่อเพื่อทราบข้อมูลเพิ่มเติม

สารบัญ

Breadcrumbs บน WordPress คืออะไรและเหตุใดจึงสำคัญ

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

หน้าแรก > เกี่ยวกับเรา

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

เบรดครัมบ์ยังปรากฏในผลการค้นหาของ Google นี่คือภาพเพื่อความเข้าใจที่ดีขึ้นของคุณ

ตัวอย่างเกล็ดขนมปัง Zakra

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

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


ประเภทของเกล็ดขนมปัง

เกล็ดขนมปังมีหลายประเภท อย่างไรก็ตาม นี่คือเบรดครัมบ์ประเภทที่พบบ่อยที่สุดที่คุณจะเห็นบนเว็บ

เบรดครัมบ์ตามลำดับชั้น

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

เกล็ดขนมปังตามแอตทริบิวต์

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

สร้างแอตทริบิวต์ Breadcrumbs WordPress Breadcrumbs

เกล็ดขนมปังตามประวัติศาสตร์

เบรดครัมบ์ตามประวัติจะแสดงประวัติของหน้าทั้งหมดที่คุณเคยเยี่ยมชมบนไซต์ breadcrumb trail จะมีลักษณะประมาณนี้ หน้าแรก >> หน้าก่อนหน้า > หน้าก่อนหน้า > หน้าปัจจุบัน


จะเพิ่ม Breadcrumbs บน WordPress ได้อย่างไร? (2 วิธี)

วิธีที่ 1: สร้าง Breadcrumb โดยใช้ WordPress Theme

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

ธีม Zakra สำหรับ WordPress

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

ติดตั้งและเปิดใช้งานโปรแกรมเสริม Zakra และ Zakra Pro

Zakra เป็นธีม WordPress ฟรี คุณสามารถติดตั้งและเปิดใช้งานได้อย่างง่ายดายจากแดชบอร์ด WordPress ของคุณ

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

ติดตั้งโปรแกรมเสริม Zakra Pro

จากเว็บไซต์อย่างเป็นทางการของ Zakra ไปที่หน้าการ กำหนดราคา ตอนนี้เลือกแผนที่คุณต้องการแล้วเลือกปุ่ม ซื้อ เลย

หน้าราคา Zakra

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

ข้อมูลเข้าสู่ระบบ

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

ปุ่มเข้าสู่ระบบ Zakra

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

ดาวน์โหลด Zakra Pro

กลับไปที่แดชบอร์ดและไปที่ Plugin >> Add New ตอนนี้ เลือกตัวเลือก อัปโหลดปลั๊กอิน

อัปโหลดปุ่มปลั๊กอิน

ถัดไป เลือก ไฟล์ซิปของโปรแกรมเสริม Zakra Pro ที่คุณดาวน์โหลดมาก่อนหน้านี้ คลิกที่ปุ่ม ติดตั้ง ทันที สุดท้าย เปิดใช้งาน มัน

อัปโหลด Zakra Pro-min

อย่างไรก็ตาม กระบวนการติดตั้งยังไม่เสร็จสมบูรณ์ เราต้องการรหัสใบอนุญาตเพื่อเปิดใช้งานส่วนเสริม

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

รหัสใบอนุญาต Zakra

นอกจากนี้ Zakra ยังเสนอตัวเลือกในการนำเข้าการสาธิต โปรดอ่านบทความนี้เกี่ยวกับวิธีนำเข้าเนื้อหาสาธิตธีม WordPress เพื่อทราบข้อมูลเพิ่มเติม

เปิดใช้งานตัวเลือกเบรดครัมบ์

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

เพียงเลือก ลักษณะที่ปรากฏ >> ปรับแต่ง จากแถบด้านข้าง

การปรับแต่งการนำทาง

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

การนำทางเนื้อหา

จากนั้นเลือกตัวเลือก ส่วนหัวของหน้า

ส่วนหัวของหน้า

ตอนนี้ หากคุณเลื่อนลงมาเล็กน้อย คุณจะเห็นส่วนเบ รด ครัมบ์

ตัวเลือกเกล็ดขนมปัง

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

  1. เลือกเบรดครัมบ์: คุณสามารถเพิ่มเบรดครัมบ์ เริ่มต้น ที่ Zakra ให้มา หรือคุณสามารถเปิดใช้งานตัวเลือก Yoast
  2. ลิงก์รายการปัจจุบัน : หากคุณต้องการเพิ่มลิงก์ไปยังหน้าปัจจุบันในเบรดครัมบ์ ให้เปิดใช้งานตัวเลือกนี้
  3. ตัว คั่น : มีไอคอนหลายไอคอนในตัวเลือกนี้ คุณสามารถเล่นและเลือกตัวคั่นที่ตรงกับความรู้สึกของไซต์ของคุณได้
  4. ขนาดแบบอักษร : กำหนดขนาดแบบอักษรของเบรดครัมบ์ตามที่คุณเลือก

หมายเหตุ : ตัวเลือก Yoast จะปรากฏขึ้นก็ต่อเมื่อคุณได้ติดตั้งปลั๊กอิน Yoast SEO แล้ว

คลิกที่ปุ่ม เผยแพร่ ในตอนท้าย

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

ปิดการใช้งานเบรดครัมบ์

ในภายหลัง หากคุณต้องการลบตัวเลือกเบรดครัมบ์ออก Zakra ก็เสนอตัวเลือกนั้นเช่นกัน สิ่งที่คุณต้องทำคือปิดตัวเลือก เปิดใช้งานเบรดครัมบ์


วิธีที่ 2: เปิดใช้งานเบรดครัมบ์โดยใช้ Yoast SEO

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

Yoast SEO

ติดตั้งและเปิดใช้งาน Yoast SEO

จากแดชบอร์ด WordPress ให้ไปที่ Plugins >> Add New

คลิกที่เพิ่มปลั๊กอินใหม่

ถัดไป ค้นหา Yoast SEO บนแถบค้นหา เมื่อปรากฏขึ้นให้คลิกที่ปุ่ม ติดตั้ง ทันที สุดท้ายให้กดปุ่ม เปิดใช้งาน

การเปิดใช้งาน Yoast SEO

จากนั้น คุณต้องเพิ่ม ข้อมูลโค้ด ต่อไปนี้ในธีม WordPress ที่ใช้งานอยู่

<?php

ถ้า ( function_exists('yoast_breadcrumb') ) {

yoast_breadcrumb( '<p id=”breadcrumbs”>','</p>' );

}

?>

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

ตัวแก้ไขไฟล์ธีม

ตอนนี้ไปที่ ไฟล์ header.php และเพิ่มโค้ดด้านบนที่ด้านล่าง

ไฟล์ Header.PhP

หรือหากต้องการเพิ่มเบรดครัมบ์ลงในโพสต์บล็อกของคุณ ให้ไปที่ไฟล์เทมเพลต single.php และเพิ่มข้อมูลโค้ดด้านบน

ไฟล์ Single.PHP

จากนั้น ไปที่ SEO >> ลักษณะที่ปรากฏของการค้นหา >> Breadcrumbs จากแดชบอร์ดของคุณ

การนำทางเบรดครัมบ์

ตอนนี้ สลับการ ตั้งค่า เบรดครัมบ์เป็น Enabled แค่นั้นแหละ; คุณเปิดใช้งานเบรดครัมบ์บนไซต์ของคุณสำเร็จแล้ว

เปิดใช้งานตัวเลือก

นอกเหนือจาก Yoast SEO แล้ว ยังมีปลั๊กอินเบรดครัมบ์หลายตัวในตลาด เช่น Breadcrumbs NavXT, Flexy Breadcrumb เป็นต้น


ปิดท้าย!

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

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

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

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