Sửa lỗi hiển thị sai ảnh đại diện khi chia sẻ link

Tình trạng hiển thị sai ảnh đại diện khi chia sẻ link lên Facebook hay các mạng xã hội khác rất hay xảy ra, do code của websites chưa thực sự được tối ưu đúng cách. Thủ thuật này sẽ giúp bạn giải quyết vấn đề đó.!

Hiện tượng của lỗi này là hiện sai ảnh đại diện có trong bài mà người viết muốn hiện.

Vd: Bạn viết một bài về Google Chrome và có ảnh đại diện là logo của phần mềm Chrome, tuy nhiên khi chia sẻ thì ảnh đại diện được lấy tự động lại là ảnh của tác giả bài viết (ý là của bạn =]] ) hoặc chỉ lấy banner chính hay logo của webiste thôi :D

Các bước thực hiện: (ở đây mình vd share link trên Facebook trước nhé ^^! )

Trước khi thực hiện thủ thuật này, bạn phải đảm bảo rằng hình ảnh của bạn phải có kích thước lớn hơn hoặc bằng 200x200 pixels,  Facebook sẽ loại ngay hình ảnh này từ vòng giữ xe :"3

Bước 1: Bạn vào Mẫu » Chỉnh sửa HTML và sau đó tìm đến đoạn mã sau

<b:include data='blog' name='all-head-content'/>

Bước 2: Bạn chèn vào phía sau nó đoạn code dưới đây

<b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <b:else/> <meta content='Địa chỉ url ảnh mặc định' property='og:image'/> </b:if>

Lưu ý: bạn nhớ sửa lại Địa chỉ url ảnh mặc định, cho đoạn mã này đề phòng ảnh trong bài không phù hợp hoặc bài viết không có ảnh thì nó sẽ thay thế ảnh này lên.

Ok! làm tới đây thì blog của bạn đã fix thành công vấn đề này, bạn có thể thử lại ngay để xem kết quả, nếu vẫn chưa được thì cũng đừng lo lắng gì. Bạn hãy đợi vài ngày (1,2 ngày) để Facebook Refresh lại Cache của nó (thường chỉ trong vòng 1 ngày thôi), sau đó thực hiện chia link lại một lần nữa và ảnh sẽ hiện một cách bình thường.

Chúc các bạn thành công!

Người đăng bài: KhanhNgoPlusBlog

Nguồn bài đăng: KhanhNgoPlusBlog (có tham khảo từ KslZone)