Cara Mengatasi Gambar & Deskripsi Posting Blog Tidak Muncul Saat Share di Facebook
October 3, 2018
BIASANYA masalah gambar dan deskripsi posting blog tidak muncul saat dishare ke Facebook, dialami blog yang menggunakan template yang sudah dimodifikasi.
Template bawaan blogger biasanya aman-aman saja.
Tampilan posting saat dibagikan di Facebook lengkap: judul, gambar, deskripsi, dan link atau nama blog.
Berikut ini contoh dua tampilan posting blog saat dibagikan di Facebook, gambar besar dan gambar kecil.
Mengatasi Masalah Gambar & Deskripsi Share Facebook
Berikut ini Cara Mengatasi Gambar & Deskripsi Posting Blog Tidak Muncul Saat Share di Facebook.1. Tema > klik Edit HTML
2. Copas kode berikut ini di bawah kode <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/AVvXsEhmlanN1HQQOnToD6eCTuEaBOrm71oIvGuaEZHazMrhnc5atmKip9GZQdtc1SaqQNDag1RAvK4-o5mEeptFvRYv1cf-YAyVX5gkd_NBAXOjvSZQRhpXEPyiYy18MpeLx2-O9Hxa8BC2akA/s200-c/default.png' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.pageName' property='og:title'/>
Yang warna merah itu adalah link gambar cadangan jika postingan Anda tidak memiliki gambar atau foto. Bisa diganti dengan logo atau gambar lain. Ukuran minimal 200x200 pixel.
3. Save!
Cek di Facebook Debugger Tools!
CARA LAIN
Jika setelah kode di atas terpasang, dalam 1x24 jam masih belum teratasi, lakukan cara Mengatasi Masalah Deskripsi yang Tidak Muncul berikut ini sebabagai langkah extra:
CARA #1
Pasang kode ini di atas kode <data:post.body/> yang kedua atau ketiga. Kode ini untuk memunculkan deskripsi atau kutipan isi postingan blog.
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if>
CARA #2
Jika cara pertama tidak berhasil, lanjutkan dengan cara yang kedua ini, yaitu mengubah kode <data:post.body/> menjadi <p><data:post.body/></p>
Intinya, menambahkan kode <p> dan </p> di depan dan belakang <data:post.body/>
CARA #3
Jika masih saja bermasalah:
1. Copas kode Meta Tag Facebook Open Graph berikut ini di bawah kode <head>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:post.snippet' name='og:description'/>
<b:else/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='KODE_APLIKASI_FB_ANDA' property='fb:app_id'/>
<meta content='KODE_ADMIN_FB_ANDA' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
2. Copas juga kode berikut ini di bawah kode <body> atau <body ....>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'KODE_APLIKASI_FB_ANDA',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
PENTING!
Jika masih berlum berhasil juga, gambar dan deskripsi masih tidak muncul saat share ke FB, kemungkinan Anda tidak mengisi form "Search Description" (Deskripsi Pencarian) saat menulis posting, yaitu menu di sidebar kanan:
Demikian Cara Mengatasi Masalah Gambar & Deskripsi Posting Saat Share di di Facebook. Good Luck! (www.contohblog.com).*
Sumber:
http://www.bloggersentral.com/2010/11/facebook-share-shows-wrong-description.html
http://www.bloggerplugins.org/2012/01/wrong-description-image-facebook.html
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
CB Blogger
terima kasih atas informasinya, saat ini blog saya lagi dapat masalah deskripsi artikel yang tidak muncul. jadi informasinya sudah saya praktekan, tinggal tunggu 1 x 24 jam, gimana hasilnya artikel panjang
ReplyDelete