ตัวสร้าง Breadcrumb Schema

ใช้หนึ่งรายการต่อบรรทัด: ชื่อ | URL

Google จะแสดงเส้นทางเบรดครัมบ์เหนือ URL ในผลการค้นหาเมื่อหน้าของคุณมีข้อมูลที่มีโครงสร้าง BreadcrumbList ที่ถูกต้อง ตัวสร้างนี้รับลำดับเบรดครัมบ์ตั้งแต่หน้าแรกจนถึงหน้าปัจจุบัน สร้างบล็อก schema.org JSON-LD พร้อมตำแหน่ง ListItem ที่ถูกต้อง และคืนแท็ก script ที่คุณวางลงใน <head> ได้ทันที ไม่ต้องใช้ปลั๊กอิน WordPress ไม่ต้องใช้ Yoast มีเพียง JSON-LD ที่สะอาด

วิธีสร้าง BreadcrumbList JSON-LD

  1. 1

    กรอกแต่ละระดับของเบรดครัมบ์

    ป้ายกำกับและ URL สำหรับทุกขั้นตั้งแต่หน้าแรกลงมาถึงหน้าปัจจุบัน เว็บไซต์ส่วนใหญ่มี 2-5 ระดับ

  2. 2

    เครื่องมือกำหนดตำแหน่งอัตโนมัติ

    หน้าแรกคือตำแหน่ง 1 ระดับถัดไปคือตำแหน่ง 2 และต่อไปเรื่อยๆ schema.org กำหนดให้ต้องใส่ลำดับตำแหน่งเพื่อให้ผลลัพธ์ถูกต้อง

  3. 3

    คัดลอกสไนปเป็ต JSON-LD

    ตัวสร้างจะคืนบล็อก `<script type="application/ld+json">` แบบเต็ม พร้อมวางลงใน `<head>`

  4. 4

    ตรวจสอบความถูกต้อง

    กดไปที่ Google Rich Results Test เพื่อยืนยันว่ามาร์กอัปได้รับการยอมรับและมีสิทธิ์แสดงเบรดครัมบ์

โครงสร้างของ BreadcrumbList JSON-LD ที่ถูกต้อง

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "หน้าแรก",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "บล็อก",
      "item": "https://example.com/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "วิธีสร้างเบรดครัมบ์"
    }
  ]
}

ระดับสุดท้ายข้าม item ได้ไหม

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

ข้อผิดพลาดที่พบบ่อย

  • ตำแหน่งขาดหายหรือซ้ำกัน, ตำแหน่งต้องเรียงเป็น 1, 2, 3… ตามลำดับและไม่มีช่องว่าง
  • ขาด item ในระดับที่ไม่ใช่ระดับสุดท้าย, ทุกระดับยกเว้นระดับสุดท้ายซึ่งละได้ ต้องมี URL
  • URL ที่เป็นแฟรกเมนต์อย่างเดียว (#section), Google จะไม่นับเป็นเป้าหมายเบรดครัมบ์ ให้ใช้เส้นทางแบบเต็ม
  • บล็อก BreadcrumbList หลายชุด ในหน้าเดียว, ไม่เป็นอันตรายแต่ไม่จำเป็น Google จะเลือกชุดเดียว
  • ป้ายกำกับที่ไม่ตรงกับเบรดครัมบ์ที่มองเห็น, ทำให้ Google ไม่ไว้วางใจข้อมูลที่มีโครงสร้างทั้งหมดของคุณ

ตำแหน่งที่วาง

  • วาง <script> ไว้ใน <head> เพื่อให้การรวบรวมข้อมูลสะอาดที่สุด
  • จะวางใน <body> ก็ได้, ทั้งสองแบบใช้งานได้ หลีกเลี่ยงการแทรกผ่าน JavaScript เว้นแต่งบประมาณการรวบรวมข้อมูลของคุณรับการเรนเดอร์ด้วย JS ได้
  • อย่าหุ้มไว้ใน <noscript>

คำถามที่พบบ่อย

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

ไม่ส่งผลโดยตรง แต่มันส่งผลต่อการแสดงผลลัพธ์ของคุณ (เส้นทางเบรดครัมบ์แทน URL ใน SERP) ซึ่งอาจเพิ่มอัตราการคลิก อัตราการคลิกที่ดีขึ้นช่วยอันดับทางอ้อมในระยะยาว

ได้ Google รองรับบล็อก BreadcrumbList หลายชุดสำหรับหน้าที่เข้าถึงได้หลายเส้นทาง (เช่น ทางหมวดหมู่กับทางแท็ก) ใส่แต่ละเส้นทางในบล็อก script ของตัวเอง

วาง JSON-LD หรือ URL ของหน้าลงใน Google Rich Results Test เครื่องมือจะชี้ฟิลด์ที่จำเป็นซึ่งขาดไป และแสดงตัวอย่างเบรดครัมบ์ตามที่ Google จะแสดงจริง

เครื่องมือที่เกี่ยวข้อง

เครื่องมือตรวจสอบความยาวของคำอธิบายเมตา

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

เครื่องดึงลิงก์ภายนอก

วางโค้ด HTML ดิบ และระบุ URL ฐานได้ตามต้องการ จากนั้นรับรายการลิงก์ภายนอก http/https ทั้งหมดในโค้ดแบบไม่มีรายการซ้ำ เพื่อใช้ตรวจสอบลิงก์และประเมินผล SEO

เครื่องมือตรวจสอบเฮดเดอร์ความปลอดภัย HTTP

วาง HTTP response headers แล้วตรวจ HSTS, CSP, clickjacking, MIME, referrer และนโยบาย cross-origin ภายในเบราว์เซอร์

เครื่องมือสร้างสเกมาสำหรับคำถามบ่อย (FAQ Schema Generator)

สร้างมาร์กอัป JSON-LD แบบ FAQPage จากคู่คำถามและคำตอบ เพื่อให้หน้าเว็บของคุณเข้าเกณฑ์ผลการค้นหาแบบสมบูรณ์ (rich results) และกล่องคำตอบของ Google

ตัวจำลองผลการค้นหา Google

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

เครื่องมือตรวจสอบ XML Sitemap

ตรวจสอบ XML Sitemap ในเบราว์เซอร์เพื่อค้นหาข้อผิดพลาดในการแยกวิเคราะห์ ตำแหน่งที่ขาดหาย URL ซ้ำ และค่าฟิลด์ที่พบบ่อย

เครื่องมือนี้มีให้บริการในภาษาอื่น