Kiểm tra ảnh preview khi chia sẻ website lên Facebook và Zalo

Kiểm tra metadata của đúng URL được chia sẻ

Mở chính đường dẫn đang gửi cho khách rồi xem mã nguồn HTML. Tìm các thuộc tính og:title, og:type, og:url và og:image theo đặc tả Open Graph. Các thẻ này nằm trong phần head và không xuất hiện như nội dung trên trang. Nếu website dùng PHP, cần kiểm tra HTML đã render thay vì chỉ đọc một file giao diện.

Mỗi bài nên mô tả đúng nội dung của nó, không vô tình dùng tiêu đề hoặc ảnh của một bài khác. Kiểm tra những trường hợp có dấu gạch chéo cuối, tham số hoặc chuyển hướng để biết nền tảng nhận URL nào. Một cấu hình chung trong header cần nhận giá trị riêng cho từng trang trước khi được xuất ra.

Mở ảnh mà không dựa vào phiên đăng nhập

URL trong og:image nên là đường dẫn tuyệt đối HTTPS tới tài nguyên thật. Mở trực tiếp ảnh ở một phiên mới để kiểm tra không yêu cầu đăng nhập, không trả trang lỗi dưới dạng HTML và không bị chặn bởi cấu hình bảo vệ ngoài ý muốn. Kiểm tra cả mã trạng thái và kiểu nội dung phản hồi.

Ảnh nên liên quan đến bài và còn đọc được khi thu nhỏ. Có thể bổ sung kiểu tệp, kích thước và mô tả alt theo đặc tả để làm rõ tài nguyên. Việc ảnh mở được trong trình duyệt của chủ website chưa đủ nếu chỉ phiên đó có cookie, quyền truy cập hoặc tài nguyên đã được lưu sẵn từ trước.

Tách cấu hình đúng khỏi việc cache đã cập nhật

Sau khi sửa thẻ hoặc ảnh, kiểm tra lại HTML trên hosting thực tế. Nếu mã đã đúng mà khung chia sẻ còn cũ, dùng công cụ chẩn đoán chính thức mà nền tảng cung cấp khi khả dụng để xem dữ liệu được thu thập. Không nên giả định mọi nền tảng dùng chung cache hay cập nhật cùng thời điểm.

Khi thay ảnh đáng kể, một tên file có phiên bản giúp phân biệt tài nguyên mới trong quá trình kiểm tra. Tuy vậy, đổi tên không giải quyết việc trang bị chặn hoặc thiếu thẻ. Xử lý từ khả năng truy cập, metadata và URL trước, rồi mới xét đến dữ liệu được nền tảng giữ lại từ lần thu thập cũ.

Kiểm tra đủ các bối cảnh chia sẻ

Thử liên kết trên các nền tảng và loại cuộc trò chuyện bạn thực sự dùng, ghi ngày kiểm tra và ảnh chụp kết quả. Cùng một URL có thể hiển thị khác nhau tùy ứng dụng hoặc bối cảnh. Không cam kết ảnh luôn hiện ở mọi nơi chỉ vì một lần thử trên trình duyệt đã thành công.

Nếu chưa hiển thị, thu thập báo cáo gồm URL được gửi, HTML đầu ra, URL ảnh, phản hồi máy chủ và kết quả công cụ chẩn đoán. Bộ bằng chứng này giúp đội kỹ thuật tìm nguyên nhân cụ thể. Tránh sửa nhiều nơi cùng lúc mà không ghi lại, vì sẽ khó biết thay đổi nào thực sự có tác dụng.

Danh sách kiểm tra trước khi áp dụng

• Thẻ có trong HTML trả về của URL thật.
• og:image là URL tuyệt đối mở công khai.
• Tiêu đề và ảnh liên quan đúng từng bài.
• Có ghi kết quả kiểm tra theo từng nền tảng.