ใส่ Schema Markup ใน WordPress ได้ Rich Snippet บน Google

คุณเคยสังเกตไหมว่าบางเว็บใน Google Search แสดงดาว Rating, คำถาม-คำตอบ FAQ หรือเส้นทาง Breadcrumb ใต้ชื่อเว็บ ขณะที่เว็บอื่นแสดงแค่ข้อความธรรมดา? นั่นคือผลของ Schema Markup — โค้ดพิเศษที่บอก Google ว่าเนื้อหาในหน้าเว็บของคุณคืออะไรอย่างละเอียด

บทความนี้จะพาคุณเข้าใจ Schema Markup ตั้งแต่พื้นฐานจนถึงการ implement จริงบน WordPress ไม่ว่าจะใช้ Plugin หรือเขียน JSON-LD เองในแบบ manual โดยเฉพาะ Schema ประเภทที่ให้ผลดีที่สุดสำหรับเว็บไทย ได้แก่ FAQPage, Article, BreadcrumbList และ HowTo

Schema Markup คืออะไร และทำงานอย่างไร

Schema Markup หรือ Structured Data คือโค้ดในรูปแบบ JSON-LD (JavaScript Object Notation for Linked Data) ที่ใส่ไว้ใน HTML ของหน้าเว็บ เป็นภาษาที่ Search Engine อย่าง Google, Bing และ Yandex "เข้าใจ" ว่าแต่ละส่วนของเนื้อหาหมายถึงอะไร

โดยปกติ Google อ่านข้อความในเว็บได้ แต่ไม่แน่ใจเสมอไปว่าตัวเลข "4.8" ในหน้าหนึ่งหมายถึง Rating ของสินค้า หรือเป็นแค่ตัวเลขในบทความ Schema Markup คือการ "ป้ายกำกับ" ข้อมูลเหล่านั้นให้ชัดเจนว่า: นี่คือ Review Rating, นี่คือ Author Name, นี่คือ FAQ Question ฯลฯ

เมื่อ Google เข้าใจโครงสร้างข้อมูลแล้ว ก็อาจแสดงผลการค้นหาในรูปแบบพิเศษที่เรียกว่า Rich Results หรือ Rich Snippets ซึ่งดูโดดเด่นกว่าผลการค้นหาธรรมดามาก

Rich Snippet ประเภทหลักที่ WordPress ทำได้

ก่อนจะไปที่วิธีใส่ Schema มาดูก่อนว่า WordPress รองรับ Rich Snippet ประเภทไหนบ้างที่ Google แสดงผลได้จริง:

วิธีที่ 1 — ใช้ Plugin (แนะนำสำหรับมือใหม่)

Plugin Schema สำหรับ WordPress มีหลายตัว แต่ที่นิยมและให้ผลดีที่สุดมี 3 ตัวหลัก:

Yoast SEO — Schema ในตัว ตั้งค่าครั้งเดียว

Yoast SEO เวอร์ชัน 11.0 ขึ้นไปมีระบบ Schema Graph ที่สร้าง JSON-LD ให้อัตโนมัติตามชนิดของหน้า เช่น หน้า About จะได้ AboutPage Schema, บทความจะได้ Article Schema และ BreadcrumbList อัตโนมัติโดยไม่ต้องตั้งค่าอะไรเพิ่ม

• ไปที่ Yoast SEO → Search Appearance → Content Types เลือกชนิด Schema ของแต่ละ Post Type
• สำหรับ FAQPage Schema ใช้ Yoast FAQ Block ในหน้าแก้ไข — เพิ่มคำถามและคำตอบ Yoast สร้าง JSON-LD ให้อัตโนมัติ
• Schema Graph ของ Yoast เชื่อมโยงข้อมูลทุกหน้าเข้าหากัน ทำให้ Google เข้าใจโครงสร้างทั้งเว็บได้ดีกว่าการใส่ Schema ทีละหน้า

RankMath SEO — Schema Generator ครบที่สุด (ฟรี)

RankMath มี Schema Generator ที่ครอบคลุมมากกว่า Yoast ฟรี รองรับ Schema ได้กว่า 20 ประเภทรวมถึง Course, Event, Recipe, Software Application ซึ่ง Yoast ต้องซื้อเวอร์ชัน Premium

