Xem Trước Thẻ Meta & Open Graph MXH

Mô phỏng thẻ chia sẻ link và xuất mã HTML Meta.

Công cụ này chạy hoàn toàn trên trình duyệt. Dữ liệu bạn nhập không rời khỏi thiết bị.

Advertisement

Công cụ này mô phỏng cách một đường link sẽ hiển thị khi được chia sẻ lên Facebook, X, LinkedIn hoặc ứng dụng nhắn tin, dựa trên các thẻ Open Graph và Twitter Card trong trang. Bạn nhập tiêu đề, mô tả, ảnh đại diện và nhận về bản xem trước cùng đoạn mã HTML cần dán vào phần head.

Phần dễ sai nhất là kích thước ảnh: ảnh nhỏ hơn 1200×630 pixel thường bị cắt hoặc bị thay bằng ảnh mặc định, và tỷ lệ 1.91:1 là chuẩn để không bị xén hai bên. Ngoài ra mỗi nền tảng có thói quen riêng khi cắt tiêu đề và mô tả, nên cần kiểm tra độ dài trước khi đăng bài.

Cách sử dụng

  1. Nhập URL trang và tiêu đề sẽ hiển thị trên thẻ chia sẻ.
  2. Điền mô tả ngắn, giữ trong khoảng 120 đến 160 ký tự.
  3. Thêm URL ảnh đại diện, tốt nhất từ 1200×630 pixel trở lên.
  4. Chọn nền tảng để xem trước rồi sao chép mã thẻ meta vào trang.

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

Vì sao ảnh chia sẻ của tôi không hiện?

Thường do đường dẫn ảnh là đường dẫn tương đối, ảnh chặn truy cập từ bên ngoài, hoặc thiếu thẻ og:image. Ảnh phải có URL tuyệt đối, tải được công khai không cần đăng nhập, và tốt nhất ở định dạng JPG hoặc PNG.

Kích thước ảnh Open Graph chuẩn là bao nhiêu?

Khuyến nghị 1200×630 pixel theo tỷ lệ 1.91:1, dung lượng dưới 5 MB. Kích thước này đủ lớn để hiển thị sắc nét trên màn hình retina và đúng tỷ lệ để không bị cắt khi hiển thị dạng thẻ lớn.

Sửa thẻ meta rồi mà chia sẻ vẫn ra bản cũ?

Do các nền tảng lưu cache bản xem trước khá lâu. Facebook có công cụ Sharing Debugger để yêu cầu tải lại, còn các nền tảng khác thường phải chờ vài ngày hoặc thêm tham số vào URL để buộc lấy bản mới.

Công cụ liên quan