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

Chuyển Đổi Kiểu Chữ

Chuyển Đổi Kiểu Chữ

Chuyển văn bản sang Uppercase, Lowercase, Toggle Case, kèm đếm ký tự và từ theo thời gian thực.
Trích Xuất URL Từ Văn Bản

Trích Xuất URL Từ Văn Bản

Tự động tìm và trích xuất tất cả URL từ văn bản, tài liệu hoặc HTML.
Chuyển Đổi WebP sang JPEG/PNG

Chuyển Đổi WebP sang JPEG/PNG

Chuyển đổi ảnh WebP sang định dạng JPEG hoặc PNG. Xử lý ngay trên trình duyệt, không upload lên server.
Xóa thẻ HTML

Xóa Thẻ HTML

Loại bỏ tất cả thẻ HTML và chỉ giữ lại văn bản thuần túy, an toàn với ký tự hợp lệ
Phân Nhóm Từ Khóa

Phân Nhóm Từ Khóa

Công cụ giúp bạn tự động phân loại hàng nghìn từ khóa vào các nhóm chủ đề dựa trên danh sách từ khóa gốc. Hỗ trợ xử lý tiếng Việt
Đếm Token AI & Tính Chi Phí

Đếm Token AI & Tính Chi Phí

Đếm token và ước tính chi phí API cho ChatGPT, GPT-4, Claude và các mô hình AI khác