Cara Menampilkan Gambar Blog Di Facebook Saat Membagikan Link

Tulisan IKO - Terkadang kita kesal karena saat kita membagikan url blog atau artikel, thumbnail pada artikel yang kita buat tidak muncul. Karena jika gambar pada url yang kita sebar tidak muncul akan membuat tampilannya kurang menarik dan membuat pembaca enggan mengujungi artikel yang telah kita buat.Cara ini bisa disebut juga Open Graph.

Apa itu Open Graph?  Saya jelaskan sedikit apa itu Open Graph!!!

Open Graph adalah sebuah kode meta khusu yang dibuat oleh Facebook untuk keperluan webmaster mereka. Kode ini akan membuat Facebook sanggup membaca struktur blog dan menampilkan ulang isinya kedalam postingan ketika anda membagikan link ke Facebook. Struktur tersebut adalah Judul, Deskripsi, Gambar dan Alamat Blog.

Cara Menampilkan Gambar Blog Di Facebook Saat Membagikan Link

1. Buka Dashboard Blog Kalian Lalu Pilih Tema.
2. Jika Sudah Silahkan Pilih Edit HTML.
3. Simpan Kode Dibawah Ini Diatas Kode </head>.

<!-- Facebook Meta Tag Open Graph by igniel.com -->
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7XnUQTVHtWcVg-iXVF_GzTdZjXOOhnqrEn1_CkSsvtBl4X884QdEYhd072vLQ2but4buQpe2Fe42ThOFF9FcQhWbJievlKFExhHYBkGw7fsBkcMC-OTduIlDu4kEzFKMdXktGmiL79Atx/s1600/ignielcom.png' 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/106660612706164' property='article:author'/>
<meta content='https://www.facebook.com/106660612706164' property='article:publisher'/>
<meta content='106660612706164' property='fb:admins'/>
<meta content='1804789006468790' 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'/>

Ada Beberapa URL Yang Harus Kamu Ganti

1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7XnUQTVHtWcVg-iXVF_GzTdZjXOOhnqrEn1_CkSsvtBl4X884QdEYhd072vLQ2but4buQpe2Fe42ThOFF9FcQhWbJievlKFExhHYBkGw7fsBkcMC-OTduIlDu4kEzFKMdXktGmiL79Atx/s1600/ignielcom.png. Ganti Dengan URL gambar banner atau logo blog kamu. Hasilnya adalah jika kamu membagikan URL Homepage blog maka gambar yang akan tampil adalah gambar yang sudah anda atur.
2. 106660612706164 (Ada 3 Buah). Ganti Dengan ID Akun Facebook Atau Fanspage Kamu Jika Belum Tau Cara Mendapatkan ID Facebook Silakan Baca Artikel Cara Mengetahui ID Facebook Dengan Mudah.
3. 1804789006468790. Ganti Dengan ID Aplikasi Facebook Kamu. Jika Belum Tau Silahkan Baca Cara Membuat Aplikasi Facebook Sendiri Dengan Mudah.

Lalu Bagaimana Jika Gambar Belum Muncul Juga?

1. Buka Facebook Sharing Debugger

https://developers.facebook.com/tools/debug/sharing

2. Masukkan URL Homepage Atau Artikel Yang Kalian Punya.
3. Klik Tombol Debug Dan Klik Tombol Scrape Again Beberapa Kali Sampai Gambar Thumbnail Muncul.

Nah, bagaimana tentang artikel Cara Menampilkan Gambar Blog Di Facebook Saat Membagikan Link. Mungkin segini saja artikel kali ini, semoga bisa bermanfaat. Terima Kasih.....

Share this post