ทำไม Breadcrumbs สำคัญสำหรับ SEO?

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

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

เบรดครัมบ์สามารถส่งผลในเชิงบวกต่อการจัดอันดับ SEO ของคุณและควรรวมอยู่ใน กลยุทธ์การเชื่อมโยงภายใน ของคุณ

เนื้อหา ซ่อน
1 เบรดครัมบ์คืออะไร และไซต์ใดควรใช้
2 ประโยชน์ของเบรดครัมบ์สำหรับผู้ใช้ของคุณ
3 breadcrumbs สามารถปรับปรุงการมองเห็นของคุณใน Google Search ได้หรือไม่
เกล็ดขนมปัง 4 ประเภท
4.1 เบรดครัมบ์ตามลำดับชั้น
4.2 เบรดครัมบ์ตามแอตทริบิวต์หรือไดนามิก
4.3 เบรดครัมบ์ตามประวัติ
4.4 เกล็ดขนมปังมองไปข้างหน้า
5 ข้อผิดพลาดที่พบบ่อยที่สุดในการใช้เบรดครัมบ์
5.1 การแทนที่การนำทางหลักด้วย breadcrumbs
5.2 ผู้ใช้จำนวนมากมีตัวเลือกการนำทางมากเกินไป
5.3 เบรดครัมบ์ช่วยวินิจฉัยปัญหาเกี่ยวกับโครงสร้างของไซต์ได้อย่างไร
6 Breadcrumbs และกลยุทธ์การจัดทำดัชนี
7 แนวทางปฏิบัติที่ดีที่สุดสำหรับการนำทางเบรดครัมบ์
7.1 วิธีทำให้ breadcrumbs ใช้งานง่ายสำหรับผู้ใช้
7.2 จะให้ breadcrumbs มีสไตล์ดั้งเดิมได้อย่างไร?
7.3 จะออกแบบ breadcrumbs สำหรับมุมมองมือถือได้อย่างไร
8 การใช้มาร์กอัปสคีมาเบรดครัมบ์
8.1 เหตุใดจึงใช้ข้อมูลที่มีโครงสร้างในการนำทางเบรดครัมบ์
8.2 สคีมา BreadcrumbList ในโค้ดของคุณ
9 บทสรุป

เบรดครัมบ์คืออะไร และไซต์ใดควรใช้

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

ชื่อของการนำทางประเภทนี้มาจากเทพนิยายเยอรมันเรื่อง Hansel and Gretel ผู้ซึ่งค้นพบวิธีที่สร้างสรรค์เพื่อหลีกเลี่ยงการหลงทางในป่า

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

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

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

ประโยชน์ของเบรดครัมบ์สำหรับผู้ใช้ของคุณ

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

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

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

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

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

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

เบรดครัมบ์สามารถปรับปรุงการมองเห็นของคุณใน Google Search ได้หรือไม่

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

ด้วยลิงก์ภายในที่มากขึ้น Googlebot ค้นพบและเข้าถึงหน้าเว็บของคุณได้ง่ายขึ้น John Mueller ผู้สนับสนุนการค้นหาของ Google ยืนยันผลในเชิงบวกของการแสดงเส้นทางบนความสามารถในการรวบรวมข้อมูล

เราใช้เบรดครัมบ์สำหรับการรวบรวมข้อมูล (ค้นหาลิงก์ภายใน) และเพื่อผลลัพธ์ที่เป็นสื่อสมบูรณ์ (ข้อมูลที่มีโครงสร้าง)
ที่มา: John Mueller

นอกจากนี้ ลิงก์ที่ใช้ในการนำทาง breadcrumb สามารถส่ง ค่า PageRank ตาม ทวีตของ Gary Illyes นักวิเคราะห์เทรนด์เว็บมาสเตอร์ของ Google

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

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

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

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

หน้าแรก > ชา > ชาเขียว > ชาเขียวกับผลไม้แห้ง

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

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

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

เบรดครัมบ์ตามแอตทริบิวต์หรือไดนามิก

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

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

หน้าหลัก > ชา > ขนาดซอง > ชนิด > รส

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

หน้าหลัก > ชา > ชาดำ [ขนาด: ใหญ่] , [รส: สตรอเบอร์รี่]

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

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

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

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

ประเพณีชาเหลือง > กาน้ำชารุ่น 1 > กาน้ำชา

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

< กลับ \ คุณอยู่ใน: หน้าแรก > อุปกรณ์เสริม > กาน้ำชา > กาน้ำชารุ่น 1

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

เกล็ดขนมปังมองไปข้างหน้า

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

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

หน้าแรก > ชา > ชาดำ
> ชาเขียว
> ชาเหลือง
> ชาแดง
> ชาขาว

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

นักวิจัยจาก Dalhousie University Halifax ในแคนาดาได้ทำการ ศึกษาในเดือนกันยายน 2548 เพื่อดูว่าแนวคิดการนำทางใหม่นี้คุ้มค่าที่จะพัฒนาหรือไม่ มันแสดงให้เห็นว่าผู้ใช้ชื่นชอบ breadcrumb ที่มองไปข้างหน้าเมื่อได้รับคำแนะนำเกี่ยวกับการทำงาน

