เครื่องสร้าง Schema Markup

ถัดไป

ข้อมูลที่มีโครงสร้างคือวิธีที่เครื่องมือค้นหาเข้าใจความต่างระหว่างหน้าที่พูดถึงรองเท้ากับหน้าที่พูดถึงช่างทำรองเท้า เครื่องสร้างนี้ผลิตสนิปเพ็ต JSON-LD ของ Schema.org ที่สะอาดสำหรับหนึ่งในสี่ชนิดที่พบบ่อย (Article, Product, LocalBusiness หรือ Organization) โดยใช้คุณสมบัติหลักที่ทุกชนิดมีร่วมกัน ได้แก่ ชื่อ คำอธิบาย URL และรูปภาพ มันให้บล็อกเริ่มต้นที่ถูกต้องและพร้อมคัดลอกวาง ซึ่งคุณต่อยอดด้วยคุณสมบัติเฉพาะของแต่ละชนิด

วิธีสร้าง schema markup

  1. 1

    เลือกชนิดของ schema

    เลือก Article, Product, LocalBusiness หรือ Organization ตามหน้าที่คุณกำลังทำมาร์กอัป

  2. 2

    กรอกฟิลด์

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

  3. 3

    สร้าง JSON-LD

    เครื่องมือจะแสดงบล็อก `<script type="application/ld+json">` ที่จัดรูปแบบถูกต้อง

  4. 4

    วางลงในส่วน head ของหน้า

    วางไว้ใน `<head>` หรือก่อน `</body>` ทันที Google แจงทั้งสองตำแหน่งได้ดีพอ ๆ กัน

เครื่องสร้างนี้ผลิตอะไร

เครื่องสร้างนี้เขียนแกนกลางที่ใช้ร่วมกันของเอนทิตี Schema.org ได้แก่ @type ที่คุณเลือก บวกกับ name, description, url และ image ตัวใดก็ได้ที่คุณกรอก มันเป็นจุดเริ่มต้นที่สะอาดและถูกต้อง ซึ่งคุณเติมให้สมบูรณ์ด้วยคุณสมบัติที่แต่ละชนิดต้องการเพื่อให้ได้ผลลัพธ์แบบ rich

ชนิดที่รองรับ

ชนิด ใช้สำหรับ
Article โพสต์บล็อก ข่าว และหน้าเชิงบรรณาธิการอื่น ๆ
Product สินค้าหรือรายการเดียวที่วางขาย
LocalBusiness ธุรกิจที่มีหน้าร้านหรือสถานที่จริง
Organization บริษัทหรือแบรนด์ในฐานะเอนทิตี

รูปร่างของผลลัพธ์

กรอกชื่อ คำอธิบาย URL และรูปภาพให้ Product แล้วคุณจะได้:

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "รองเท้าวิ่งเทรล",
  "description": "รองเท้าน้ำหนักเบาสำหรับเส้นทางเทคนิค",
  "url": "https://example.com/trail-shoe",
  "image": "https://example.com/trail-shoe.jpg"
}

ห่ออยู่ในบล็อก <script type="application/ld+json"> พร้อมวาง ฟิลด์ที่ว่างจะถูกละไว้ ดังนั้นสนิปเพ็ตจึงยังสะอาด

ก้าวต่อไป

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

  • Article มักเพิ่ม headline, datePublished และออบเจ็กต์ author
  • Product มักเพิ่มออบเจ็กต์ offers (ราคาและสถานะสินค้า) และ aggregateRating
  • LocalBusiness มักเพิ่ม address, telephone และ openingHours
  • Organization มักเพิ่ม logo และลิงก์ sameAs ไปยังโปรไฟล์โซเชียล

