Softonic

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

ขั้นตอน 1 / 3
ถัดไป

ข้อมูลที่มีโครงสร้างคือวิธีที่เครื่องมือค้นหาเข้าใจความต่างระหว่างหน้าที่พูดถึงรองเท้ากับหน้าที่พูดถึงช่างทำรองเท้า เครื่องสร้างนี้ผลิตสนิปเพ็ต 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 เนื่องจากเครื่องสร้างนี้กรอกเฉพาะคุณสมบัติหลักที่ใช้ร่วมกัน ตัวตรวจสอบจึงจะบอกด้วยว่ายังต้องเพิ่มคุณสมบัติที่จำเป็นเฉพาะชนิดใดบ้าง

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

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

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

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

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

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

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

ตัวตรวจสอบ Hreflang

ตรวจ hreflang ใน HTML ที่วางภายในเบราว์เซอร์ ทั้งโค้ด URL แบบเต็ม รายการซ้ำ ตำแหน่ง และการอ้างอิงตัวเองแบบไม่บังคับ

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

ดึงลิงก์ภายในทั้งหมดจาก URL หรือ HTML ที่วาง พร้อมข้อความลิงก์ แอตทริบิวต์ rel และสถานะ nofollow เพื่อใช้ตรวจสอบ SEO

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

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

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