เครื่องมือสร้างเมตาแท็ก

สร้างเมตาแท็ก SEO, Open Graph และ X พร้อมตัวอย่างแบบสด

ช่องข้อมูล

SEO หลัก
การจัดทำดัชนี
การติดตามลิงก์

ชื่อ คำอธิบาย และ URL สำหรับโซเชียลจะคัดลอกจากช่อง SEO หลัก

Open Graph
X (Twitter)
ประเภทการ์ด
ขั้นสูง

เพิ่ม meta charset และ viewport ให้ HTML, React Helmet, Nuxt และ Astro

ดูตัวอย่าง

เริ่มจากชื่อหน้า
กรอกช่องข้อมูลหรือโหลดตัวอย่างเพื่อดูตัวอย่างและโค้ด

สิ่งที่พบ

เริ่มจากชื่อหน้า
เครื่องมือนี้ทำอะไร

เครื่องมือสร้างเมตาแท็กสร้างแท็ก SEO, Open Graph และ X (Twitter) ของหน้าเว็บจากฟอร์มเดียว แสดงตัวอย่างโดยประมาณสำหรับการค้นหาและโซเชียล ตรวจข้อผิดพลาดที่พบบ่อย และส่งออกแท็กชุดเดียวกันเป็นโค้ด HTML สำหรับ head, ออบเจ็กต์ metadata ของ Next.js, React Helmet, Nuxt useHead หรือคอมโพเนนต์ Astro

วิธีใช้
  1. 1.กรอกชื่อหน้า คำอธิบายเมตา และ URL หลัก
  2. 2.เปิด "ใช้ค่า SEO สำหรับโซเชียล" ไว้เพื่อใช้ค่าเดียวกันกับ Open Graph และ X หรือปิดเพื่อเขียนข้อความโซเชียลแยก
  3. 3.เพิ่ม URL รูปภาพแบบเต็ม ข้อความแทนรูปภาพ และชื่อเว็บไซต์สำหรับการ์ดแชร์
  4. 4.ตรวจดูตัวอย่างการค้นหา, Open Graph และ X รวมถึงผลการตรวจ
  5. 5.เปิดแท็บโค้ด เลือกรูปแบบ แล้วคัดลอกหรือดาวน์โหลด
คุณสมบัติ
  • •ทุกค่าถูก escape สำหรับ HTML และ JavaScript เครื่องหมายคำพูด แอมเพอร์แซนด์ และวงเล็บมุมจึงไม่ทำให้ผลลัพธ์เสีย
  • •แท็กเรียงลำดับเหมือนเดิมเสมอ และทุกรูปแบบสร้างจากโมเดลเดียวกัน
  • •การตรวจจะแจ้ง URL หลักที่หายไปหรือไม่มีสคีม URL รูปภาพแบบสัมพัทธ์ noindex โฮสต์ที่ไม่ตรงกัน และความยาวชื่อหรือคำอธิบายที่ผิดปกติ
  • •ทำงานทั้งหมดในเบราว์เซอร์ของคุณ รูปภาพจะโหลดเมื่อคุณเลือกแสดงรูปภาพเท่านั้น
ข้อจำกัด

ตัวอย่างและการตรวจความยาวเป็นค่าประมาณ Google, Facebook, X และแพลตฟอร์มอื่นแสดงผลด้วยฟอนต์ของตนเองและอาจเขียนใหม่หรือตัดชื่อและคำอธิบาย จึงไม่มีตัวอย่างใดตรงกับผลจริงทุกประการ

CodingTool เปิดตัวอย่างเป็นทางการบน

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.toolsLaunchpadly Startup DirectoryCodingTool.dev — Featured on Smol Launch