Hình ảnh trong nội dung chia sẻ liên kết

Thẻ meta Open Graph

Bạn có thể dùng thẻ og:image để chỉ định URL của hình ảnh sẽ xuất hiện khi ai đó chia sẻ nội dung lên Facebook. Bạn có thể xem danh sách đầy đủ các thuộc tính hình ảnh tại đây.

Yêu cầu

  • Kích thước hình ảnh tối thiểu cho phép là 200 x 200 pixel.
  • Kích thước file hình ảnh không được vượt quá 8MB.
  • Sử dụng hình ảnh có kích thước tối thiểu là 1200 x 630 pixel để hiển thị đẹp nhất trên các thiết bị có độ phân giải cao. Bạn phải sử dụng hình ảnh có kích thước tối thiểu là 600 x 315 pixel để hiển thị bài viết trên trang chứa liên kết có hình ảnh lớn hơn.
  • Nếu hình ảnh có kích thước dưới 600 x 315 px, hình ảnh đó sẽ vẫn hiển thị trong bài viết trên trang chứa liên kết nhưng kích thước sẽ nhỏ hơn nhiều.
  • Chúng tôi cũng đã thiết kế lại các bài viết trên trang chứa liên kết để tỷ lệ khung hình cho hình ảnh trong Bảng feed trên máy tính và di động giống nhau. Hãy cố gắng giữ cho hình ảnh của bạn gần với tỷ lệ khung hình 1,91:1 nhất có thể để hiển thị hình ảnh đầy đủ trên Bảng feed mà không bị cắt.
  • Trình thu thập dữ liệu của chúng tôi chỉ chấp nhận phương thức mã hóa gzipdeflate. Vì vậy, hãy đảm bảo máy chủ của bạn sử dụng phương thức mã hóa phù hợp.

Lưu trước hình ảnh vào bộ nhớ đệm

Khi nội dung được chia sẻ lần đầu, trình thu thập dữ liệu của Facebook sẽ quét thông tin và lưu siêu dữ liệu từ URL được chia sẻ vào bộ nhớ đệm. Trình thu thập dữ liệu phải thấy hình ảnh ít nhất một lần trước khi có thể hiển thị hình ảnh. Nghĩa là người đầu tiên chia sẻ một đoạn nội dung sẽ không nhìn thấy hình ảnh được hiển thị:

Có 3 cách để tránh tình trạng này và hiển thị hình ảnh ở hành động Thích hoặc Chia sẻ đầu tiên:

  1. Lưu trước hình ảnh vào bộ nhớ đệm bằng Trình gỡ lỗi chia sẻ: Chạy URL thông qua trình gỡ lỗi URL để tìm nạp trước siêu dữ liệu cho trang. Bạn cũng có thể sử dụng cách này để cập nhật hình ảnh cho một đoạn nội dung.

  2. Lưu trước hình ảnh vào bộ nhớ đệm bằng API Đồ thị: Buộc quét thông tin URL theo lập trình bằng cách dùng API Đồ thị để tìm nạp trước siêu dữ liệu cho trang. Bạn cũng có thể sử dụng cách này để cập nhật hình ảnh cho một đoạn nội dung.

  3. Sử dụng thẻ Open Graph og:image:widthog:image:height: Sử dụng các thẻ này để chỉ định kích thước hình ảnh cho trình thu thập dữ liệu sao cho có thể hiển thị hình ảnh ngay lập tức mà không cần phải tải xuống và xử lý không đồng bộ.

Cập nhật hình ảnh

Chúng tôi lưu vào bộ nhớ đệm tất cả các hình ảnh được tham chiếu dựa trên URL của mỗi hình ảnh. Vì vậy, nếu bạn thay thế một hình ảnh, hãy:

  • Sử dụng URL mới cho hình ảnh mới. Nếu không, hình ảnh sẽ không được cập nhật
  • Không gỡ hình ảnh cũ vì có thể một số tin hiện có tham chiếu đến hình ảnh cũ
  • Làm theo hướng dẫn trong phần ở trên để đảm bảo trình thu thập dữ liệu đã tải xuống hình ảnh mới.

Lưu ý rằng việc cập nhật hình ảnh cho URL sẽ không tự động cập nhật bản xem trước cho nội dung chia sẻ cũ. Để cập nhật, bạn phải làm mới nội dung chia sẻ như mô tả tại đây.

Khắc phục sự cố

Nếu bạn gặp sự cố hình ảnh không được hiển thị chính xác cho URL, hãy thử đưa URL hình ảnh vào Trình gỡ lỗi chia sẻ để tìm hiểu lỗi. Nếu bạn cho rằng sự cố xảy ra bên phía chúng tôi, hãy xem xét gửi báo cáo lỗi cho chúng tôi.