Selamat datang di website www.imamkunblog.com - Tempat Sharing Tips Trik Android, Komputer, Internet dll

Cara Menampilkan Gambar Artikel Blog di Facebook Saat di Share

Cara Menampilkan Gambar Artikel Blog di Facebook Saat di Share
Cara Menampilkan Gambar Artikel Blog di Facebook Saat di Share
Cara Menampilkan Gambar Blog di Facebook - Pada saat membagikan artikel yang telah kita publish ke Sosial media seperti facebook, terkadang gambar artikel yang kita bagikan ke facebook tidak muncul dan hanya gambar blank saja.

Dengan tidak munculnya gambar pada saat di share di facebook bisa membuat pembaca tidak yakin dengan artikel yang telah kita tulis. Namun jangan khawatir disini saya memberikan solusi mengatasi gambar blog tidak muncul di facebook saat di share.

Agar gambar artikel blog muncul di facebook pada saat melakukan sharing disini saya menggunakan cara Open Graph. Dengan menggunakan open Grap gambar di artikel blog akan muncul di facebook. Sebelum kita memulai alangkah baiknya mengenal apa itu Open Graph?

Apa itu Open Graph?


Open Graph adalah sebuah kode Meta Taq Khusus yang dibuat oleh Facebook untuk keperluan Google Webmaster. Apabila pengguna menggunakan fitur Open Graph ini maka Facebook sanggup untuk membaca struktur blog anda dan akan menampilkan isi postingan termasuk Gambar pada saat membagikan artikel ke Facebook.

Selain menampilgan Gambar, Fitur Open Graph juga menamiplan data postingan blog seperti Judul, Deskripsi, Gambar dan juga URL atau Alamat Blog. Meta Taq Open Graph sudah banyak digunakan oleh para Desainer Template Blog. Apabila artikel kamu tidak ada gambar pada saat membagikan di facebook, jadi kemungkinan template kame belum terpasang meta taq open graph!

Cara Menampilkan Gambar Blog Di Facebook saat di Share


Menamilkan Gambar blog di Facebook sangatlah mudah kita hanya perlu menambahkan Meta Taq Facebook di halaman HTML Template Blogger saja. Dan berikut ini adalah cara memasang kode Open graph di blog.

1. Pertama, Login ke Blogger.com
2. Pilih Template/Theme > Edit HTML dan Cari kode </head>
3. Copy dan Paste kode dibawah ini tepat diatas kode </head>
<!-- Facebook Meta Tag Open Graph -->
<b:if cond='data:view.isHomepage'>
<b:if cond='data:view.isPost'>
<b:if cond='data:view.isPage'>
<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 content='blog' property='og:type'/>
<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 content='MASUKKAN_LINK_GAMBAR_BENER_LOGO_BLOG' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/MASUKKAN_ID_FACEBOOK_KAMU' property='article:author'/>
<meta content='https://www.facebook.com/MASUKKAN_ID_FACEBOOK_KAMU/ID_FAN_PAGE' property='article:publisher'/>
<meta content='ID_FB_FAN_PAGE' property='fb:admins'/>
<meta content='ID_APP_FB' property='fb:app_id'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
4. Simpan Template.

Catatan;
  • MASUKKAN_LINK_GAMBAR_BENER_LOGO_BLOG: Silahkan kamu masukkan link url Logo atau banner blog kamu.
  • MASUKKAN_ID_FACEBOOK: Silahkan masukkan id Facebook kamu dan untuk yang dibawahnya sama.
  • ID_FB_FAN_PAGE: Masukkan ide Fan Page Facebook kamu. Dan untuk dibawahnya boleh sama.
Sampai disini kamu telah berhasil memasang kode Meta Taq Open Graph untuk mengetahui apakah sudah berhasil atau belumnya, kamu dapat mencoba dengan melakukan share artikel blog ke facebook dan lihat hasilnya.

Baca Juga: Cara Mendapatkan ID Facebook

Apabila masih juga tidak ada gambar artikel yang muncul pada saat share artikel ke facebook maka kamu bisa melakukan cara yang kedua berikut ini;

1. Pertama-tama silahkan buka halaman Facebook Tools Debug.
2. Jika sudah dibuka, selanjutnya salin link artikel yang ingin dicoba apakah gambarnya muncul atau tidak.
Cara Menampilkan Gambar Blog di Facebook Saat di Share
Cara Menampilkan Gambar Blog di Facebook Saat di Share 
3. Silahkan klik "Debug" dan lihat hasilnya. Untuk contoh hasilnya seperti berikut ini.
Cara Menampilkan Gambar Blog di Facebook Saat di Share
Cara Menampilkan Gambar Blog di Facebook Saat di Share 
4. Jika sudah tampil gambarnya maka artikel tersebut sudah bisa di share di Facebook dan gambarnya pasti akan muncul.

5. Apabila tidak ada gambarnya anda dapat terus mengulangi klik Debug seperti langkah diatas hingga gambar tersebut muncul.

6. Selesai.

Itulah cara menampilkan gambar artikel blog di Facebook, bagaimana mudah bukan? Dengan melakukan cara cara diatas maka masalah tidak adanya gambar blog pada saat share ke facebook bakalan teratasi.


Demikianlah artikel mengenai Cara Menampilkan Gambar Artikel Blog ke facebook. Semoga artikel ini bermanfaat dan berguna untuk anda semuanya. Dan jangan lupa nantikan artikel menarik lainnya di Imamkunblog.com
Show comments

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Adblock Detected

Like this blog? Keep us running by whitelisting this blog in your ad blocker

This is how to whitelisting this blog in your ad blocker

Thank you

×