ตัวสร้างเมตาแท็ก | เพิ่มประสิทธิภาพ SEO ของคุณ

ตัวสร้างเมตาแท็กช่วยให้สร้างและปรับแต่งเมตาแท็ก เช่น Meta Title, Meta Description, และ Meta Keywords ได้รวดเร็ว พร้อมตัวอย่างการแสดงผลในเครื่องมือค้นหา เพื่อเพิ่มโอกาสดึงดูดผู้เข้าชมและปรับปรุง SEO.

ในเบราว์เซอร์ อัปเดต 05/2026

เมตาแท็กพื้นฐาน
จำเป็น
0/60 ตัวอักษร
0/160 ตัวอักษร
เมตาแท็กขั้นสูง
เลือกได้
แท็กโซเชียลมีเดีย
เลือกได้
Open Graph (Facebook)
Twitter Card
คุณสมบัติหลัก
  • สร้างเมตาแท็กที่จำเป็นสำหรับ SEO
  • ปรับแต่งการตั้งค่าชุดตัวอักษรและ viewport
  • ควบคุมพฤติกรรมการจัดทำดัชนีของหุ่นยนต์
  • เพิ่มข้อมูลผู้เขียนและลิขสิทธิ์
  • สร้างแท็ก Open Graph และ Twitter Card
  • ตั้งค่า URL แบบ Canonical และการตั้งค่าภาษา
  • คัดลอกรหัสที่สร้างขึ้นด้วยคลิกเดียว
กรณีการใช้งานทั่วไป
  • สร้างเมตาแท็กสำหรับหน้าเว็บใหม่
  • เพิ่มประสิทธิภาพ SEO ของเว็บไซต์ที่มีอยู่
  • ตั้งค่า viewport ที่เหมาะสมสำหรับอุปกรณ์เคลื่อนที่
  • ควบคุมการจัดทำดัชนีของเครื่องมือค้นหา
  • เพิ่มข้อมูลลิขสิทธิ์และการเป็นผู้เขียน
  • เพิ่มประสิทธิภาพการแชร์บนโซเชียลมีเดีย
  • จัดการเนื้อหาที่ซ้ำกันด้วย URL แบบ Canonical

ใช้เครื่องมือนี้จาก AI agent ของคุณ

JSON API ฟรีและเซิร์ฟเวอร์ Model Context Protocol (MCP) ฟรี ไม่ต้องลงทะเบียน ไม่ต้องใช้ API key, CORS เปิด ออกแบบสำหรับ Claude, ChatGPT, Cursor, สคริปต์ และแอปฟรอนต์เอนด์

curl -X POST https://mate.tools/api/v1/meta-tags-generate.php \
  -H "Content-Type: application/json" \
  -d '{"title":"My Page","description":"A short page description.","url":"https://example.com","image":"https://example.com/og.jpg"}'
import urllib.request, json

req = urllib.request.Request(
    "https://mate.tools/api/v1/meta-tags-generate.php",
    data=json.dumps({"title":"My Page","description":"A short page description.","url":"https://example.com","image":"https://example.com/og.jpg"}).encode(),
    headers={"Content-Type": "application/json"},
)
with urllib.request.urlopen(req) as r:
    print(json.load(r))
const r = await fetch("https://mate.tools/api/v1/meta-tags-generate.php", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({"title":"My Page","description":"A short page description.","url":"https://example.com","image":"https://example.com/og.jpg"}),
});
console.log(await r.json());

เพิ่มลงใน claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor) หรือไคลเอ็นต์อื่นที่รองรับ MCP:

{
  "mcpServers": {
    "mate-tools": {
      "command": "npx",
      "args": ["-y", "@mate-tools/mcp-server"]
    }
  }
}
เอกสาร API OpenAPI 3.1 npm 60 คำขอ/นาที · 600 คำขอ/ชม. · เนื้อหาสูงสุด 1 MB
วิธีการใช้งาน
  1. ใส่ชื่อเว็บไซต์และคำอธิบายของคุณ
  2. เลือกชุดตัวอักษรที่เหมาะสม (โดยปกติคือ UTF-8)
  3. เปิดใช้งาน viewport หากเว็บไซต์ของคุณตอบสนอง
  4. กำหนดค่าเมตาแท็กหุ่นยนต์ตามความจำเป็น
  5. เพิ่มแท็ก Open Graph และ Twitter Card สำหรับการแชร์บนโซเชียล
  6. ตั้งค่า URL แบบ Canonical หากจำเป็น
  7. คลิกสร้างและคัดลอกรหัสไปยังเว็บไซต์ของคุณ
คำถามที่พบบ่อย

Meta tags เป็นองค์ประกอบ HTML ที่ให้ข้อมูลเกี่ยวกับหน้าเว็บแก่เครื่องมือค้นหาและเบราว์เซอร์

viewport meta tag ช่วยให้เว็บไซต์ของคุณตอบสนองและเป็นมิตรกับอุปกรณ์เคลื่อนที่

robots meta tag บอกเครื่องมือค้นหาว่าควรจัดทำดัชนีหน้าของคุณและตามลิงก์หรือไม่

ใช่ หากเว็บไซต์ของคุณตอบสนองและทำงานบนอุปกรณ์เคลื่อนที่

UTF-8 เป็นชุดตัวอักษรที่แนะนำเพราะรองรับอักขระและสัญลักษณ์ทั้งหมด

Open Graph tags ช่วยควบคุมลักษณะที่เนื้อหาของคุณปรากฏเมื่อแชร์บนแพลตฟอร์มโซเชียลมีเดียเช่น Facebook

Canonical URL ช่วยป้องกันปัญหาเนื้อหาซ้ำซ้อนโดยการกำหนดเวอร์ชันที่ต้องการของหน้า

Twitter Card tags ช่วยเพิ่มประสิทธิภาพการปรากฏของเนื้อหาของคุณเมื่อแชร์บน Twitter