Trình tạo Open Graph
Khi một liên kết được chia sẻ, Facebook, LinkedIn, WhatsApp, Slack và X dựng thẻ xem trước từ các thẻ Open Graph của trang. Hãy nhập tiêu đề, mô tả và ảnh, xem thẻ hiển thị ra sao rồi sao chép các thẻ. Công cụ sẽ cảnh báo khi thiếu ảnh hoặc ảnh quá nhỏ.
Nhập từ HTML có sẵn
Tùy chọn khác: tác giả, màu giao diện, robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
HTML cho <head>
Cách sử dụng
- Nhập tiêu đề, mô tả và địa chỉ đầy đủ của trang.
- Dán địa chỉ ảnh chia sẻ (lý tưởng là 1200 × 630 pixel) và kiểm tra bản xem trước trên Facebook và X.
- Sao chép các thẻ vào <head> của trang. Sau khi đăng, hãy dùng công cụ gỡ lỗi chia sẻ của từng mạng để làm mới bộ nhớ đệm.
Câu hỏi thường gặp
Ảnh og:image nên có kích thước bao nhiêu?
Dùng 1200 × 630 pixel (tỷ lệ 1,91:1), kích thước Facebook và LinkedIn khuyên dùng cho thẻ lớn; X sẽ cắt thẻ lớn theo tỷ lệ 2:1. Đừng đặt chữ quan trọng sát mép ảnh và hãy dùng địa chỉ https:// đầy đủ.
Tôi có cần thẻ Twitter (X) riêng không?
Chỉ cần twitter:card. X sẽ đọc og:title, og:description và og:image khi thiếu thẻ riêng, nên công cụ chỉ thêm loại thẻ và, nếu bạn muốn, @username của bạn.
Tôi đã đổi thẻ nhưng bản xem trước cũ vẫn hiện. Vì sao?
Các mạng xã hội lưu đệm thẻ trong nhiều ngày. Hãy mở Facebook Sharing Debugger hoặc LinkedIn Post Inspector, dán địa chỉ và yêu cầu chúng tải lại trang.
🏷️ Trình tạo meta tag
🔗 Trình tạo liên kết UTM
🌈 Trình tạo CSS gradient
🔲 Trình tạo đổ bóng CSS box-shadow