meta tag อยู่ในส่วน <head> ของหน้าเว็บ ทำหน้าที่บอกเสิร์ชเอนจินและแพลตฟอร์มโซเชียลว่าจะแสดงผลหน้านั้นอย่างไร เครื่องมือนี้สร้างชุด meta tag ทั้งหมดในคราวเดียว ทั้ง title และ meta description ที่ Google แสดงในผลการค้นหา คำสั่ง canonical และ robots รวมถึงแท็ก Open Graph และ Twitter Card ที่ควบคุมรูปภาพ ชื่อเรื่อง และข้อความเมื่อมีคนแชร์ลิงก์ของคุณ ค่าทุกค่าที่คุณพิมพ์จะถูก escape โดยอัตโนมัติ ดังนั้นเครื่องหมายคำพูดหรือวงเล็บมุมที่หลุดเข้ามาในชื่อเรื่องจะไม่มีทางทำให้โค้ดพัง และช่องที่เว้นว่างไว้จะไม่ถูกสร้างเป็นแท็กว่างเปล่า
Meta Tag Generator ฟรี
ทำงานในเบราว์เซอร์ทั้งหมด ไม่ต้องอัปโหลด ไม่ต้องสมัครสมาชิก
ข้อมูลหน้าเว็บ
meta tag ที่สร้างขึ้น
พรีวิวสด
example.com
ชื่อหน้าเว็บของคุณจะแสดงที่นี่
meta description ของคุณจะแสดงที่นี่ในสไตล์ผลการค้นหาและการ์ดโซเชียล
พรีวิว og:image
example.com
ชื่อหน้าเว็บของคุณจะแสดงที่นี่
meta description ของคุณจะแสดงที่นี่ในสไตล์ผลการค้นหาและการ์ดโซเชียล
meta tag generator คืออะไร
meta tag generator คือเครื่องมือที่แปลงชื่อหน้าเว็บ คำอธิบาย และข้อมูลสำหรับโซเชียลมีเดียของคุณ ให้กลายเป็น HTML meta tag ที่หน้าเว็บต้องใช้จริง ทั้ง title และ description สำหรับ SEO รวมถึงแท็ก Open Graph (og:) และ Twitter Card กรอกข้อมูลในแต่ละช่องแล้วระบบจะสร้างโค้ดที่ผ่านการ escape เรียบร้อยและพร้อมคัดลอกใช้งานได้ทันที ทุกอย่างประมวลผลในเบราว์เซอร์ของคุณเอง จึงไม่มีการอัปโหลดข้อมูลใด ๆ
วิธีใช้งาน
- 1กรอกข้อมูลหน้าเว็บของคุณ. พิมพ์ชื่อหน้าเว็บและ meta description จากนั้นเพิ่ม canonical URL และถ้าต้องการ ก็ใส่ og:image กับชื่อเว็บไซต์ด้วย
- 2ตั้งค่าตัวเลือกสำหรับโซเชียล. เลือก og:type เลือกขนาดของ Twitter card และใส่ชื่อผู้ใช้ Twitter ของคุณ ค่า og:url จะใช้ค่าเดียวกับ canonical URL โดยอัตโนมัติ
- 3ดูพรีวิวสดแบบเรียลไทม์. ผลลัพธ์สไตล์ Google และการ์ดโซเชียลจะอัปเดตทันทีขณะที่คุณพิมพ์ ทำให้เห็นว่าหน้าเว็บจะแสดงอย่างไรเมื่อถูกค้นเจอหรือแชร์
- 4คัดลอก meta tag. HTML จะถูกสร้างใหม่แบบเรียลไทม์ ให้คัดลอกแล้วนำไปวางไว้ในส่วน head ของหน้าเว็บคุณ
เหมาะกับใคร
- ผู้เชี่ยวชาญด้าน SEO ที่ต้องการเขียน title และ meta description ให้กระชับ พร้อมตรวจสอบความยาวตามข้อจำกัดของ Google
- นักพัฒนาเว็บไซต์ ที่ต้องการแท็ก Open Graph และ Twitter Card พร้อมใช้งานสำหรับเทมเพลตหน้าเว็บ
- นักการตลาด ที่ต้องการกำหนดรูปภาพ ชื่อเรื่อง และคำอธิบายที่จะปรากฏเมื่อมีการแชร์ลิงก์บนโซเชียลมีเดีย
- บล็อกเกอร์และเจ้าของร้านค้าออนไลน์ ที่ต้องการเพิ่ม meta tag ให้ถูกต้องโดยไม่ต้องพึ่งปลั๊กอินหรือการตั้งค่าใน CMS
คำถามที่พบบ่อย
meta tag generator นี้ฟรีไหม
ใช่ ฟรีทั้งหมด ไม่ต้องสมัครสมาชิกและไม่มีข้อจำกัดการใช้งาน ทำงานทั้งหมดในเบราว์เซอร์ของคุณ
ข้อมูลของฉันถูกอัปโหลดไปที่ไหนหรือไม่
ไม่ ชื่อเรื่อง คำอธิบาย และ URL ที่คุณกรอก จะถูกแปลงเป็น HTML meta tag ในเบราว์เซอร์ของคุณเท่านั้น ไม่มีการส่งไปยังเซิร์ฟเวอร์ใด ๆ
เครื่องมือนี้สร้าง meta tag อะไรบ้าง
สร้าง title tag, meta description, canonical link, คำสั่ง robots, ชุด Open Graph (og:type, og:title, og:description, og:url, og:image, og:site_name) และแท็ก Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site)
title และ description ควรมีความยาวเท่าไหร่
ควรตั้งเป้าให้ title ยาวไม่เกินประมาณ 60 ตัวอักษร และ meta description อยู่ที่ประมาณ 50 ถึง 160 ตัวอักษร เครื่องมือจะแจ้งเตือนหากยาวเกินไป เพราะ Google จะตัดข้อความ title และ description ที่เกินขีดจำกัดเหล่านี้ในผลการค้นหา
og:image กับ twitter:image ต่างกันอย่างไร
og:image คือรูปภาพที่แสดงเมื่อลิงก์ของคุณถูกแชร์บน Facebook, LinkedIn และแพลตฟอร์มส่วนใหญ่ ส่วน twitter:image คือรูปภาพสำหรับการ์ดของ X/Twitter เครื่องมือนี้ใช้ URL รูปภาพเดียวกันสำหรับทั้งสองแท็ก ซึ่งเป็นวิธีที่ใช้กันทั่วไป เพราะรูปขนาด 1200x630 เพียงรูปเดียวก็ใช้ได้กับทุกแพลตฟอร์ม
ควรนำ meta tag ที่สร้างขึ้นไปวางไว้ที่ไหน
ให้นำไปวางไว้ในส่วน <head> ของ HTML หน้าเว็บ คู่กับ meta tag อื่น ๆ ที่มีอยู่แล้ว จากนั้นสามารถตรวจสอบแท็กโซเชียลได้ด้วย Facebook Sharing Debugger หรือ Twitter Card Validator