ตัวสร้างเมตาแท็ก

สร้างเมตาแท็ก SEO, Open Graph และ Twitter พร้อมตัวอย่างการค้นหาและโซเชียลแบบสด

ไฟล์ไม่ออกจากอุปกรณ์ของคุณ
ทำงานในเบราว์เซอร์
ฟรี ไม่ต้องสมัคร ไม่มีลายน้ำ

Page

Title

0 chars

Description

0 chars

Canonical URL

Site name

Social sharing

Image URL

Absolute URL, ideally 1200 × 630 px.

Image description (alt)

Type

Locale

X card

Site @handle

Author @handle

Previews

Example

example.com

Page title

The page description appears here.

Choose a local image for the preview

Only shown here — the image URL above is never loaded.

Add a title.

Add a description.

HTML for <head> · 10 tags

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index, follow, max-image-preview:large">

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">

<!-- X (Twitter) -->
<meta name="twitter:card" content="summary_large_image">

<!-- Icons -->
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

วิธีใช้ ตัวสร้างเมตาแท็ก

กรอกชื่อเรื่อง คำอธิบาย และภาพแชร์ของหน้า เพื่อได้ HTML ที่พร้อมวางสำหรับ <head>: SEO, Open Graph การ์ด X (Twitter) robots สีธีม และแท็ก favicon ตัวอย่างสดแสดงว่าหน้าปรากฏอย่างไรบน Google, Facebook / LinkedIn, X และ Slack / Discord

1
ใส่ชื่อเรื่อง คำอธิบาย URL แคนอนิคัล และชื่อไซต์ใต้หน้า
2
ใต้การแชร์โซเชียล เพิ่ม URL ของรูป ข้อความทดแทน ประเภท และสไตล์การ์ด X
3
ตั้ง robots สีธีม และตัวเลือกอื่นใต้เทคนิค
4
ตรวจแท็บตัวอย่างและคำใบ้ความยาว แล้วคัดลอก HTML สำหรับ <head>

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

ชื่อเรื่องและคำอธิบายควรยาวเท่าใด?

Google มักตัดชื่อเรื่องราว 600 px (ประมาณ 60 อักขระ) และคำอธิบายราว 160 อักขระ เครื่องมือแสดงจำนวนและเตือนเมื่อข้อความสั้นหรือยาวเกินไป

ทำไมรูปของฉันถึงไม่แสดงในตัวอย่าง?

ตัวอย่างไม่โหลด URL ของรูปที่คุณใส่ เพื่อเห็นรูป ใช้เลือกรูปในเครื่องสำหรับตัวอย่าง มันถูกแสดงบนหน้านี้เท่านั้น

ขนาดรูปใดใช้ได้ดีที่สุดสำหรับ Open Graph?

ใช้ URL แบบสัมบูรณ์ไปยังรูปประมาณ 1200 × 630 px เส้นทางสัมพัทธ์ใช้ไม่ได้กับ og:image

เพิ่มแท็กบทความเช่นเวลาเผยแพร่และผู้เขียนหรือไม่?

ใช่ เมื่อประเภทเป็นบทความ ช่องสำหรับเผยแพร่และผู้เขียนปรากฏ และแท็ก article: ที่ตรงถูกเพิ่ม

มีอะไรถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?

ไม่มี แท็กและตัวอย่างถูกสร้างในเบราว์เซอร์ของคุณ