Trình tạo thẻ OGP (xuất tự động cho og:title, og:image và hơn thế nữa)

Nhập URL, tiêu đề, mô tả và URL ảnh. Tạo thẻ meta Open Graph và Twitter Card tại một nơi.

Sẵn sàng để sao chép và dán Có sẵn xem trước Kèm hướng dẫn ảnh và cache

Cách dùng

  1. Mở công cụ rồi nhập URL canonical, tiêu đề và URL ảnh.
  2. Nếu cần, hãy thêm mô tả, tên trang web và thiết lập Twitter.
  3. Sao chép các thẻ meta đã tạo và dán vào phần head của trang.
  4. Kiểm tra phần xem trước và các ghi chú, rồi điều chỉnh tỉ lệ ảnh hoặc chiến lược cache nếu cần.

OGP là gì?

Open Graph Protocol (OGP) là metadata được các nền tảng mạng xã hội và ứng dụng chat dùng để hiển thị bản xem trước của liên kết.

Bằng cách đặt og:title, og:description, og:image và các thẻ liên quan, bạn có thể ảnh hưởng đến cách URL được hiển thị khi chia sẻ.

Kết hợp OGP với các thẻ Twitter Card giúp hành vi xem trước nhất quán hơn trên nhiều nền tảng.

Hướng dẫn kích thước ảnh (để hiển thị xem trước ổn định hơn)

Hướng dẫn của nền tảng Meta (tham khảo)

  • Mức tham chiếu tối thiểu: 200×200.
  • Thường ổn định: 1200×630 hoặc lớn hơn, tối thiểu 600×315.
  • Tỉ lệ mục tiêu khoảng 1.91:1.
  • Kích thước tệp ảnh nên từ 8MB trở xuống.

Hướng dẫn thẻ X (tham khảo)

  • summary_large_image thường hướng đến tỉ lệ khoảng 2:1.
  • Khoảng tham chiếu: tối thiểu 300×157, tối đa 4096×4096.
  • Kích thước tệp nên nhỏ hơn 5MB.
  • Dùng JPG/PNG/WEBP/GIF nếu nền tảng hỗ trợ.

Khi thay đổi không hiển thị (cache và quét lại)

  • Trình thu thập của mạng xã hội có thể cache metadata đã lấy. Hãy dùng debugger/inspector của từng nền tảng để yêu cầu quét lại.
  • Nếu việc thay ảnh không phản ánh, thay đổi URL ảnh cũng có thể giúp ích (đổi tên tệp hoặc thêm query string).
  • Việc đặt og:image:width và og:image:height đôi khi giúp hiển thị ổn định hơn.

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

Công cụ này có tạo cả thẻ Twitter Card không?

Có. Công cụ có thể xuất đồng thời twitter:card và các thẻ liên quan. Cũng có sẵn chế độ tối giản.

Tôi nên dùng kích thước ảnh nào?

Hãy chọn kích thước thực tế theo nền tảng đích. Bản xem trước kiểu Meta thường dùng tỉ lệ khoảng 1.91:1 (ví dụ 1200×630), còn X summary_large_image thường dùng khoảng 2:1 (ví dụ 1200×600).

Vì sao thay đổi của tôi chưa được phản ánh?

Phần lớn là do cache. Hãy yêu cầu quét lại bằng công cụ của nền tảng và cân nhắc thay URL ảnh sau khi thay ảnh.