SEO
Meta Tags / Open Graph Generator
สร้าง HTML meta tag สำหรับ SEO, Open Graph (Facebook) และ Twitter Card — พร้อมตัวอย่างการ์ด
The meta tags in a page's <head> control how it appears in search results and in the preview card when it's shared on social media or messaging apps. This tool generates a full set of SEO, Open Graph, and Twitter Card tags along with a live preview of the card.
How to use it
- Fill in the page's title, description, URL, and image — the tags generate instantly, and a preview shows how the card will look on Facebook, X (Twitter), and similar services.
- Copy the finished HTML block and paste it into the page's <head>.
- Check the title and description length — values that are too long get truncated by the search engine or social platform.
Common uses
- Setting up Open Graph for a page so the link looks polished when shared on Telegram, Slack, or social media.
- Writing a title and meta description targeting a specific search query for a new page.
- Quickly sanity-checking a page's existing meta tags through the card preview before publishing.
Things to keep in mind
Open Graph and Twitter Card are separate standards; most platforms except X read og: tags directly, so duplicating the main fields under twitter: isn't always required, but it improves compatibility.
The og:image must be reachable at an absolute URL, not a relative path — otherwise the social platform's crawler won't be able to fetch it.
บทความเกี่ยวกับเครื่องมือนี้: Meta tag: แท็กไหนที่ส่งผลจริงต่อการค้นหาและโซเชียลมีเดีย
คำถามที่พบบ่อย
ทำไมต้องมีแท็ก Open Graph และ Twitter Card แยกกันถ้าทำหน้าที่เหมือนกัน?
แท็ก Open Graph (og:title, og:image ฯลฯ) ถูกอ่านโดย Facebook, LinkedIn และแพลตฟอร์มอื่น ๆ ส่วนใหญ่ ในขณะที่ Twitter มีชุดแท็กของตัวเอง (twitter:card, twitter:title) — Twitter จะใช้แท็ก Open Graph แทนหากไม่มีแท็กของตัวเอง แต่การเพิ่มทั้งสองช่วยรับประกันการแสดงตัวอย่างที่สอดคล้องกัน
og:image ของฉันควรมีขนาดเท่าไรจริง ๆ?
1200x630 พิกเซลเป็นขนาดที่แนะนำอย่างกว้างขวาง — แสดงผลได้ถูกต้องเป็นการ์ดตัวอย่างขนาดใหญ่บนแพลตฟอร์มส่วนใหญ่โดยไม่ถูกครอปแบบแปลก ๆ และอยู่ในขีดจำกัดขนาดไฟล์ทั่วไป
การสร้างแท็กเหล่านี้ส่งเนื้อหาของฉันไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ แท็กถูกสร้างขึ้นทั้งหมดจากสิ่งที่คุณพิมพ์ โดยตรงในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดอะไรไปที่ใดเลย
แท็ก canonical URL ทำหน้าที่อะไร?
บอกเครื่องมือค้นหาว่า URL เวอร์ชันใดในบรรดา URL ที่ซ้ำกันคือเวอร์ชัน "ทางการ" ที่ควรจัดทำดัชนีและจัดอันดับ โดยรวมสัญญาณการจัดอันดับที่กระจายอยู่ระหว่างตัวแปรต่าง ๆ (เช่น www และ non-www หรือ URL ที่มีพารามิเตอร์ติดตาม) ไว้ที่ URL เดียว
meta robots noindex ต่างจาก Disallow ใน robots.txt อย่างไร?
noindex ขอให้เครื่องมือค้นหาไม่จัดทำดัชนีหน้าที่ถูกรวบรวมข้อมูลไปแล้ว ในขณะที่ Disallow ใน robots.txt ป้องกันการรวบรวมข้อมูลทั้งหมด — หากหน้าถูก Disallow บอตจะไม่มีวันเห็นแท็ก noindex ของหน้านั้นเลย ดังนั้นจึงไม่ควรใช้สองคำสั่งนี้ร่วมกันในหน้าเดียวกัน