Tạo thẻ meta và Open Graph

Thẻ title, mô tả, Open Graph, thẻ X và JSON-LD kèm xem trước khi chia sẻ.

Bắt đầu từ HTML của một trang có sẵn
Trang
36 / 60
133 / 160

Để trống nếu trùng URL trang. Cũng dùng cho og:url và JSON-LD.

Ảnh chia sẻ

1200 x 630 px hợp với Facebook, LinkedIn và thẻ ảnh lớn của X. Không tải gì về.

Mạng xã hội và trình duyệt

Dạng ngôn_ngữ_VÙNG, ví dụ vi_VN hoặc en_US.

Lập chỉ mục và dữ liệu có cấu trúc
Kiểm tra

Không thấy vấn đề nào.

Xem trước
Xem trước với ảnh trên máy

Hình vẽ gần đúng: mỗi nền tảng tự đổi bố cục và có thể cắt ảnh, rút gọn hoặc viết lại nội dung.

Facebook
Ảnh
example.com
How to brew pour-over coffee at home
A step-by-step pour-over guide: the 1:16 ratio, water at 92 to 96 °C, a 30-second bloom and a total brew time of about three minutes.
LinkedIn
Ảnh
How to brew pour-over coffee at home
example.com
X
Ảnh
example.com
Slack
Example Coffee
How to brew pour-over coffee at home
A step-by-step pour-over guide: the 1:16 ratio, water at 92 to 96 °C, a 30-second bloom and a total brew time of about three minutes.
Ảnh
Google
E
Example Coffee
https://example.com/guides/pour-over-coffee
How to brew pour-over coffee at home
A step-by-step pour-over guide: the 1:16 ratio, water at 92 to 96 °C, a 30-second bloom and a total brew time of about three minutes.

Công cụ này làm gì

Nhập tiêu đề trang, mô tả, URL và ảnh chia sẻ, công cụ viết sẵn các thẻ cho phần <head>: <title>, meta description, link rel="canonical", thẻ robots khi cần, theme-color, các thẻ Open Graph (og:title, og:description, og:url, og:image kèm kích thước và alt, og:site_name, og:type, og:locale), các thẻ X card và khối JSON-LD. Bên dưới là hình xem trước gần đúng trên Facebook, LinkedIn, X, Slack và Google, cùng danh sách kiểm tra theo giới hạn các nền tảng công bố. Đã có trang sẵn? Dán mã nguồn vào mục "Bắt đầu từ HTML của một trang có sẵn" để điền tự động.

Công cụ không tải gì cả: không mở trang của bạn, không tải URL ảnh. Muốn thấy ảnh thật trong phần xem trước, hãy chọn tệp ảnh trên máy; ảnh chỉ hiển thị tại chỗ, không được tải lên.

Các giới hạn được kiểm tra

  • Tiêu đề: Google cắt theo độ rộng điểm ảnh, khoảng 600 px trên máy tính, tức chừng 50 đến 60 ký tự. Thẻ X cho phép 70 ký tự.
  • Mô tả: Google hiện khoảng 150 đến 160 ký tự trên máy tính, ít hơn trên điện thoại; X cho phép 200.
  • Ảnh: Meta khuyên tối thiểu 1200 x 630 px, nhỏ nhất 600 x 315; LinkedIn cần 1200 x 627 tỉ lệ 1.91:1; X cắt thẻ lớn về 2:1 và thẻ nhỏ về hình vuông.
  • URL phải đầy đủ (https://...): đường dẫn tương đối trong og:image là lý do phổ biến nhất khiến bài chia sẻ không có ảnh.

Độ dài được đếm như người đọc: một emoji hay một chữ tiếng Việt có dấu tính là một ký tự. Các quy định được kiểm tra ngày 14/10/2026 và có thể đổi bất cứ lúc nào.

Vì sao chỉ là gần đúng

Mỗi nền tảng tự vẽ thẻ và thỉnh thoảng đổi giao diện; Google còn có thể viết lại tiêu đề. Hình vẽ ở đây cho thấy điều quan trọng: ảnh bị cắt thế nào, chữ bị cắt khoảng ở đâu. Muốn cắt ảnh đúng tỉ lệ 1200 x 630, dùng công cụ cắt ảnh. Bài thẻ Open Graph hoạt động đúng giải thích cách mỗi nền tảng cắt ảnh và các lỗi hay gặp.

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

og:image nên có kích thước bao nhiêu?

1200 x 630 px (1.91:1) hợp với Facebook, LinkedIn và thẻ ảnh lớn của X. Để chữ quan trọng xa mép ảnh, vì X cắt về 2:1 và thẻ nhỏ cắt thành hình vuông.

Vì sao link chia sẻ không có ảnh?

Thường do og:image là đường dẫn tương đối, ảnh bị chặn bởi robots.txt hay yêu cầu đăng nhập, ảnh quá nhỏ, hoặc nền tảng còn giữ bản cũ. Dùng URL https đầy đủ và làm mới bộ nhớ đệm bằng công cụ gỡ lỗi của nền tảng.

Công cụ có tải trang hay ảnh của tôi không?

Không. Nó chỉ dùng những gì bạn nhập hoặc dán. Ảnh xem trước chọn từ máy chỉ hiển thị tại chỗ.

Có cần thẻ twitter: khi đã có Open Graph?

X dùng lại og:title, og:description, og:image, nhưng cần twitter:card để chọn bố cục ảnh lớn. Công cụ viết cả hai nhóm thẻ.