Mengatasi Gambar Posting Tidak Muncul Saat Share ke Facebook
March 9, 2016
Cara Mengatasi Gambar Posting Tidak Muncul Saat Share ke Facebook
GAMBAR ilustrasi tidak muncul saat posting blog di-share ke Facebook merupakan "masalah klasik" bagi sebagian blogger.
Saat di-share, eh yang muncul malah gambar lain, misalnya gambar dari sidebar atau dari widget lain.
Tips dari Blogger Sentral berikut ini layak dicoba jika Anda mengalami hal demikian. Caranya gampang kok.
Cara Pasang Kode
1. Template > Edit HTML
2. Simpan 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='LINK GAMBAR ALTERNATIF DI SINI' property='og:image'/>
</b:if>
3. Save Template!
Jika template blog Anda sudah dipasang Meta Open Graph Facebook biasanya tidak masalah, yaitu kode berikut ini:
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta property='og:image:width' content='1200'/>
<meta property='og:image:height' content='630'/>
<b:else/>
<meta content='logo-link' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='og:description'/>
</b:if>
<meta content='app_id' property='fb:app_id'/>
<meta content='fb_admins' property='fb:admins'/>
Jika template blog Anda sudah dipasang Meta Open Graph Facebook biasanya tidak masalah, yaitu kode berikut ini:
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta property='og:image:width' content='1200'/>
<meta property='og:image:height' content='630'/>
<b:else/>
<meta content='logo-link' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='og:description'/>
</b:if>
<meta content='app_id' property='fb:app_id'/>
<meta content='fb_admins' property='fb:admins'/>
Namun, pastikan gambar yang diupload ke postingan minimal 200x200 Pixel. Idealnya 300 pixel atau 600 pixel lebih bagus lagi, biar jelas gambarnya di FB.
Foto untuk ilustrasi tulisan tidak mesti diupload langsung, bisa diambil dari link gambar yang kita simpan di Picasa, Flickr, atau Photobucket.
Setelah dipasang kode di atas, masalah tidak langsung bisa diatasi. Butuh waktu 24 jam bagi Facebook untuk mengupdatenya. Jadi, bersabarlah...!
Namun, jika tidak sabar, ingin cepat, bisa gunakan halaman Facebook's Open Graph Debugger Tool untuk mengetes dan memperceparnya.
Baca Juga:
Share posting blog ke facebook dan media sosial lainnya merupakan salah satu tip seo blog (white hat seo) sekaligus Social Media Optimization (SMO).
Google sangat mempertimbangkan posting blog yang memiliki "social signal" alias banyak di-like atau di-share. Indeksnya akan lebih cepat dan peringkatnya akan lebih bagus di halaman hasil pencarian (SERP).
Good Luck and happy blogging! (http://www.contohblog.com/).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
CB Blogger
This comment has been removed by the author.
ReplyDeleteKalo yg muncul foto author saat share ke fb gmn gan? Padagal gambar udah di resize
ReplyDeletegambar posting kalah besar dari foto author, facebook ngambil yang paling besar di halaman
Deletebang saya pakai tamplate new jhony wuss tapi pas share di status wa atau di fan page tidak muncul gambar nya padahal pakai tamplate sebelum nya muncul
ReplyDelete