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

Meta Tag ที่จำเป็น

ชื่อเรื่องชื่อของหน้าเว็บของคุณ (แสดงในแท็บเบราว์เซอร์)

คำอธิบายสรุปเนื้อหาของหน้าเว็บของคุณอย่างกระชับ (แนะนำ 150-160 ตัวอักษร)

ผู้เขียน

คำสำคัญแยกคำสำคัญด้วยเครื่องหมายจุลภาค

Viewport

Robots

Meta Tag Open Graph

ชื่อเรื่อง OGชื่อเรื่องที่ปรากฏเมื่อแชร์บนแพลตฟอร์มโซเชียล

คำอธิบาย OGคำอธิบายที่ปรากฏในการแชร์บนโซเชียลมีเดีย

URL รูปภาพ OGรูปภาพที่จะแสดงเมื่อแชร์ (ขนาดที่แนะนำ: 1200×630px)

OG URL

Meta Tag Twitter Card

ประเภท Twitter Card

ชื่อเรื่อง Twitter

คำอธิบาย Twitter

URL รูปภาพ Twitterรูปภาพที่จะแสดงใน Twitter cards

Meta Tags ที่สร้าง

<!-- Basic Meta Tags -->
<title>ชื่อหน้าเว็บของคุณ</title>
<meta name="description" content="คำอธิบายสั้นๆ เกี่ยวกับเนื้อหาหน้าเว็บของคุณ ประมาณ 160 ตัวอักษรเพื่อ SEO ที่เหมาะสม" />
<meta name="author" content="ชื่อของคุณ" />
<meta name="keywords" content="seo, meta tags, html, การปรับแต่งเว็บไซต์" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="ชื่อหน้าเว็บของคุณ" />
<meta property="og:description" content="คำอธิบายสั้นๆ สำหรับการแชร์บนโซเชียลมีเดีย" />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:type" content="website" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="ชื่อหน้าเว็บของคุณ" />
<meta name="twitter:description" content="คำอธิบายสั้นๆ สำหรับการแชร์บน Twitter" />
<meta name="twitter:image" content="https://example.com/image.jpg" />

วิธีใช้ เครื่องมือสร้าง Meta Tag

1
กรอกข้อมูลสำคัญ
ป้อนชื่อหน้า คำอธิบาย คีย์เวิร์ด ผู้เขียน และคำสั่ง robots ในส่วน "Meta Tag สำคัญ"
2
เพิ่มแท็กสำหรับแชร์โซเชียล
กรอกช่อง Open Graph และ Twitter Card รวมถึงชื่อ คำอธิบาย และ URL รูปภาพ เพื่อควบคุมว่าหน้าจะมีหน้าตาอย่างไรเมื่อถูกแชร์
3
ตรวจดูแท็กที่สร้างขึ้น
ดูมาร์กอัป meta tag ถูกสร้างขึ้นแบบสดในส่วนผลลัพธ์ขณะที่คุณพิมพ์ในแต่ละช่อง

4
คัดลอกลงใน <head>
คลิก "คัดลอก Meta Tag" แล้ววาง HTML ที่สร้างขึ้นลงในส่วน head ของหน้าคุณ

คำถามที่พบบ่อย

ตัวสร้างนี้สร้าง meta tag ใดบ้าง

มันสร้างแท็ก SEO ที่สำคัญ (title, description, keywords, author, viewport และ robots) พร้อมแท็ก Open Graph และ Twitter Card ทำให้คุณได้ชุดที่ครบถ้วนสำหรับเครื่องมือค้นหาและการแสดงตัวอย่างบนโซเชียลในที่เดียว

แท็ก Open Graph และ Twitter Card มีไว้ทำอะไร

แท็ก Open Graph ควบคุมชื่อ คำอธิบาย และรูปภาพที่ปรากฏเมื่อหน้าของคุณถูกแชร์บนแพลตฟอร์มอย่าง Facebook และ LinkedIn ส่วนแท็ก Twitter Card ทำเช่นเดียวกันสำหรับ Twitter ลิงก์ของคุณจึงดูสวยงามแทนที่จะดูเรียบ ๆ

ชื่อและคำอธิบายของฉันควรยาวแค่ไหน

ตั้งเป้าให้ชื่อกระชับและคำอธิบายราว 150 ถึง 160 อักขระ ความยาวนี้ช่วยให้เครื่องมือค้นหาแสดงสนิปเพตทั้งหมดได้โดยไม่ตัดทอนในผลการค้นหา

ฉันควรใช้รูปภาพขนาดเท่าใดสำหรับแท็ก OG

รูปภาพ Open Graph ที่แนะนำคือ 1200 คูณ 630 พิกเซล ซึ่งแสดงเป็นตัวอย่างขนาดใหญ่ได้อย่างคมชัดบนเครือข่ายสังคมส่วนใหญ่ คุณระบุ URL รูปภาพและเครื่องมือจะแทรกลงในมาร์กอัปให้

ฉันควรวางแท็กที่สร้างขึ้นไว้ที่ไหน

วางไว้ภายในส่วน <head> ของ HTML ของคุณ ควรอยู่ใกล้ส่วนบน การสร้างเกิดขึ้นทั้งหมดในเบราว์เซอร์ของคุณ และเครื่องมือนี้ฟรีโดยไม่ต้องสมัคร

เครื่องมือที่เกี่ยวข้อง

ทำงานต่อด้วยเครื่องมือที่มีประโยชน์เหล่านี้

เครื่องสร้าง Robots.txt

เครื่องมือตรวจสอบห่วงโซ่การเปลี่ยนเส้นทาง URL

Open Graph Previewer

เครื่องมือเข้ารหัส/ถอดรหัสเอนทิตี HTML

เครื่องมือดูส่วนหัว HTTP

เครื่องมือดึง URL จากไซต์แมพ