วิธีเพิ่มเบรดครัมบ์ลงในเว็บไซต์ WordPress

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

วิธีเพิ่มเบรดครัมบ์ลงในเว็บไซต์ WordPress

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

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

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

1. ติดตั้งและเปิดใช้งานปลั๊กอิน Yoast สำหรับ SEO ของคุณ:

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

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

ตรวจสอบที่นี่วิธีการติดตั้งปลั๊กอิน Yoast SEO

2. เปิดใช้งานเบรดครัมบ์ในการตั้งค่า Yoast SEO:

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

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

3. หยิบรหัส:

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

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

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

นี่คือรหัสที่คุณจะป้อนลงในไฟล์ธีม WordPress เพื่อแสดงเบรดครัมบ์สำหรับผู้ใช้ของคุณ

4. ที่ตั้ง:

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

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

5. วางโค้ดในไฟล์ธีม:

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

ไปที่แบ็กเอนด์ ใช้ FTP ของคุณและค้นหา wp-content/themes (ธีมที่คุณเลือก) ตอนนี้เปิด header.php เพื่อให้คุณสามารถแก้ไขได้ แต่โปรดระมัดระวังเมื่อคุณทำเพื่อที่คุณจะได้ไม่ทำลายสิ่งใด

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

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


ถ้า ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('
<p>','</p>
');
}

ตอนนี้ไปที่ไดเร็กทอรีรากของไซต์ WordPress ของคุณและค้นหาโฟลเดอร์ wp-content ตรวจสอบไฟล์ footer.php ตอนนี้ ดาวน์โหลดไฟล์ที่เป็นปัญหาและบันทึกลงในคอมพิวเตอร์ของคุณ ตอนนี้ เปิดไฟล์ด้วยความช่วยเหลือของโปรแกรมแก้ไขข้อความ และแก้ไขเพื่อรวมรหัส


ถ้า ( function_exists(&#039;yoast_breadcrumb&#039;) ) {
yoast_breadcrumb(&#039;
<p>','</p>
');
}

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

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

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

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

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

แต่ยังมีอีกหนึ่งปัญหาที่คุณต้องจัดการ ในขณะที่วิดเจ็ตข้อความขั้นสูงสามารถแยกวิเคราะห์ PHP ได้ แต่มันไม่รู้จัก php ด้วยตัวเอง ดังนั้นคุณจะต้องเพิ่มในตอนท้าย

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

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

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

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

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

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

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

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