• ตั้งค่าที่ RankMath → Titles & Meta → Post Types เลือก Schema Type ของแต่ละ Post Type
• แก้ไข Schema ทีละหน้าได้ผ่าน RankMath Metabox ในหน้าแก้ไข Post ส่วน Schema
• มี Schema Builder แบบ drag-and-drop ใน RankMath Pro ที่สร้าง Custom Schema ได้โดยไม่ต้องเขียนโค้ด
• รองรับ FAQ Block และ HowTo Block ในตัว — แสดงผล Rich Snippet ได้ทันที

Schema Pro — เฉพาะทาง Schema โดยเฉพาะ

Schema Pro เป็น Plugin ที่ออกแบบมาเพื่อ Structured Data โดยเฉพาะ ไม่ใช่ SEO ทั่วไป เหมาะสำหรับเว็บที่ต้องการ Schema หลายประเภทพร้อมกัน เช่น เว็บ E-Commerce ที่ต้องการทั้ง Product Schema, Review Schema และ BreadcrumbList ในหน้าเดียวกัน

วิธีที่ 2 — เพิ่ม JSON-LD ด้วยตัวเองใน WordPress

การเพิ่ม Schema แบบ manual ให้ความยืดหยุ่นสูงสุด สามารถควบคุมทุกฟิลด์ได้เต็มที่ เหมาะสำหรับ Developer หรือผู้ที่ต้องการ Schema พิเศษที่ Plugin ไม่มี

วิธี A — ใช้ Custom HTML Block ในหน้าแก้ไข

วิธีนี้ง่ายที่สุด เพิ่ม Schema เฉพาะในหน้าที่ต้องการ โดยไม่กระทบหน้าอื่น:

1. เปิดหน้าแก้ไขบทความหรือ Page ที่ต้องการ
2. คลิกปุ่ม "+" เพิ่ม Block ใหม่ → เลือก Custom HTML
3. วางโค้ด JSON-LD ของคุณลงไป (ดูตัวอย่างด้านล่าง)
4. บันทึกและตรวจสอบด้วย Google Rich Results Test

วิธี B — เพิ่มผ่าน functions.php (ทุกหน้า/เฉพาะหน้า)

เหมาะสำหรับ Schema ที่ต้องการใส่ทุกหน้า เช่น Organization Schema หรือ WebSite Schema:

// เพิ่มใน functions.php ของ Child Theme
add_action('wp_head', function() {
    // Organization Schema — ใส่ทุกหน้า
    $schema = [
        '@context' => 'https://schema.org',
        '@type'    => 'Organization',
        'name'     => get_bloginfo('name'),
        'url'      => home_url('/'),
        'logo'     => [
            '@type' => 'ImageObject',
            'url'   => get_site_icon_url(512),
        ],
    ];
    echo '<script type="application/ld+json">';
    echo json_encode($schema, JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT);
    echo '</script>' . PHP_EOL;
});

FAQPage Schema — ได้ Rich Snippet เร็วที่สุด

FAQPage Schema เป็นประเภทที่ให้ผลชัดเจนที่สุดและ Google อนุมัติ Rich Snippet ได้เร็ว เมื่อใส่ถูกต้อง Google จะแสดงคำถาม-คำตอบ 2-3 ข้อใต้ผลการค้นหา ทำให้ผลของคุณกินพื้นที่ใน SERP มากขึ้น

โครงสร้าง JSON-LD สำหรับ FAQPage

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "คำถามข้อที่ 1?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "คำตอบข้อที่ 1 อธิบายอย่างละเอียด..."
      }
    },
    {
      "@type": "Question",
      "name": "คำถามข้อที่ 2?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "คำตอบข้อที่ 2 อธิบายอย่างละเอียด..."
      }
    }
  ]
}
</script>

BreadcrumbList Schema — แสดงเส้นทางนำทางใน Google

BreadcrumbList Schema ทำให้ Google แสดงเส้นทาง เช่น "หน้าแรก › บล็อก › WordPress › บทความ" แทน URL ยาวๆ ที่ไม่น่าคลิก ช่วยเพิ่ม CTR และทำให้ผู้ใช้เข้าใจโครงสร้างเว็บได้ทันที

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "หน้าหลัก",
      "item": "https://yoursite.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "บล็อก",
      "item": "https://yoursite.com/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "WordPress",
      "item": "https://yoursite.com/blog/wordpress/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "ชื่อบทความ",
      "item": "https://yoursite.com/blog/wordpress/slug/"
    }
  ]
}
</script>

