Hướng dẫn cách sữa lỗi ảnh thumbnail tiêu đề mô tả bài viết web trên giao diện Blogger (Blogspot) khi bạn chia sẽ bài viết lên các trang mạng xã hội, nhưng bài viết không thể hiện đúng trang đích hình ảnh thumbnail.
Khi bạn sử dụng giao diện Blogger (Blogspot) miễn phí bạn thường gặp những lỗi nhỏ như thế này, khi bạn chia sẽ bài viết hoàn chỉnh của mình lên các trang mạng xã hội như: Facebook, Zalo, Twitter ....
Trong bài viết này mình sẽ hướng dẫn cho bạn 3 cách giúp bạn khắc phục lỗi chia sẽ không hiển thị đúng trang đích như bạn mong muốn.
Cách thứ 1:
Truy cập vào giao diện Blogger → Chủ đề → Chỉnh sữa HTML
Sau đó bạn copy đoạn code bên dưới dán vào thẻ </head>
<! code sữa lỗi ảnh chia se mạng XH ><meta content='vi_VN' property='og:locale'/>
<meta content='website' property='og:type'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='resizeImage(data:blog.postImageUrl, 1200, "40:21")' property='og:image'/>
</b:if>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta content='VN' name='geo.region'/>
<meta content='//www.facebook.com/kietphoto' property='article:author'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
Nếu dán đoạn code này vào kiểm tra vẫn còn bị lỗi thì bạn xóa và copy đoạn code thứ 2 nhé.
Cách thứ 2:
Giống như bước vào Chỉnh sữa HTML dán đoạn code bên dưới vào </head>
<script type="text/javascript">function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = "<br /><br /> Nguồn bài viết: <a href='"+document.location.href+"'>"+document.location.href+"</a><br />"; // change this if you want
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}
document.oncopy = addLink;
</script>
Cách thứ 3:
Nếu 2 bước trên kiểm tra lại vẫn còn bị lỗi bạn vao trang Facebook Debug dán link bài viết gỡ lỗi nhé
Nguyên nhân là do hình ảnh đã không được đăng lên theo đúng quy trình. (Lỗi xảy ra khi copy hình từ nơi khác rồi dán vào khung soạn thảo bài viết). - Cũng có trường hợp không hiển thị hình ảnh do bị xóa cookie của blog (làm lỗi liên kết hình ảnh từ picasa tới blog). Hoặc tài khoản gmail để đăng nhập vào blog bị vô hiệu hóa (trường hợp có nhiều tài khoản trên một blog). Hai trường hợp này hình ảnh sẽ hiển thị dấu chấm than (!) nằm trong hình tam giác và chỉ có thể phục hồi bằng cách đăng lại hình ảnh.
Cách khắc phục:
- Khi đăng hình ảnh, không nên copy và dán trực tiếp mà phải lưu hình ảnh vào máy. Khi viết bài hoặc sửa bài - muốn đăng hình thì bấm vào nút "chèn hình ảnh" [4] (hình trên) và làm theo hướng dẫn tiếp theo của hệ thống. - Nhớ bấm "Cập nhật" khi chỉnh sửa lại bài viết! - Nên tạo ít nhất hai tài khoản trên một blog và thận trọng khi xóa cookie. Đồng thời nên lưu giữ hình ảnh để đăng lại khi bị lỗi.
Chúc các bạn áp dụng thành công!
Nguyễn Văn Cường (Caocongkien)