เบรดครัมบ์และเคล็ดลับเล็กน้อยเกี่ยวกับวิธีการแสดงในหน้าเว็บของคุณ
เผยแพร่แล้ว: 2019-10-04คำเช่น breadcrumbs มีส่วนเกี่ยวข้องกับเว็บไซต์และหน้า Landing Page ของคุณอย่างไร แต่คุณเคยได้รับการบอกเล่านิทาน Hensel และ Gretel เมื่อคุณยังเป็นเด็กหรือไม่? คุณจำได้ไหมว่าพวกเขาใช้เบรดครัมบ์เพื่อทำเครื่องหมายเส้นทางที่พวกเขาเดินไปเพื่อที่พวกเขาจะได้หาทางกลับบ้านได้อย่างไร หากคุณเคยได้ยินเกี่ยวกับเรื่องนี้ คุณจะเข้าใจได้ง่ายขึ้นว่าเบรดครัมบ์ที่เราจะพูดถึงในวันนี้คืออะไร และ เมื่อคุณเรียนรู้ความหมายเบื้องหลังคำศัพท์แล้ว การรวมไว้ในหน้าเว็บของคุณก็ไม่ใช่เรื่องยาก ในฐานะผู้เชี่ยวชาญ WordPress เราอยู่ที่นี่เพื่อแบ่งปันความรู้ของเรา
อย่างแรกเลย - เกล็ดขนมปังคืออะไร?
การนำทางเบรดครัมบ์เป็นวิธีที่มีประโยชน์สำหรับผู้เยี่ยมชมเว็บไซต์ของคุณในการแสดงภาพตำแหน่งของพวกเขาบนเว็บไซต์ของคุณ และทำให้พวกเขาค้นหาหน้า Landing Page ที่มีผลกระทบสูงได้ง่ายขึ้น ทำให้ผู้อ่านสามารถไปยังส่วนต่างๆ ของเว็บไซต์ของคุณได้ง่ายขึ้น ซึ่งจะเป็นประโยชน์อย่างยิ่งหากเว็บไซต์ของคุณมีโครงสร้างที่ซับซ้อน เมื่อพิจารณาถึงข้อเท็จจริงที่ว่า breadcrumbs ใช้เพียงบรรทัดเดียวในการออกแบบ เป็นที่ชัดเจนว่าการมีส่วนร่วมของพวกเขาในเว็บไซต์ของคุณนั้นยิ่งใหญ่

โดยปกติ แถบการนำทางเบรดครัมบ์จะปรากฏเป็นลิงก์ข้อความในแนวนอน ด้วยเหตุนี้ จึงช่วยให้ผู้ใช้พบคำตอบสำหรับคำถามมากมาย เช่น ตำแหน่งใดในการพิจารณาเว็บไซต์ทั้งหมด วิธีค้นหาส่วนและหน้าต่างๆ และผลิตภัณฑ์/บริการใดที่อาจสนใจสำหรับพวกเขา (โดยเฉพาะอย่างยิ่งหากคุณ มีร้านค้าออนไลน์บนเว็บไซต์ WP ของคุณหรือมีไซต์อีคอมเมิร์ซ)
เพื่อยกตัวอย่างวิธีการทำงาน ลองนึกภาพการพิมพ์ชื่อหนังสือใน Amazon คุณไม่พอใจกับผลลัพธ์ที่ได้รับ แต่แทนที่จะปิดหน้า คุณสามารถไปตามลิงก์ไปยังหนังสืออื่นหรือประเภททั้งหมดที่มีให้ในเบรดครัมบ์ ด้วยวิธีนี้ คุณจะสำรวจรายการที่เกี่ยวข้องได้โดยทำตามคำแนะนำที่ให้ไว้ ในเบรดครัมบ์ การรู้ว่าเบรดครัมบ์คืออะไรไม่เพียงพอ – ไม่ใช่ถ้าคุณไม่รู้สามประเภทที่มีอยู่
เกล็ดขนมปังสามประเภท
- เบรดครัมบ์ตามตำแหน่ง เกล็ดขนมปังเหล่านี้เป็นสิ่งที่พบได้บ่อยที่สุด พวกเขาเรียกอีกอย่างว่าเบรดครัมบ์แบบลำดับชั้น เนื่องจากมีวัตถุประสงค์เพื่อแสดงโครงสร้างของเพจ ตลอดจนช่วยให้ผู้ใช้เข้าใจลำดับชั้นของไซต์ของคุณเพื่อที่พวกเขาจะนำทางได้อย่างง่ายดายยิ่งขึ้น
- เบรดครัมบ์ตามแอตทริบิวต์ เบรดครัมบ์เหล่านี้ทำหน้าที่เป็นตัวเชื่อมระหว่างผลิตภัณฑ์ต่างๆ โดยการอธิบายความสัมพันธ์ของผลิตภัณฑ์ พวกเขาจะแสดงผลตามรายการคุณลักษณะที่บุคคลเลือก สิ่งนี้จะเกิดขึ้นเมื่อคุณใช้ตัวกรองบนเว็บไซต์ เป็นต้น
- เบรดค รัมบ์ตามประวัติ เบรดครัมบ์เหล่านี้ได้รับความนิยมน้อยที่สุด เนื่องจากสามารถเปลี่ยนวัตถุประสงค์และฟังก์ชันได้ด้วยการคลิกปุ่ม 'ย้อนกลับ' จุดประสงค์ของพวกเขาคือเพื่อแสดงเส้นทางที่คุณใช้ตั้งแต่วินาทีที่คุณเปิดเว็บไซต์

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

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

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