ถ้าใช้ Yoast SEO หรือ RankMath BreadcrumbList จะถูกสร้างให้อัตโนมัติตาม Category Structure ของ WordPress ไม่ต้องเขียนเอง แค่เปิดฟีเจอร์ Breadcrumb ในการตั้งค่า Plugin

HowTo Schema — แสดงขั้นตอนในผลการค้นหา

HowTo Schema เหมาะกับบทความสอนทำสิ่งต่างๆ ที่มีขั้นตอนชัดเจน Google บางครั้งแสดงขั้นตอนโดยตรงใน SERP ทำให้ผู้ค้นหาเห็นได้ทันทีว่าต้องทำอะไรบ้าง

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "วิธีติดตั้ง WordPress",
  "description": "ขั้นตอนการติดตั้ง WordPress บน Hosting",
  "totalTime": "PT30M",
  "step": [
    {
      "@type": "HowToStep",
      "position": 1,
      "name": "ดาวน์โหลด WordPress",
      "text": "ดาวน์โหลด WordPress จาก wordpress.org/download/ เลือกเวอร์ชันล่าสุด"
    },
    {
      "@type": "HowToStep",
      "position": 2,
      "name": "อัพโหลดไฟล์ขึ้น Hosting",
      "text": "อัพโหลดไฟล์ WordPress ทั้งหมดไปยัง public_html ผ่าน File Manager ใน DirectAdmin"
    },
    {
      "@type": "HowToStep",
      "position": 3,
      "name": "สร้าง Database",
      "text": "เข้า DirectAdmin → MySQL Management สร้าง Database ใหม่และ User ที่มีสิทธิ์ Full"
    }
  ]
}
</script>

Article Schema — บอก Google ว่าเป็นบทความเขียนโดยใคร

Article Schema ช่วยด้าน E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness) โดยระบุชื่อผู้เขียน วันที่เผยแพร่ และวันที่แก้ไขล่าสุด Google ใช้ข้อมูลนี้ในการประเมินคุณภาพเนื้อหา:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "ชื่อบทความ",
  "description": "คำอธิบายย่อ 160 ตัวอักษร",
  "url": "https://yoursite.com/article-slug/",
  "datePublished": "2026-01-15",
  "dateModified": "2026-06-12",
  "author": {
    "@type": "Person",
    "name": "ชื่อผู้เขียน",
    "url": "https://yoursite.com/about/"
  },
  "publisher": {
    "@type": "Organization",
    "name": "ชื่อเว็บไซต์",
    "url": "https://yoursite.com",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": {
    "@type": "ImageObject",
    "url": "https://yoursite.com/img/article-thumbnail.jpg",
    "width": 1200,
    "height": 630
  }
}
</script>

ตรวจสอบ Schema ด้วย Google Rich Results Test

หลังจากใส่ Schema แล้วต้องตรวจสอบให้แน่ใจว่าไม่มีข้อผิดพลาดก่อนที่ Google จะ Crawl หน้านั้น:

1. เปิด Google Rich Results Test ที่ search.google.com/test/rich-results
2. ใส่ URL หรือวาง HTML โดยตรง
3. ดูผลลัพธ์ว่า Schema ถูกตรวจพบและไม่มี Error
4. ถ้ามี Warning (สีเหลือง) ควรแก้ไขแต่ยังแสดง Rich Snippet ได้บางส่วน
5. ถ้ามี Error (สีแดง) ต้องแก้ไขก่อน Google ไม่แสดง Rich Snippet

ข้อผิดพลาดที่พบบ่อยในการใส่ Schema บน WordPress

จากประสบการณ์ดูแลเว็บหลายร้อยแห่ง นี่คือข้อผิดพลาดที่ทำให้ Rich Snippet ไม่แสดงแม้จะใส่ Schema แล้ว:

