Panduanajib.com - Hari ini saya akan bagikan sebuah tutorial simple seputar blogger kepada rekan-rekan semua. Pembahasan kita kali ini adalah tentang Mengatasi Gambar Blog Tidak Muncul Saat di Bagikan ke Facebook.

Cukup menjengkelkan memang ketika kita hendak melakukan share artikel kita ke sosial media seperti facebook, eh gambar artikel blog tidak muncul saat share ke facebook. Tentu jika dilihat kurang etis dan sedikit risih dipandang mata. Itu si menurut saya, jika Anda juga mengalami kendala seperti saya, maka di artikel ini Anda akan mendapatkan solusinya.

Mengapa Gambar Artikel Blog Tidak Muncul Saat Share ke Facebook?

Mungkin Anda juga memiliki pertanyaan serupa jika mengalami problem yang sama seperti saya alami beberapa waktu lalu. Nah setelah saya berkeliling dunia, anjim. Akhirnya saya menemukan sebuah jawaban yang sedikit masuk akal yaitu, Kemungkinan besar terjadi akibat blog Anda tidak menerapkan meta tag og:image facebook dan itu mengakibatkan Thumbanail di Postingan tidak muncul saat membagikan url Postingan ke facebook itu sendiri.

Lalu bagaimana cara mengatasinya? Yuk simak artikel berikut ini.

Mengatasi Gambar Blog Tidak Muncul Saat di Bagikan ke Facebook

1. Silahkan Anda login ke Blogger.com dengan menggunakan Gmail Anda.
2. Masuk ke menu TEMA > klik Edit HTML
3. Silahkan Anda 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='https://1.bp.blogspot.com/-1eSzIPykBbA/W7TEES3n5PI/AAAAAAAAGeA/NWfEPstRSFspDaGDP6_VBjxTa38mVAHlwCPcBGAYYCw/s75/Lain.jpg' 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/XXXXXXXXXXXXXXX' property='article:author'/>

<meta content='https://www.facebook.com/XXXXXXXXXXXXXXX' property='article:publisher'/>

<meta content='XXXXXXXXXXXXXXX' property='fb:admins'/>

<meta content='1234567890123456' 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'/>

CATATAN:

• Silahkan Anda ganti link gambar "https://1.bp.blogspot.com/-1eSzIPykBbA/W7TEES3n5PI/AAAAAAAAGeA/NWfEPstRSFspDaGDP6_VBjxTa38mVAHlwCPcBGAYYCw/s75/Lain.jpg" dengan url Gambar Banner / logo milik Anda. Hasilnya adalah jika Anda membagikan URL Homepage blog maka gambar yang akan tampil adalah gambar yang sudah anda atur.
• Selanjutnya  silahkan Anda Ganti XXXXXXXXXXXXXXX ( Ada 3 Buah ) dengan ID Akun Facebook Atau Fanspage Anda.
• Silahkan kamu ganti 1234567890123456 Dengan ID Aplikasi Facebook Anda.
• Done

Masih belum muncul ni mas. Ada cara lain?

Jika memang dengan caa diatas, belum menyelesaikan persoalan Anda, silahkan lanjut kelangkah yang kedua ini.

1. Silahkan kamu kunjungi Facebook Sharing Debugger
2. Masukkan URL Homepage atau Artikel yang kalian punya.
3. Klik tombol Debug dan klik tombol Scrape Again beberapa kali sampai gambar Thumbnail muncul.

Demikianlah artikel tentang Mengatasi Gambar Blog Tidak Muncul Saat di Bagikan ke Facebook. Semoga bermanfaat.