เครื่องมือสร้าง Meta Tag

เครื่องมือสร้าง Meta Tag ออนไลน์ฟรี

สร้าง HTML meta tags ที่เหมาะกับเว็บไซต์ของคุณในที่เดียว ทั้ง SEO tags พื้นฐาน, Open Graph tags สำหรับการแชร์ และ Twitter Card tags โดยไม่ต้องเขียนเองตั้งแต่ต้น

Meta Tags คืออะไร?

Meta tags คือองค์ประกอบ HTML ที่อยู่ในส่วน head ของหน้าเว็บ ใช้บอกข้อมูลเกี่ยวกับหน้าให้ search engines, แพลตฟอร์มโซเชียล และเบราว์เซอร์ ช่วยควบคุมการแสดงผลในผลการค้นหาและตัวอย่างลิงก์ที่ถูกแชร์

Meta Tags สำคัญสำหรับ SEO

<!-- Basic Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Title - Site Name</title>
<meta name="description" content="Page description here">
<meta name="keywords" content="keyword1, keyword2">
<meta name="author" content="Author Name">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://example.com/page">

Open Graph Meta Tags

Open Graph tags กำหนดชื่อ คำอธิบาย รูปภาพ และตัวอย่างลิงก์เมื่อหน้าเว็บถูกแชร์บน Facebook, LinkedIn, แอปแชต และแพลตฟอร์มโซเชียลอื่นๆ

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="Page Title">
<meta property="og:description" content="Page description">
<meta property="og:url" content="https://example.com/page">
<meta property="og:image" content="https://example.com/image.jpg">
<meta property="og:site_name" content="Site Name">

Twitter Card Meta Tags

Twitter Card tags ควบคุมว่าลิงก์จะแสดงบน X (Twitter) อย่างไร หากไม่มี tag เฉพาะของ Twitter หลายแพลตฟอร์มจะใช้ค่าจาก Open Graph แทน

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description">
<meta name="twitter:image" content="https://example.com/image.jpg">
<meta name="twitter:site" content="@yoursite">

แนวทางที่ดีสำหรับ Meta Tags

ทำไม Meta Tags ถึงสำคัญกับ SEO

วิธีใช้เครื่องมือนี้

1. กรอก Meta พื้นฐาน: ใส่ชื่อหน้า คำอธิบาย คีย์เวิร์ด ผู้เขียน และ canonical URL
2. ตั้งค่า Open Graph: ปรับแต่งการแสดงผลบน Facebook, LinkedIn และแพลตฟอร์มโซเชียลอื่นๆ
3. ตั้งค่า Twitter Card: กำหนด tag สำหรับการแชร์บน X (Twitter) และข้อความตัวอย่าง
4. ดูตัวอย่าง: ตรวจตัวอย่าง Google และโซเชียลเพื่อดูว่าหน้าจะปรากฏอย่างไร
5. ใช้ชุดค่าตัวอย่าง: เริ่มได้เร็วด้วยประเภทหน้าที่พบบ่อย เช่น บล็อก สินค้า พอร์ตโฟลิโอ และ landing page
6. คัดลอกหรือดาวน์โหลด: คัดลอก meta tags ที่สร้างแล้วหรือดาวน์โหลดเป็นไฟล์ HTML จากนั้นวางลงในส่วน head ของหน้าเว็บ

เหมาะสำหรับ