Meta Tag Generator
Meta Tag Generator — ทำงานในเบราว์เซอร์ ไม่บันทึกข้อมูล
วิธีใช้
- กรอก title และ description ประมาณ 120–160 ตัวอักษรแนะนำสำหรับคำอธิบาย
- หากปล่อย og:title และ og:description ว่าง จะใช้ title และ description ตามที่เป็น
- ใส่ URL สัมบูรณ์ของรูปแชร์ใน URL og:image
- ใน twitter:card เลือก summary_large_image, summary หรือ none
- หลัง สร้าง คัดลอก แท็กเมตา HTML ใส่ head รีเซ็ต ล้างช่อง
แนวคิดหลัก
ตัวสร้างแท็กเมตา ทำแท็ก title, description, Open Graph และ Twitter Card ที่ใช้ในสนิปเพตค้นหาและตัวอย่างโซเชียล เครื่องมือค้นหาอาจเลือกประโยคอื่นจากเนื้อหา จึงไม่รับประกันว่า description จะขึ้นตามที่เป็น บางแพลตฟอร์มไม่แสดงรูปบนการ์ดหาก og:image ว่าง
ชื่อยาวถูกตัดในแท็บและผลการค้นหา จึงใส่คำสำคัญก่อน การสร้างเกิดในเบราว์เซอร์เท่านั้น ไม่มีการตัดจำนวนตัวอักษรบังคับ หาก URL รูปไม่ใช่ HTTPS บางแอปแชทอาจการ์ดว่าง
ตัวอย่าง
ใส่ชื่อบทความใน title สรุปใน description URL PNG ใน og:image แล้วสร้าง จะได้ชุดแท็กพร้อมใส่ head หาก og title ว่าง ชื่อเดียวกันเข้า og:title ด้วย ตั้ง Twitter Card เป็น none แล้วเมตานั้นถูกตัด สนิปเพตค้นหาไม่รับประกันว่าจะใช้ description ตามที่เป็น เพราะ Google อาจเลือกประโยคอื่นจากเนื้อหา หาก og:image ว่าง บางแพลตฟอร์มไม่แสดงโลโก้บนการ์ด จึงควรรูปเฉพาะ ชื่อยาวเกินถูกตัดในแท็บและผลการค้นหา จึงใส่คำสำคัญแกนก่อน Twitter Card รูปใหญ่ทำให้ตัวอย่างลิงก์กว้างขึ้นและอาจเพิ่มคลิก หากลองอินพุตเดิมหลายครั้ง ให้รีเซ็ตแล้ววางใหม่เพื่อไม่ปะปนกับเอาต์พุตก่อน บนคอมพิวเตอร์ที่ใช้ร่วมกัน ให้ล้างช่องเมื่อเสร็จเพื่อไม่ให้ข้อความต้นค้างบนจอ ปิดแท็บเบราว์เซอร์ก็ล้างสิ่งที่เพิ่งวาง ไม่ต้องส่งคำขอลบไปเซิร์ฟเวอร์ ชื่อปุ่มและหัวช่องตรงกับเครื่องมือด้านบนของหน้า จึงทำตามบทความนี้ไปพร้อมใช้ได้ หากผลว่าง ให้ตรวจก่อนว่าช่องที่ต้องกรอกครบและไม่มีข้อความผิดพลาดซ่อน บทความนี้เป็นวิธีใช้ ไม่ได้หมายความว่าข้อมูลอินพุตถูกเก็บในที่เก็บภายนอก บนมือถือ ปุ่มคัดลอกอาจขอสิทธิ์คลิปบอร์ด — อนุญาตแล้วแตะอีกครั้ง อินพุตใหญ่ทำให้เบราว์เซอร์ช้า จึงควรวางเฉพาะช่วงที่ต้องใช้
ที่เกี่ยวข้อง: สร้าง JSON-LD · HTML → เมตา · สร้าง UTM
คำถามที่พบบ่อย
แท็กเมตามีจำกัดตัวอักษรหรือไม่
ไม่ถูกบังคับ ประมาณ 120–160 ตัวอักษรแนะนำสำหรับ description
ถ้าปล่อยช่อง og ว่างจะเกิดอะไร
og:title และ og:description ใช้ title และ description ตามที่เป็น
แท็กถูกเก็บบนเซิร์ฟเวอร์หรือไม่
ไม่ ประกอบในเบราว์เซอร์เท่านั้น
twitter:card none หมายความว่าอะไร
ไม่ส่งออกเมตา Twitter Card สำหรับเมื่อต้องการแค่ OG
description ขึ้นตามที่เป็นในผลการค้นหาหรือไม่
ไม่จำเป็น เครื่องมือค้นหาบางครั้งเลือกประโยคอื่นจากเนื้อหา
og:image รับพาธสัมพัทธ์หรือไม่
แนะนำ URL สัมบูรณ์ พาธสัมพัทธ์พังง่ายบนการ์ด
ตรวจทานล่าสุด: 2026-09-04