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

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

Schema Markup คืออะไร ทำไมต้องใส่

Schema Markup คือโค้ดที่บอก Google ว่าเนื้อหาในหน้านั้น "คืออะไร" — บทความ, FAQ, สินค้า, วิธีทำ, องค์กร แทนที่จะให้ Google เดาเอง คุณบอกตรงๆ ผ่าน JSON-LD ผลลัพธ์คือ Rich Results ที่แสดงดาว, คำตอบ, ขั้นตอน, breadcrumb ใน SERP ช่วยเพิ่ม CTR โดยไม่ต้องขยับอันดับ

Schema ไม่ได้ทำให้ rank สูงขึ้นโดยตรง แต่ Rich Results ทำให้คนคลิกมากขึ้น ซึ่งส่งสัญญาณบวกกลับไปที่ Google อีกที เป็นวงจรที่ค่อยๆ สะสม

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

ทดสอบบน Published URL จริงเสมอ ไม่ใช่ staging — Rich Results Test อ่านได้แค่หน้าที่ live แล้ว

Schema ที่ควรมีสำหรับเว็บธุรกิจ/บล็อก

ตัวอย่าง JSON-LD ที่ใช้บ่อย

Article Schema

<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": "ชื่อองค์กร",
    "url": "https://example.com/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ชื่อองค์กร",
    "logo": {
      "@type": "ImageObject",
      "url": "https://example.com/logo.png",
      "width": 512, "height": 512
    }
  },
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://example.com/blog/article-slug"
  }
}
</script>

FAQPage Schema

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "คำถามที่ 1",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "คำตอบที่ 1"
      }
    }
  ]
}
</script>

HowTo Schema

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "วิธีทำ...",
  "step": [
    {
      "@type": "HowToStep",
      "name": "ขั้นตอนที่ 1",
      "text": "รายละเอียดขั้นตอน"
    }
  ]
}
</script>

ข้อผิดพลาดที่พบบ่อย

• ใส่ schema แต่ไม่มีเนื้อหาจริงในหน้า: Google ต้องการให้ schema สะท้อนเนื้อหาที่มองเห็นได้ ถ้าใส่ FAQPage แต่ไม่มี FAQ จริงบนหน้า จะไม่ได้ Rich Result
• ทดสอบบน staging: Rich Results Test อ่านไม่ได้ ต้อง publish ก่อนถึงจะทดสอบได้
• ใส่ schema ซ้ำซ้อน: Organization ใน Project head + Organization ในทุก page head = ซ้ำ ใส่ที่เดียวพอ
• dateModified ไม่อัปเดต: ถ้าแก้บทความแต่ไม่แก้ dateModified ใน schema Google อาจมองว่าเนื้อหาเก่า

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

ใส่ Schema แล้วจะติดอันดับดีขึ้นเลยไหม

Schema ไม่ใช่ ranking factor โดยตรง แต่ Rich Results ที่ได้จาก schema ทำให้ CTR สูงขึ้น ซึ่งส่งผลบวกต่ออันดับในระยะยาว ควรใส่คู่กับเนื้อหาคุณภาพและ technical SEO ที่ดี ไม่ใช่ใส่แล้วนั่งรอปาฏิหาริย์

ต้องใช้ plugin เพิ่มใน Webflow ไหม

ไม่จำเป็น Webflow รองรับ Custom code ใน Page settings และ Project settings วาง JSON-LD ได้โดยตรง ไม่ต้องพึ่ง third-party plugin ข้อดีคือควบคุมได้ 100% ไม่มี overhead จาก plugin ที่ทำให้เว็บช้า

ทำไม Rich Result ไม่ขึ้น ทั้งที่ใส่ schema ถูกแล้ว

มีหลายสาเหตุ — เนื้อหาไม่ตรงกับ schema, หน้ายังไม่ถูก index, Google เลือกที่จะไม่แสดง Rich Result สำหรับ query นั้น ให้ตรวจด้วย URL Inspection ใน GSC ว่าหน้าถูก index หรือยัง แล้วดู Rich Results Test ว่ามี error หรือ warning อะไร

บทความแนะนำ

• วิธีทำ SEO บน Webflow ให้ติดอันดับ Google
• Core Web Vitals คืออะไร ทำไมเว็บต้องผ่าน
• SEO-Friendly Slug: ตั้ง URL ยังไงให้ได้อันดับ
• E-E-A-T คืออะไร ทำไม Google ให้ความสำคัญ