Cara Mengatasi Gambar dan Deskripsi Tidak Muncul Saat Share Facebook

Cara mengatasi Gambar tidak muncul saat share ke facebook -Hai sobat,Kamu pasti pernah mengalami gambar artikel atau postingan tidak muncul saat share artikel ke facebook.Tentunya kamu ingin menampilkan gambar dari artikel tersebut saat share ke facebook.
Kali ini saya ingin sedikit berbagi pengalaman.Setelah saya cari sana sini banyak yang nggak work tutorialnya.Tapi tenang sekarang saya sudah punya solusinya.

1. Buka blogger.
2.  kamu cari kode </head> .Caranya masuk ke menu Template - Edit HTML lalu Ctrl+F(untuk memudahkan mencari kode atau script.Setelah itu ketik </head> di kolom sebelah kanan atas dan enter.
3. Kalau tidak ada kode tersebut coba cari kode &lt;/head&gt sebagai kode penggantinya<800>
4. Kemudian Copy meta tag di bawah ini dan paste tepat di atas kode </head> tadi.
5. Terakhir simpan atau save.

Keterangan:

• Ganti 1209243555844459 dengan ID dari App fb kamu.Kalau belum buat app ID silahkan hapus saja kode ini <meta content='1209243555844459' property='fb:app_id'/>.Tidak akan berpengaruh terhadap tampilan blog anda kok.
• Ganti 122202111602230 dengan ID atau username Fanspage kamu.
• Fungsi kode og:title untuk menampilkan judul artikel.
• Fungsi kode og:image untuk menampilkan gambar atau thumbnail.
• Sedangkan kode og:url adalah URL canonical dari blog kamu.

  <!-- [ Facebook Open Graph Meta Tag by awalduniabaru.id ] -->
<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 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/AVvXsEhLnHXrtLtgqrlWf58n2xX7XXUY4jZAF7f2ks2_vSSBHF69wQ9FXWsb-JKds-rlqX-aCDF6uzBxbseaMF177PPJlOmG59AdaiRot6W0dL_4lml7Tt-gBMY3kJRj_FJd4iJs5P_gyRlN_cLj/s1600/.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/awalduniabaru12' property='article:author'/>
<meta content='https://www.facebook.com/XXX3' property='article:publisher'/>
<meta content='122202111602230' property='fb:admins'/>
<meta content='1209243555844459' 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'/>.

Begitulah cara mengatasi gambar dan deskripsi tidak muncul saat share facebook.Cukup mudah bukan?Silahkan di coba.Tapi jangan lupa ganti kode yang berwarna merah sesuai dengan data ID fb kamu sobat.Tutorial ini berdasarkan pengalaman yang saya dapat dari berbagai sumber di blog lain dan sudah saya coba sendiri.Selamat mencoba.

Share this post