TL
Tool Lab
💰Donate
💰Donate

JSON-LD Schema Generator

Generate Schema.org JSON-LD structured data markup for SEO rich results.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Article Headline",
  "description": "A short description of the article.",
  "author": {
    "@type": "Person",
    "name": "Author Name"
  },
  "datePublished": "2026-07-19",
  "dateModified": "2026-07-19",
  "publisher": {
    "@type": "Organization",
    "name": "Publisher Name",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png"
    }
  },
  "image": "https://example.com/article-image.jpg",
  "url": "https://example.com/article-slug"
}
</script>

เกี่ยวกับเครื่องมือนี้

JSON-LD (JavaScript Object Notation for Linked Data) คือวิธีที่แนะนำในการเพิ่มข้อมูลที่มีโครงสร้าง (Schema.org markup) ลงในหน้าเว็บ เครื่องมือค้นหาอย่าง Google ใช้ข้อมูลนี้เพื่อทำความเข้าใจเนื้อหาและแสดงผลลัพธ์ที่สมบูรณ์ เช่น การให้คะแนน FAQ เส้นทางนำทาง ราคาสินค้า และอื่นๆ

เลือกประเภท schema จากเมนูแบบเลื่อนลงเพื่อโหลดเทมเพลตที่กรอกไว้ล่วงหน้า จากนั้นแก้ไข JSON ให้ตรงกับข้อมูลจริงของคุณ แผงด้านขวาแสดงแท็กสคริปต์ที่พร้อมวางใน HTML <head>

วิธีใช้งาน

  1. เลือกประเภท schema (Article, Product, FAQ ฯลฯ)
  2. แก้ไขเทมเพลตในแผงซ้ายด้วยข้อมูลจริงของคุณ
  3. แผงขวาแสดงแท็ก <script> สำหรับวางใน HTML
  4. คลิกคัดลอกแท็กสคริปต์และเพิ่มในส่วน <head> ของหน้า

กรณีการใช้งาน

บล็อกเกอร์เพิ่ม Article markup เพื่อเปิดใช้งานผลลัพธ์ที่สมบูรณ์สำหรับผู้เขียนและวันที่ ทีม e-commerce เพิ่ม Product markup พร้อมราคาและสถานะสต็อก ธุรกิจท้องถิ่นเพิ่ม LocalBusiness markup เพื่อปรากฏในผลลัพธ์แผนที่

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

  • การเพิ่ม JSON-LD รับประกันผลลัพธ์ที่สมบูรณ์หรือไม่?ไม่ Google ต้องรวบรวมและประมวลผล markup ก่อน จากนั้นตัดสินใจแสดงผลลัพธ์ที่สมบูรณ์ตามสัญญาณคุณภาพ
  • แท็กสคริปต์ควรวางที่ไหน?Google แนะนำให้วางใน <head> แม้ว่า <body> ก็ใช้ได้เช่นกัน
  • สามารถมีหลาย JSON-LD บล็อกในหน้าเดียวได้หรือไม่?ได้ แต่ละประเภท schema สามารถมีบล็อก <script type="application/ld+json"> แยกต่างหากได้