Webflow Structured Data (Schema): การใช้ JSON-LD พร้อมตัวอย่าง (อัปเดต 2025)

การสร้าง Schema ใน Webflow สามารถทำได้โดยการวาง JSON-LD ใน Page settings → Before </head> สำหรับหน้าเดียว, Project settings → Custom code สำหรับทั้งไซต์ หรือใช้ Embed บน CMS Template เพื่อดึงข้อมูลไดนามิก จากนั้นตรวจสอบด้วย Rich Results Test/URL Inspection

Schema คืออะไร และช่วยอะไร

• ช่วยให้เสิร์ชเข้าใจโครงสร้างข้อมูล เช่น บทความ, FAQ, วิธีทำ, สินค้า
• เปิดสิทธิ์ Rich Results (ดาว, คำตอบ, ขั้นตอน) ช่วยเพิ่ม CTR และความน่าเชื่อถือ
• ทำงานร่วมกับคุณภาพเนื้อหาและความเร็ว (ดู Core Web Vitals)

วาง Schema ที่ไหนใน Webflow

1. ต่อหน้า (แนะนำสำหรับ Article): Page settings → Before </head> → วางสคริปต์ JSON-LD
2. ทั้งไซต์: Project settings → Custom code → Head (เช่น Organization/WebSite)
3. CMS Template: เพิ่ม Embed แล้วเชื่อมโยง Field (เช่น ชื่อบทความ, วันที่, ผู้เขียน) ให้กลายเป็น JSON-LD ไดนามิก

ทดสอบบน Published URL จริง (ไม่ใช่ staging) ก่อนตรวจ Rich Results

สคีมาที่ควรมี (สำหรับบล็อก/คู่มือ/เว็บธุรกิจ)

ตัวอย่าง JSON-LD (คัดลอกได้)

1) Article

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "ชื่อบทความ",
  "inLanguage": "th-TH",
  "datePublished": "2025-08-08",
  "dateModified": "2025-08-08",
  "author": { "@type": "Organization", "name": "Vision X Brain", "url": "https://www.visionxbrain.com/" },
  "publisher": {
    "@type":"Organization","name":"Vision X Brain",
    "logo":{"@type":"ImageObject","url":"https://www.visionxbrain.com/path-to-your-logo.png","width":512,"height":512}
  },
  "mainEntityOfPage": { "@type":"WebPage", "@id":"https://www.visionxbrain.com/blog/blog-webflow-structured-data-schema-tvkhb" }
}
</script>

2) FAQPage

<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"FAQPage",
  "mainEntity":[
    {"@type":"Question","name":"ควรใส่ Schema ที่ไหนบน Webflow?","acceptedAnswer":{"@type":"Answer","text":"ต่อหน้า (Page head), ทั้งไซต์ (Project head) หรือใน CMS Template ผ่าน Embed"}},
    {"@type":"Question","name":"จำเป็นต้องใช้ปลั๊กอินไหม?","acceptedAnswer":{"@type":"Answer","text":"ไม่จำเป็น วาง JSON-LD ได้โดยตรงใน Custom code/Embed"}},
    {"@type":"Question","name":"ทำไม Rich Result ไม่ขึ้น?","acceptedAnswer":{"@type":"Answer","text":"ต้องมีคอนเทนต์จริงในหน้า, ตามเกณฑ์โครงสร้าง, และผ่านการตรวจ Rich Results Test/URL Inspection"}}
  ]
}
</script>

3) HowTo

<script type="application/ld+json">
{
  "@context":"https://schema.o