ข้ามไปยังเนื้อหา
KoishiAI
EN
← สารบัญ

บทที่ 4 จาก 5 · SEO สำหรับเว็บไทย — ให้ Google เจอ เข้าใจ และเลือกหน้าของคุณ

Structured data และการแชร์: JSON-LD, Open Graph และรูปการ์ดที่ขึ้นจริง

บอก Google ว่าหน้าคือบทความ ร้านค้า หรือองค์กรด้วย JSON-LD บอก Facebook LINE และ X ว่าจะแสดงการ์ดอย่างไรด้วย Open Graph พร้อมกฎขนาดรูป เรื่องที่ Google เลิกแสดงแล้ว และบทเรียนรูปแชร์ที่หายไปทั้งเว็บ

บทนี้พูดถึงข้อมูลสองชุดที่คนอ่านมองไม่เห็นบนหน้า แต่มีผลกับหน้าตาของเว็บในที่อื่น ชุดแรกคือ structured data ให้ Google อ่าน ชุดที่สองคือ แท็ก Open Graph ซึ่งส่วนใหญ่ให้แอปอย่าง Facebook LINE และ X อ่าน อย่าเข้าใจว่าใส่ชุดหนึ่งแล้วอีกชุดได้ไปด้วย

Structured data (JSON-LD)Open Graph (og:)
ใครอ่านGoogleส่วนใหญ่คือ Facebook, LINE, X และแอปแชต (Google อาจอ่าน og:title ด้วย ดูบทที่ 3)
ใช้ทำอะไรบอกว่าหน้าคืออะไร และทำให้มีสิทธิ์แสดงผลแบบพิเศษ (rich result)กำหนดชื่อ คำอธิบาย และรูปของการ์ดตอนแชร์ลิงก์
ใส่ที่ไหน<script type="application/ld+json"><meta property="og:…"> ใน <head>

4.1 Structured data คืออะไร และไม่ใช่อะไร

Structured data คือข้อมูลที่เขียนตามคำศัพท์ของ schema.org เพื่อบอกชัด ๆ ว่าหน้านี้เป็นบทความ ร้านค้า สินค้า หรือองค์กร Google แนะนำรูปแบบ JSON-LD เพราะเขียนแยกจาก HTML ได้ทั้งก้อน

กฎที่ต้องจำ

  • ต้องตรงกับสิ่งที่คนเห็นบนหน้า Google ห้ามใส่ข้อมูลที่ผู้อ่านมองไม่เห็น แม้ข้อมูลนั้นจะถูกต้อง และห้ามสร้างหน้าว่างไว้เพื่อใส่ structured data อย่างเดียว
  • ต้องมี property ที่จำเป็นครบ จึงมีสิทธิ์แสดงผลแบบพิเศษ และ Google เขียนไว้ว่า structured data “ทำให้มีโอกาสแสดง แต่ไม่รับประกันว่าจะแสดง”
  • ทดสอบด้วย Rich Results Test ของ Google ก่อนขึ้นเว็บ

ตัวอย่าง JSON-LD ของบทความ

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "วิธีเลือกโน้ตบุ๊กสำหรับตัดต่อวิดีโอ",
  "image": ["https://example.com/images/laptop-16x9.jpg"],
  "datePublished": "2026-09-24T08:00:00+07:00",
  "author": [{ "@type": "Person", "name": "สมชาย ใจดี", "url": "https://example.com/authors/somchai" }]
}

4.2 ชนิดที่เว็บไทยใช้บ่อย

ชนิดproperty ที่จำเป็นที่ Google แนะนำ และจุดที่คนไทยพลาดบ่อย
Article, NewsArticle, BlogPostingไม่มีheadline, image หลายสัดส่วน (16x9, 4x3, 1x1) แต่ละรูปอย่างน้อย 50,000 พิกเซล (กว้าง × สูง), datePublished และ dateModified ที่มีเขตเวลา เช่น +07:00, author ที่เป็นชื่อล้วนไม่มีคำนำหน้า
LocalBusiness (ร้าน, คลินิก, โรงแรม)name, addressเบอร์โทรใส่รหัสประเทศ +66 แทนเลข 0 ข้างหน้า
Organizationไม่มีlogo ขนาดอย่างน้อย 112x112 พิกเซล

คำนำหน้าชื่อ: Google ให้ author.name มีแค่ชื่อ ไม่ใส่คำนำหน้า ตำแหน่ง หรือชื่อสำนักพิมพ์ เว็บไทยมักติด “นาย” “นางสาว” “ดร.” มาจากระบบหลังบ้าน ต้องตัดออก ถ้าอยากใส่คำนำหน้าให้ใช้ property honorificPrefix แยก

เขตเวลา: ถ้าวันที่ไม่มีเขตเวลา Google จะใช้เขตเวลาของ Googlebot แทน ซึ่งไม่ใช่เวลาไทย ให้ลงท้าย +07:00

4.3 สิ่งที่ Google เลิกแสดงแล้ว

คู่มือ SEO ภาษาไทยหลายชิ้นยังแนะนำให้ใส่ FAQ และ HowTo แต่ทั้งสองแบบไม่ขึ้นเป็นผลค้นหาแบบพิเศษแล้ว

ชนิดGoogle เลิกแสดงเมื่อ
FAQPage7 พฤษภาคม 2026
HowToกันยายน 2023

FAQ ถูกจำกัดไปนานแล้วก่อนเลิกจริง ตั้งแต่สิงหาคม 2023 Google แสดงเฉพาะเว็บรัฐบาลและเว็บสุขภาพที่เป็นที่รู้จักและน่าเชื่อถือ เว็บส่วนใหญ่จึงไม่เห็น FAQ ในผลค้นหามาตั้งแต่ปี 2023

