Tạo Meta Tags Open Graph & Twitter Card

Generate meta tags Open Graph (Facebook) và Twitter Card để tối ưu cách hiển thị link khi share trên social media. Hỗ trợ preview và validation.

📝 Thông tin cơ bản

📏 Tối ưu: 60-90 ký tự | 0 ký tự
📏 Tối ưu: 150-200 ký tự | 0 ký tự
📐 Khuyến nghị: 1200×630px (tỷ lệ 1.91:1)
💾 Dung lượng: <8MB | Format: JPG, PNG

📖 Cách sử dụng

1. Chọn loại nội dung (Website, Article, Product, Video)

2. Điền đầy đủ thông tin: tiêu đề, mô tả, hình ảnh, URL

3. Điền thông tin bổ sung tùy theo loại content

4. Nhấn "Tạo Meta Tags" để xem kết quả

5. Copy các thẻ meta và dán vào <head> của trang HTML

6. Test bằng Facebook Debugger và Twitter Card Validator

❓ Câu hỏi thường gặp

Open Graph là gì? Giao thức của Facebook để hiển thị rich preview khi share link.

Twitter Card là gì? Meta tags của Twitter để hiển thị card đẹp khi tweet link.

Có bắt buộc không? Không, nhưng giúp tăng CTR khi share lên 2-3 lần.

Kích thước ảnh tối ưu? 1200×630px (OG) hoặc 1200×675px. Tối thiểu 600×314px.

Test ở đâu? Facebook Debugger, Twitter Card Validator, LinkedIn Post Inspector.

Best Practices:

📏 Title: 60-90 ký tự (hiển thị đầy đủ trên mọi platform)

📝 Description: 150-200 ký tự (đủ hấp dẫn nhưng không quá dài)

🖼️ Image: 1200×630px, <8MB, JPG/PNG (không dùng GIF animated)

🔗 URL: Absolute URL (https://...), không relative path

Required: og:title, og:description, og:image, og:url

🎯 Type: Chọn đúng type để có thêm fields đặc thù

📱 Mobile: Test trên cả desktop và mobile

🔄 Update: Clear cache khi thay đổi: Facebook Debugger > Scrape Again

Công cụ kiểm tra:

🔵 Facebook: Sharing Debugger

🐦 Twitter: Card Validator

💼 LinkedIn: Post Inspector

📊 All-in-one: OpenGraph.xyz, SocialSharePreview.com

Ví dụ meta tags

<meta property="og:title" content="Hướng dẫn SEO toàn tập 2024" />

<meta property="og:description" content="Khóa học SEO từ cơ bản đến nâng cao..." />

<meta property="og:image" content="https://example.com/seo.jpg" />

<meta property="og:url" content="https://example.com/seo-guide" />

<meta name="twitter:card" content="summary_large_image" />

Tiện ích liên quan

Dọn Dẹp Danh Sách URL

Dọn Dẹp Danh Sách URL

Công cụ này giúp bạn lọc và chuẩn hóa danh sách URL. Xóa URL trùng lặp, xóa domain trùng lặp (giữ URL đầu tiên), loại bỏ hoặc thêm tiền tố
Phát Hiện Nội Dung AI

Phát Hiện Nội Dung AI

Phân tích văn bản để phát hiện dấu hiệu nội dung được tạo bởi AI (ChatGPT, Claude, Gemini). Sử dụng phân tích heuristic dựa trên độ đa dạng câu, từ
Làm Đẹp JavaScript

Làm Đẹp JavaScript

Định dạng (beautify) hoặc nén (minify) code JavaScript với các tùy chọn tùy chỉnh. Hỗ trợ ES6+, JSX, và TypeScript syntax.
Mã Hóa/Giải Mã Base64

Mã Hóa/Giải Mã Base64

Chuyển đổi văn bản sang Base64 và ngược lại. Hỗ trợ UTF-8, URL-safe variant, và tự động phát hiện chế độ encode/decode.
Chuyển Đổi Markdown ↔ HTML

Chuyển Đổi Markdown ↔ HTML

Chuyển đổi hai chiều giữa Markdown và HTML. Hỗ trợ các cú pháp Markdown phổ biến như headers, bold, italic, links, lists, code blocks, và nhiều hơn nữa.
Cấu Hình PHP

Cấu Hình PHP

Tạo mã cấu hình PHP cho nhiều phương pháp: php.ini, .htaccess, .user.ini, runtime function, và wp-config.php.