Senin, 23 Juni 2014

Cara Mengatasi Masalah Gambar Dan Deskripsi Artikel Di Facebook

Pernahkah kalian mengalami masalah pada saat share artikel di facebook? entah itu gambar dan deskripsinya tidak muncul ataupun gambar dan deskripsinya tidak sesuai dengan artikel anda? dan mengapa masalah itu terjadi?

Cara Mengatasi Masalah Gambar Dan Deskripsi Artikel Di Facebook


Masalah itu terjadi karena facebook memiliki protokol tersendiri untuk open graph, dan berbeda dengan open graph milik google.

Bagi kalian yang mengalami hal tersebut, kalian tidak perlu khawatir karena blog masterbama akan memberikan solusinya.

Cara ini saya praktekkan melalui blogger (blogspot.com) untuk selain blogspot silahkan dicoba dengan cara anda sendiri.

Cara Mengatasi :

1. Login ke blogger.com.
2. Pada halaman dashboard, klik "Template > Edit HTML".
3. Cari kode </head> 
(untuk mempermudah gunakan CTRL+F)
4. Copy dan Paste kode dibawah ini tepat berada diatas </head>
<!-- BEGIN Open Graph tags -->
<meta expr:content='data:blog.metaDescription' name='description' property='og:description'/>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
<meta content='ID App Facebook' property='fb:app_id'/>
<meta content='ID Facebook' property='fb:admins'/> <b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<meta content='http://masterbama.blogspot.com/p/about-blog.html' property='article:author'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.pageName' property='og:title'/> <b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <b:else/>
<meta content='URL Gambar, Minimal 200x200.jpg' property='og:image'/> </b:if> <b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.canonicalHomepageUrl' property='og:url'/>
<meta content='blog' property='og:type'/>
<meta content='URL Gambar, Minimal 200x200.jpg' property='og:image'/> </b:if>
<meta expr:content='&quot;en_US&quot;' property='og:locale'/>
<!-- END Open Graph tags -->

5. Tahap Pengeditan
- Orange : Isi dengan ID App Facebook anda ( Baca : Cara Mendapatkan App ID Facebook )
- Kuning : Isi dengan ID Facebook Anda ( Baca : Cara Mencari ID Facebook )
- Merah : Ganti dengan URL blog anda
- Hijau : Ganti dengan URL Gambar (sesuai dengan keinginan anda). Jika artikel di share di Facebook maka gambar ini yang akan ditampilkan bila didalam artikel tersebut tidak terdapat gambar. Gambar minimal berikuran 200x200 dengan format .jpg

6. Klik "Simpan Template"

Untuk mencegah terjadinya masalah sebaiknya sertakan gambar pada artikel anda minimal 200x200 (lebih besar lebih baik). Salam blogger, semoga sukses ^_^

Artikel Terkait

Cara Mengatasi Masalah Gambar Dan Deskripsi Artikel Di Facebook
4/ 5
Oleh