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.org",
  "@type":"HowTo",
  "name":"วิธีใส่ Schema บน Webflow (ทีละขั้น)",
  "inLanguage":"th-TH",
  "step":[
    {"@type":"HowToStep","name":"เข้า Page settings","text":"เปิดหน้าที่ต้องการและเข้าแท็บ Settings"},
    {"@type":"HowToStep","name":"วาง JSON-LD","text":"ในช่อง Before </head> วางสคริปต์โครงสร้างข้อมูล"},
    {"@type":"HowToStep","name":"เผยแพร่และตรวจ","text":"Publish แล้วตรวจด้วย Rich Results Test/URL Inspection"}
  ]
}
</script>

4) Organization + WebSite (ใส่ครั้งเดียวทั้งไซต์)

<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"Organization",
  "name":"Vision X Brain",
  "url":"https://www.visionxbrain.com/",
  "logo":"https://www.visionxbrain.com/path-to-your-logo.png",
  "sameAs":["https://www.facebook.com/yourpage","https://www.linkedin.com/company/yourcompany"]
}
</script>
<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"WebSite",
  "url":"https://www.visionxbrain.com/",
  "potentialAction":{
    "@type":"SearchAction",
    "target":"https://www.visionxbrain.com/search?query={search_term_string}",
    "query-input":"required name=search_term_string"
  }
}
</script>

How-to: ใส่ Schema บน Webflow แบบไม่พัง

1. เลือกชนิด ให้ “ตรงคอนเทนต์จริง” (อย่าใส่ FAQ ถ้าไม่มี Q→A ในหน้า)
2. วางให้ถูกที่: Article/FAQ/HowTo ใส่ที่หน้า; Organization/WebSite ใส่ทั้งไซต์
3. ทดสอบ: เปิด Rich Results Test (ใส่ URL จริง), จากนั้นใช้ URL Inspection ใน Search Console
4. มอนิเตอร์: เช็กแท็บ Enhancements ใน Search Console และดู CTR/Impression

ปัญหายอดฮิต → วิธีแก้

ลิงก์ภายในที่เกี่ยวข้อง

• ทำ SEO ชั้น Edge: Edge SEO
• ความเร็วและ UX (ช่วย CTR/อันดับ): Core Web Vitals, INP, Island Architecture, Speculation Rules API
• สำหรับอีคอมเมิร์ซ: Shopify SEO Guide, Speed Up Shopify

FAQ (People Also Ask)

ควรใส่ Schema ชนิดไหนก่อน?
สำหรับบล็อกเริ่มที่ Article + FAQ (ถ้ามี Q→A จริง) และ Breadcrumb; เว็บไซต์ธุรกิจใส่ Organization/WebSite เพิ่ม

Webflow ทำ JSON-LD ไดนามิกไหม?
ได้บน CMS Template โดยใช้ Embed แล้วผูก Field (เช่น ชื่อ/วันที่/ผู้เขียน)

ต้องใส่ทุกหน้าไหม?
ใส่เฉพาะหน้าที่มีคอนเทนต์ชนิดนั้นจริง ๆ และคงคุณภาพข้อมูลให้สม่ำเสมอ

แหล่งอ้างอิง (เชื่อถือได้)

• Google — Structured data
• Rich Results Test
• Webflow University — Custom code

อัปเดตล่าสุด: 08 Aug 2025

เกี่ยวกับผู้เขียน

Vision X Brain Team — ทีมผู้เชี่ยวชาญ SEO/Performance/CRO และ Edge SEO/Schema สำหรับเว็บคอนเทนต์และอีคอมเมิร์ซ ปรับใช้ในโปรเจกต์จริงและมอนิเตอร์ผลลัพธ์ต่อเนื่อง ดูผลงาน/ติดต่อ

ต้องการทีมช่วยวาง Schema ให้ได้ผลจริง?

เราออดิทสคีมาเดิม ออกแบบ Article/FAQ/HowTo/Organization ที่สอดคล้องคอนเทนต์ และตั้งระบบตรวจสอบใน Search Console ให้คุณ ติดต่อเรา