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 != ""'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3AXaRxSNtJGsh4r2De69ORYbpvp_Z7x8uozSfSz6Wcsi0Vrn9ObNJtGjYticsr5Az1FrsQ5zzMOkKvgDjpul96e_U4g_L6ISSd8HrSUbLRq-EbWsD6K61PnwPZW5tsYUfJtTJhqNygaQ/s1600/logo.png' property='og:image'/>
</b:if>
Đoạn code này có ý nghĩa gì?
Đ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ủ.