Senin, 08 Februari 2016

Cara Mengatasi Salah Gambar Pada saat Share di Facebook

Cara Mengatasi Salah Gambar Pada saat Share di Facebook ~ Promosi di media sosial memang mendatangkan banyak visitor blog.Tetapi jika artikel blog yang di sahre ke media sosial seperti Facebook gambarnya salah atau tidak muncul, orang tidak akan tertarik dan tidak mengunjungi blog Anda. Maka dari itu Anda harus secepatnya memperbaiki masalah gambar yang tidak sesuai bahkan tidak muncul.

Saya juga pernah mengalami masalah seperti ini, waktu itu saya menggunakan template dari Arlina. Tapi di webnya juga ada tutorial cara mengatasi salah gambar pada saat share di facebook. Ada beberapa cara yang harus dilakukan agar blog yang di share sesuai kenginginan.
Mengatasi Thumbnail Share Post Facebook

Cara Mengatasi Salah Gambar Saat Share blog ke Facebook

Berikut adalah cara agar foto atau gambar artikel blog Anda muncl dan sesuai dengan artikelnya. :

1. Seperti yang dibahas oleh blog-blog lain, gambar harus memiliki ukuran 200x200 atau lebih besar lagi. Cobe cek berapa ukuran gambar postingan gambar Anda, jika kurang dari itu berarti itu masalahnya.

2. Menambahkan kode meta tag " Open Graph Image Property" ke template blog Anda. Kodenya ada di bawah ini, silakan di copy lalu di pastekan di bagian kode <head> tepat di bawahnya <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='Alamat Gambar Anda' property='og:image'/>
</b:if>

3. Ganti Tulisan yang berwarna biru dengan URL gambar Anda, Usahakan gambarnya melebihi ukuran 200x200 pixel.

Jika pada saat save template terjadi error, maka gunakan cara yang kedua.

1. Buka Blogger Anda, lalu pergi ke template kemudian klik Edit template
2. Cari kode <head> gunakan CTR+F untuk mencari kode tersebut.
3. Masukkan kode di bawah ini tepat di bawahnya kode <head>



<!-- [ Social Media meta tag ] --> <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <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 expr:content='data:blog.pageTitle' property='og:title'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta content='article' property='og:type'/> <b:else/> <meta content='website' property='og:type'/> </b:if> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <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 expr:content='data:blog.blogspotFaviconUrl' 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 content=' DESKRIPSI ALTERNATIF ' property='og:description'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <meta content='KODE APLIKASI FACEBOOK' property='fb:app_id'/> <meta content='KODE ADMIN' property='fb:admins'/> <meta content='en_US' property='og:locale'/> <meta content='en_GB' property='og:locale:alternate'/> <meta content='id_ID' property='og:locale:alternate'/


4. Jika sudah , lalu cari kode <body> kemudian pastekan kode di bawah ini tepat dibawahnya kode <body>

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'KODE-APLIKASI-FACEBOOK',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>

Keterangan :
Untuk tulisan yang saya kasih warna biru itu adalah kode dari facebook
  • Kode Aplikasi Facebook = Isi dengan kode Aplikasi Facebook Anda
  • Kode Admin   = Boleh di isi dengan kode profil facebook atau fanspage 
  • Deskripsi Alternatif = ini bisa diisi deskripsi mengenai blog atau artikel Anda.
Setelah semua tutorial di atas sudah di laksanakan dengan benar tanpa error, selanjutnya tinggal submit link ke DEBUGGER Facebook Untuk memperbarui informasi tentang blog Anda , baik berupa gambar, deskripsi dan yang lainnya.

Mengatasi Thumbnail Share Post Facebook


  • Letakkan link di kolom yang tersedia, Kemudian klik DEBUG
  • Kemudian klik fetch new scape information
  • Tunggu setidaknya 1-24 jam.
Demikian Tutorial dari saya semoga bisa membantu Anda. Sekian terima kasih



2 komentar


EmoticonEmoticon