ใส่ต่อได้ไม่ผิด แต่ไม่ได้ทำให้ผลค้นหาเปลี่ยน อย่าจ้างใครทำเพิ่มด้วยเหตุผลนี้

4.4 Open Graph: การ์ดตอนแชร์ลิงก์

แท็กพื้นฐานที่ควรมีทุกหน้า

<meta property="og:title" content="ข้าวมันไก่ประตูน้ำ สาขาสุขุมวิท">
<meta property="og:description" content="ข้าวมันไก่ต้ม ไก่ทอด น้ำจิ้มสูตรเดิม">
<meta property="og:image" content="https://example.com/images/sukhumvit-1200x630.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="https://example.com/branches/sukhumvit">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

แต่ละแอปอ่านต่างกัน

  • Facebook: อ่านครบชุด ถ้าไม่มี og:type ถือว่าเป็น website และนับยอดแชร์รวมที่ og:url
  • LINE: ใช้แค่ og:title, og:description, og:image ถ้าไม่มี og:title จะใช้ <title> แทน
  • X: อ่านแท็ก twitter: ก่อน ถ้าไม่มีจะใช้ og: แทน ยกเว้น twitter:card ที่ต้องใส่เองถ้าอยากได้รูปใหญ่ (ข้อมูลของ X มาจากคู่มือหลายแห่งที่อ้างเอกสารเดิม เพราะเอกสารการ์ดของ X เปิดไม่ได้แล้ว)

ขนาดรูปการ์ด

เงื่อนไข (Facebook)ค่า
แสดงผลดีที่สุดอย่างน้อย 1200x630 พิกเซล
ต่ำกว่านี้จะขึ้นเป็นรูปเล็ก600x315
ต่ำสุดที่รับ200x200
สัดส่วนที่ไม่ถูกครอปประมาณ 1.91:1
ขนาดไฟล์สูงสุด8 MB

ใส่ og:image:width และ og:image:height ไว้ด้วย Facebook บอกว่าช่วยให้การแชร์ครั้งแรกขึ้นรูปทันที ไม่ต้องรอโหลดรูปก่อน และ อย่าใช้รูป SVG เป็นรูปการ์ด เพราะแอปแชร์ไม่แสดง (ข้อนี้มาจากหลายแหล่งที่ตรงกัน เอกสาร Facebook ไม่ได้ระบุชนิดไฟล์)

แก้แล้วแต่ยังขึ้นของเก่า

แอปแชร์เก็บการ์ดไว้ในแคช Facebook เก็บรูปตาม URL ของรูป และจะไม่อัปเดตจนกว่า URL จะเปลี่ยน

  • Facebook: เปิด Sharing Debugger ใส่ URL แล้วกด Scrape Again
  • LINE: เคยมีเครื่องมือชื่อ PagePoker สำหรับล้างแคชพรีวิว แต่ตอนนี้เปิดไม่ได้แล้ว (ตรวจเมื่อกันยายน 2026) ทางที่ยังได้ผลคือข้อถัดไป
  • เปลี่ยนรูปแล้ว ให้เปลี่ยนชื่อไฟล์รูปด้วย ทุกแอปจะเห็นเป็น URL ใหม่ที่ไม่เคยเก็บแคชไว้

4.5 บทเรียนจาก KoishiAI: รูปแชร์ที่ไม่เคยมีอยู่จริง

ระบบของเราตั้งให้ทุกหน้าที่ไม่มีรูปของตัวเองใช้รูปการ์ดกลางไฟล์หนึ่ง แต่ไฟล์นั้น ไม่เคยถูกสร้างขึ้นเลย เวลาใครแชร์หน้าแรกหรือหน้าเครื่องมือ การ์ดจะไม่มีรูปมาตลอด ไม่มีระบบไหนเตือน เพราะหน้าเว็บเองแสดงผลปกติ เราเพิ่งจับได้ตอนสร้างเครื่องมือตรวจพรีวิวลิงก์ แล้วลองใช้กับเว็บตัวเอง

เจอปัญหาต่อเนื่องอีกสองเรื่องจากการตรวจครั้งเดียวกัน

  • บทความบางชิ้นใช้รูป SVG เป็นรูปหลัก ซึ่งแอปแชร์ไม่แสดง ตอนนี้บทความพวกนั้นใช้รูปการ์ดกลางตอนแชร์แทน ส่วนในหน้ายังแสดง SVG ตามเดิม
  • ไฟล์โลโก้มีลายตารางหมากรุกสีเทาวาดติดไว้ในรูป ไม่ได้โปร่งใสจริง ขึ้นเป็นกล่องเทาบนหัวเว็บ

ข้อคิดคือ ตรวจสิ่งที่ผู้ใช้เห็นจริงในแอปปลายทาง ไม่ใช่แค่ดูว่าแท็กมีอยู่ในโค้ด แท็กที่ชี้ไปไฟล์ที่ไม่มี ดูในโค้ดแล้วเหมือนถูกทุกอย่าง

4.6 ลงมือหลังอ่านบทนี้

  • วาง HTML ของหน้าแรกและหน้าสินค้าหรือบทความหลักลงในเครื่องมือพรีวิวลิงก์ ดูการ์ดทั้ง Facebook LINE และ X
  • เปิด URL ของ og:image ตรง ๆ ดูว่ามีไฟล์จริงและขนาดถึง 1200x630
  • สร้าง JSON-LD ให้ประเภทหน้าหลักของเว็บ แล้วตรวจด้วย Rich Results Test
  • ถ้ายังมี FAQPage หรือ HowTo ไม่ต้องรีบลบ แต่ไม่ต้องลงแรงเพิ่ม

เครื่องมือที่เกี่ยวข้อง

แหล่งอ้างอิง