• ใส่ Schema ซ้ำซ้อนจาก Plugin หลายตัว — ถ้าติดตั้ง Yoast และ RankMath พร้อมกัน Schema จะถูกสร้างสองชุด Google อาจ Confuse และไม่แสดง Rich Snippet ให้เลือกแค่ตัวเดียว
• เนื้อหาใน Schema ไม่ตรงกับในหน้า — Google ตรวจสอบว่าข้อมูลใน JSON-LD สอดคล้องกับเนื้อหาที่ผู้ใช้เห็นหรือไม่ ถ้าไม่ตรงถือว่า Spam
• URL ใน Schema ผิด — ตรวจให้แน่ใจว่า URL ใน item ของ BreadcrumbList ชี้ไปหน้าที่มีอยู่จริงและ Return 200
• ใช้ Microdata แทน JSON-LD — Google แนะนำ JSON-LD เพราะดูแลง่ายกว่า ถ้ายังใช้ Microdata อยู่ควรเปลี่ยนมาใช้ JSON-LD
• หน้าเป็น noindex — Google ไม่ Crawl หน้าที่ noindex ดังนั้น Rich Snippet จะไม่แสดงแม้ Schema ถูกต้อง ตรวจด้วย URL Inspection Tool ใน Search Console
• Schema JSON มี Syntax Error — เครื่องหมาย Comma หาย, เครื่องหมายคำพูดไม่ครบ ทดสอบด้วย jsonlint.com ก่อนเสมอ

Checklist ก่อน Deploy Schema บน WordPress

Schema กับ SEO Plugin ที่ใช้อยู่แล้ว — ควรทำอย่างไร

ถ้าใช้ Yoast SEO หรือ RankMath อยู่แล้ว Plugin เหล่านี้สร้าง Schema พื้นฐานให้อัตโนมัติแล้ว สิ่งที่ต้องทำเพิ่มคือ:

• ตรวจสอบว่า Schema Graph เปิดอยู่ — Yoast: Settings → General → Schema; RankMath: Titles & Meta → Global Meta → Schema Type
• เพิ่ม FAQPage Schema ในบทความที่มีส่วนถาม-ตอบ โดยใช้ FAQ Block ของ Yoast หรือ RankMath
• ตั้งค่า Organization หรือ Person ใน Yoast SEO → Search Appearance → Knowledge Graph ระบุว่าเว็บเป็นของ Organization หรือ Person พร้อมข้อมูลที่ครบถ้วน
• อย่าเพิ่ม JSON-LD Manual ซ้อน กับ Schema ที่ Plugin สร้างให้แล้ว เช่น ถ้า Plugin สร้าง Article Schema แล้ว ไม่ต้องเพิ่ม Article Schema ด้วย Custom HTML Block อีก

เวลาที่ Rich Snippet จะแสดง — ต้องรอนานแค่ไหน

หลายคนใส่ Schema เสร็จแล้วรอดูผลทันทีแต่ไม่เห็นการเปลี่ยนแปลง สิ่งสำคัญคือต้องเข้าใจว่า Rich Snippet ไม่แสดงทันทีหลังใส่ Schema:

• Crawl ใหม่ก่อน — Google ต้อง Crawl หน้านั้นใหม่ก่อน ถึงจะเห็น Schema ใหม่ ใช้ URL Inspection Tool ใน Search Console แล้วกด "Request Indexing" เพื่อเร่งกระบวนการ
• รอ 2-4 สัปดาห์ — แม้ Google Crawl แล้ว Rich Snippet อาจไม่แสดงทันที Google ต้องตรวจสอบว่า Schema น่าเชื่อถือก่อน
• ไม่ใช่ทุกหน้าที่จะได้ Rich Snippet — Google มีสิทธิ์เลือกไม่แสดง Rich Snippet แม้ Schema ถูกต้อง 100% เพราะพิจารณาปัจจัยอื่นร่วมด้วย เช่น Domain Authority, Content Quality
• ติดตามผ่าน Search Console — Search Console → Enhancements จะแสดงสถานะ Rich Results ของแต่ละประเภท Schema ที่ Google ตรวจพบ

Hosting ที่รองรับ WordPress Schema ได้ดี

การใส่ Schema Markup อย่างถูกต้องต้องการ WordPress ที่ทำงานได้เต็มประสิทธิภาพ เซิร์ฟเวอร์ที่ช้า หรือ PHP เวอร์ชันเก่า อาจทำให้ Plugin SEO ทำงานผิดพลาดและ Schema ถูกสร้างไม่ครบ ควรเลือก Hosting ที่มี PHP 8.x, Server ที่มี Uptime 99% และรองรับ WordPress อย่างเต็มรูปแบบ