Thumbnail là hình đại diện của một bài viết hay một trang web nó mang tính chất hiển thị nhằm mô tả cho bài viết hay một website/blogspot này. Nhưng gần đây mình nhận được nhiều câu hỏi của các bạn rằng "tại sao em share link lên facebook nó lại hiển thị thumbnail khác".Và đó cũng là thắc mắc của một số bạn khác và đó cũng là động lực để mình viết bài này chia sẻ cho các bạn cách khắc phục lỗi này giúp khi chia sẻ link hiển thị đúng thumbnail của trang chủ hoặc một trang bài viết bất kỳ nào đó.
Cách khắc phục lỗi thumbnail khi chia sẻ link lên facebook
Đầu tiên mình sẽ hướng dẫn các bạn cách tự động lấy thumbnail bài viết làm ảnh đại diện cho link khi chia sẻ, cách này thì khá đơn giản. Các bạn chỉ việc vào template blogspot của mình, thêm đoạn code sau dưới thẻ <head><b:if cond='data:blog.postImageUrl != ""'>Đoạn code này có ý nghĩa gì?
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAHQ8x_EdLQfQYeal6LVK-hcAG8_lz4QQB5Ky_9m3N0NaHt4gCR_BUfQAtne4o2rHU_zW7jGbzWsx8dXipxDdsx_uel5IX1TcZ64-FkDZqBsWIJuShkn1VUJrL7hyphenhyphenMYUZZX8_Y7x2Wm9Q/s1600/logo.png' property='og:image'/>
</b:if>
Đoạn code trên nó giúp chúng ta khi đăng bài viết thì nó sẽ tự động lấy thumbnail bài viết làm ảnh đại diện cho link, còn link ảnh bên dưới là tấm ảnh đại diện khi bạn share link trang chủ.
Tại sao khi có đoạn code đó rồi vẫn bị nhận nhầm thumbnail?
Cái này thì mình không biết vì lý do gì nhưng khi bạn share link lên facebook hay các trang mạng xã hội thì những tấm ảnh hình vuông trong bài sẽ được ưu tiên trước.
Do vậy các bạn muốn hiển thị đúng thumbnail của bài viết hay trang chủ của blog mình thì hãy sử dụng những tấm ảnh hình vuông để mô tả bài viết và thay cái link ảnh ở trên bằng 1 cái logo hình vuồn để khi share sẻ link trang chủ nó hiển thị đúng thumbnail nhé.
Ngoài ra thì có còn phụ thuộc vào dung lượng của tấm ảnh, nếu trên một trang bạn có 2 tấm ảnh đều là hình vuông thì tấm ảnh có dung lượng thấp hơn sẽ đươc nhận dạng thumbnail trước đó cũng là lý do vì sao trong những bài hướng dẫn tự seo blog cho các bạn tôi lại nói về vấn đề tối ưu hình ảnh khi seo blogspot.
Khi nào thay xong ảnh hoàn tất các bạn vào Facebook debug dán link blog của mình vào và click Debug 1 phát rồi hãy test thử nhé.
Thủ thuật này đơn giản cho nên mình chỉ chia sẻ ngắn gọn thôi. Nếu các bạn không hiểu có thể comments mình sẻ chia sẻ thêm. Chúc các bạn thành công.
Kho Template Blogspot Responsive 2016
http://share123blog.blogspot.com
Free download responsive premium blogger template
Icon CommentsIcon Comments