ผู้เข้าร่วม 23 คนจาก 26 คนอ้างว่าหลังจากเป็นอาสาสมัครในการศึกษาแล้ว พวกเขามักจะชอบเบรดครัมบ์ที่มองไปข้างหน้ามากกว่าแบบปกติ

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

ข้อผิดพลาดที่พบบ่อยที่สุดในการใช้เบรดครัมบ์

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

แทนที่การนำทางหลักด้วย breadcrumbs

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

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

ผู้ใช้จำนวนมากมีตัวเลือกการนำทางมากเกินไป

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

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

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

หลังจากเข้าสู่หมวดหมู่ "ชาเขียว" ผู้ใช้จะรู้จักการนำทางรองในส่วนนี้โดยเฉพาะ ตอนนี้พวกเขาสามารถเลือกระหว่างชาเขียวจากประเทศต่างๆ และไร่นา ได้ ในหลายกรณี นี่อาจเป็นทางออกที่เป็นประโยชน์

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

เบรดครัมบ์ช่วยวินิจฉัยปัญหาเกี่ยวกับโครงสร้างของไซต์ได้อย่างไร

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

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

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

นอกจากนี้ breadcrumbs ยังช่วยระบุชื่อหมวดหมู่ที่ไม่มีประสิทธิภาพและลึกลับอีกด้วย

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

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

หน้าแรก > ชา > ชาดำ > ฝาด > รสชาดำ 1

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

ควรพิจารณาว่าคำว่า "ฝาด" ควรอธิบายหมวดหมู่ของชาดำที่แยกจากกันหรืออาจเป็นเพียงแท็กเพื่อแยกแยะบางชา

กลยุทธ์เบรดครัมบ์และการจัดทำดัชนี

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

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

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

หากผู้ใช้ตัดสินใจเยี่ยมชมเว็บไซต์ของร้านค้านี้ breadcrumbs trail ของพวกเขาอาจมีลักษณะดังนี้:

หน้าแรก > ค้นหาร้านเรา > หมู่บ้านเล็กๆ > ร้านชาเล็กๆ

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

หน้าเว็บประเภทนี้ไม่ควรใช้งบประมาณในการรวบรวมข้อมูลของ Google เนื่องจากอาจเป็นสแปม อาจทำให้อันดับของทั้งหน้าลดลง ดังนั้นจึงไม่ควรมีลิงก์ภายในที่ชี้ไป แล้วเกล็ดขนมปังล่ะ?

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

แนวทางปฏิบัติที่ดีที่สุดสำหรับการนำทางเบรดครัมบ์

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

วิธีทำให้ breadcrumbs ใช้งานง่ายสำหรับผู้ใช้

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

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

จะให้ breadcrumbs มีสไตล์ดั้งเดิมได้อย่างไร?

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

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

วิธีออกแบบ breadcrumbs สำหรับมุมมองมือถือ

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

มีวิธีอันชาญฉลาดในการสร้างเบรดครัมบ์ที่ดีสำหรับผู้ใช้มือถือ คุณสามารถลอง:

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

การใช้มาร์กอัปสคีมาเบรดครัมบ์

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

เหตุใดจึงใช้ข้อมูลที่มีโครงสร้างในการนำทางเบรดครัมบ์

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

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

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

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

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

สคีมา BreadcrumbList ในโค้ดของคุณ

ด้านล่างนี้คือตัวอย่างการนำข้อมูลที่มีโครงสร้างไปใช้กับเบรดครัมบ์ในร้านขายชาออนไลน์ที่มีองค์ประกอบต่อไปนี้ หน้าแรก > ชา > ชาดำ

 {

"@context": "https://schema.org",

"@type": "รายการเบรดครัมบ์",

ในตอนเริ่มต้น เราระบุว่ารูปแบบของข้อมูลที่มีโครงสร้างของเราคือคำศัพท์มาร์กอัปสคีมาที่นำมา จาก schema.org จากนั้นเรากำหนดรายการคอนเทนเนอร์ "BreadcrumbList" ซึ่งเก็บองค์ประกอบทั้งหมดของเส้นทาง breadcrumbs ของเรา

 "itemListElement":

มาร์กอัปด้านบน "itemListElement" ส่งสัญญาณว่าเรากำลังเริ่มแสดงรายการเบรดครัมบ์แต่ละรายการในลำดับที่ถูกต้อง

 [{

"@type": "รายการ",

"ตำแหน่ง": 1,

"ชื่อ": " บ้าน ",

"item": "https://yourteastore.com"

},{

"@type": "รายการ",

"ตำแหน่ง": 2,

"ชื่อ": " ชา ",

"item": "https://yourteastore.com/teas"

},{

"@type": "รายการ",

"ตำแหน่ง": 3,

"ชื่อ": " ชาดำ ",

"item": "https://yourteastore.com/teas/blackteas"

}]

}

เราทำเครื่องหมายเบรดครัมบ์แต่ละรายการเป็น "ListItem" และอธิบายตำแหน่ง ชื่อ และลิงก์ที่มีอยู่

ห่อ

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

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

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