เคล็ดลับที่สำคัญ

  • ทำให้มาร์กอัปตรงกับเนื้อหาที่มองเห็น Google จะทำเครื่องหมาย (และบางครั้งลงโทษ) มาร์กอัปที่บรรยายสิ่งที่ไม่มีอยู่บนหน้า
  • ใช้ URL แบบเต็ม สำหรับหน้าและรูปภาพ เพราะ URL แบบสัมพัทธ์บางครั้งถูกละเลยอย่างเงียบ ๆ
  • ทดสอบก่อนนำขึ้นใช้งาน วางสนิปเพ็ตลงในการทดสอบผลลัพธ์แบบ Rich ของ Google หรือตัวตรวจสอบ Schema.org เพื่อดูว่าชนิดที่คุณเลือกยังขาดฟิลด์ที่จำเป็นใดบ้าง

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

Google แนะนำ JSON-LD และมันดูแลง่ายที่สุดเพราะอยู่ในบล็อกสคริปต์เดียว ไม่กระจายไปทั่ว HTML ส่วน Microdata และ RDFa ก็รองรับแต่ยุ่งยาก จึงควรใช้ JSON-LD ต่อไป เว้นแต่ CMS จะบังคับเป็นอย่างอื่น เครื่องมือนี้แสดงผลเป็น JSON-LD เสมอ

ไม่โดยตรง ข้อมูลที่มีโครงสร้างเพียงลำพังไม่ใช่สัญญาณจัดอันดับ สิ่งที่มันทำคือปลดล็อกผลลัพธ์แบบ rich ซึ่งมักเพิ่มอัตราการคลิก 10-30% การขยับอันดับมาจากอัตราการคลิก ไม่ใช่จากมาร์กอัป

เพียงสี่อย่างที่ชนิดเหล่านี้ใช้ร่วมกัน ได้แก่ name, description, url และ image บวกกับ @type ที่คุณเลือก นี่เป็นสนิปเพ็ตพื้นฐานที่ถูกต้อง หลังวางแล้วให้เพิ่มคุณสมบัติเฉพาะชนิดที่ผลลัพธ์แบบ rich ต้องการ (เช่น offers สำหรับ Product หรือ datePublished สำหรับ Article)

วางบล็อกที่สร้างขึ้นลงในการทดสอบผลลัพธ์แบบ Rich ของ Google หรือตัวตรวจสอบ Schema.org เนื่องจากเครื่องสร้างนี้กรอกเฉพาะคุณสมบัติหลักที่ใช้ร่วมกัน ตัวตรวจสอบจึงจะบอกด้วยว่ายังต้องเพิ่มคุณสมบัติที่จำเป็นเฉพาะชนิดใดบ้าง

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

ตัวตรวจสอบ Open Graph

วาง HTML ของหน้าเว็บแล้วดูทันทีว่ามีแท็ก Open Graph และ Twitter Card ใดบ้าง แท็กที่จำเป็นตัวใดขาดหายไป และค่าที่แน่นอนของแต่ละตัว

ตัวสร้าง Breadcrumb Schema

สร้าง BreadcrumbList JSON-LD ที่ถูกต้องสำหรับลำดับชั้นของหน้าใดก็ได้ ได้มาร์กอัป schema.org พร้อมวางลงในส่วน head ของเว็บไซต์

เครื่องตรวจสอบความสามารถในการจัดทำดัชนี (Indexability Checker)

ตรวจสอบว่า URL นั้นสามารถถูกดักจับโดยระบบดัชนีได้หรือไม่ โดยพิจารณาจากไฟล์ robots.txt, meta robots, X-Robots-Tag, สัญญาณ canonical และสถานะ HTTP

ตัวสร้างลิงก์ UTM

สร้าง URL ติดตามแคมเปญด้วยพารามิเตอร์ UTM source, medium, campaign, term และ content ลิงก์สะอาดที่เข้ารหัส URL แล้ว พร้อมใช้สำหรับโฆษณาและจดหมายข่าว

ตัวอย่าง SERP

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

ตัววิเคราะห์ UTM

วาง URL แคมเปญแล้วอ่านแท็ก UTM มาตรฐานทั้งห้าตัว (source, medium, campaign, term และ content) พร้อมค่าที่ถอดรหัสแล้วในแต่ละตัว วิธีที่รวดเร็วในการตรวจสอบลิงก์ติดตามก่อนส่ง

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