Mengatasi Gambar Salah (Tidak Muncul) Saat Posting Share ke Facebook
February 21, 2015
KADANG bahkan sering, saat posting atau tulisan di-share ke Facebook, gambar yang nongol di Facebook bukan foto yang ada di tulisan, tapi yang lain. Kadang juga yang muncul cuma judul doang.
Kalo soal mengatasi judul doang yang muncul, sudah ada solusinya: Memunculkan Deskripsi (Alinea Pertama) Posting di Share Facebook.
Share ke Facebook merupakan salah satu trik SEO untuk mengundang pengunjung dan menyebar link ke blog kita, minimal "link effect".
Mengatasi Gambar Salah (Tidak Muncul) Saat Posting Share ke Facebook
Untuk memunculkan gambar, foto, atau image posting yang benar di Facebook, lakukan dua hal ini:1. Pastikan gambar yang diupload berukuran minimal 200x200 Pixel atau lebih besar.
2. Tambahkan kode meta tag "Open Graph Image Property" berikut ini ke dalam template Anda.
3. Copas kode berikut ini bagian kode <head> di bawah kode <b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='URL Alternate Image' property='og:image'/>
</b:if>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<meta content='URL Alternate Image' property='og:image'/>
</b:if>
4. Ganti URL Alternate Image dengan link gambar yang akan muncul jika postingan tidak ada gambarnya.
Ingat, ukuran gambarnya juga minimal 200 x 200px.
5. Save!
Facebook butuh waktu sekitar 24 jam untuk mengenali perubahan itu di blog Anda. Namun, kita bisa mempercepatnya dengan memasukkan salah satu link posting sekalius mengetesnya di Facebook's Open Graph Debugger Tool.
MASIH TIDAK MUNCUL ???
CB sudah update soal gambar thumbnail tidak muncul saat posting di-share ke Facebook ini dengan menyertakan kode meta tags sosial lengkap. Silakan buka: Mengatasi Masalah Gambar Posting Tak Muncul di Facebook.
Good Luck! (http://www.contohblog.com).*
Sumber
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
CB Blogger
apakah di template NJW V3 sudah dikasih kode begituan? mohon pencerahannya
ReplyDeletesilakan dicek....
Deletenah kalao mau share banyak artikel berarti harus ke edit html lagi dong ya?cara otomatisnya ada gak ya?
ReplyDeletesilakan simak baik-baik posting di atas.......
Deletebantu aq gen, gkbsa
ReplyDeleteSila coba lagi... kode sudah diperbaiki
Deletenumpang tanya om CB, di saya tdk ada kode "b:include data='blog' name='all-head-content" di antara "head" jadi saya tambahkan bisa tdk om CB ?
ReplyDeleteBisa, intinya, simpan di bawah kode < head >
Deletekalau kode
ReplyDeletetidak ada di dalam HTML bagaiama?
Simpan di bawah kode < head >
Deletengga bisa ada bacaan elemen meta harus pakai >
ReplyDeleteintinya, simpan kode di atas di bawah kode < head >
Deleteakhirnya ketemu juga nih artikelnya :)
ReplyDeleteScrib udah saya pasang dibawah kode head tapi kok masih blum berubah..
ReplyDeleteTips yang bisa di andalkan . saat lagi mampet ..
ReplyDeletebagus artikelnya kawan !
gan html saya jadi errror gmn niiih di bawahnya ada kodenyang mirip dengn kode yang agan kasih gmn tuh?/!
ReplyDeleteSaya hanya punya pengalaman juga thumbnail tidak muncul di salah satu posting. Padahal yang lain muncul.
ReplyDeleteUsut punya usut ternyata judul posting saya pake tanda petik ('). Setelah saya remove tanda (')nya, thumbnail akhirnya mau nongol juga.
Untuk kawan-kawan yang masalah sama dengan saya bisa coba cara tersebut.
Kalo memang berguna bisa ditambahkan ke artikelnya pak admin. Salam
kalau yag wordpress gimana caranya?
ReplyDeleteWP mah pake plugin aja. Kalo wp gratisan, ganti template, gak bisa diedit
Deletedi tamplete saya tidak ada kode ini gan , jadi di taruh dmna ya ?
ReplyDeleteGak bisa min, yang muncul malah ini "Kesalahan saat mengurai XML, baris 14, kolom 45: Element type "meta" must be followed by either attribute specifications, ">" or "/>"."
ReplyDeletesama
Deletesamaa...
DeleteSila coba lagi, kode sudah diperbaiki, di baris kedua koma-nya nempel ke property, harusnya nempelnya ke Url
Deleteklaw kasusnya bukan gambar artikel yang muncul tapi logo blog yang muncu di postingan di Facebook
ReplyDeleteYang poin 4 saya tidak paham maksudnya...
ReplyDeleteUrl link gambar, misalnya:
Deletehttps://lh3.googleusercontent.com/-AFZMVwv2E5A/VPuzZyAIr0I/AAAAAAAAHd0/QZwVnXBbXL4/w272-h60-no/contoh-blog-logo.png
min, kalau url kita share ke fb , tapi yg muncul hanya link blog bukan link artikelnya , gmana ngatasinya gan ?
ReplyDeleteHallo CB, mohon pencerahan di templete CB Sporty, khususnya saat saya memasang label Featured post, kok gambarnya tidak muncul?. Apakah gambarnya ukuran kecil atau terlalu besar, atau mungkin hal lain. Mohon penjelasan master.
ReplyDeleteSila baca:
Deletehttp://www.contohblog.com/2014/03/Mengatasi-Gambar-Image-Thumbnail-yang-Tidak-Muncul-di-Blog.html
Terima kasih CB. saya telah berhasil mengatasi permasalahan saya melalui ling di atas, khususnya point nomor 2. Sukses selalu buat CB. Ternayata membeli templete di CB bloger pelayanaannya prima bangat. Meski harus baca sendiri, coba sendiri, tapi ilmu yang dibagikan kualitasnya oke bangat. Thanks
ReplyDeleteTlg disertakan langkah2 lengkap beserta gambar SUPAYA yg awam Baru mulai belajarnya WP bisa tau Dan g bingung
ReplyDeleteTips di atas buat blogger, bukan wordpress
Delete