Skip to main content

Cara Mengatasi Gambar Postingan Error Saat Membagikan di Facebook

Gambar Postingan Error - Hallo teman-teman blogger, kali masbisor.com akan membagikan sebuah informasi penting yang pastinya sangat bermanfaat dan berguna yaitu Cara Mengatasi Gambar Postingan Error Saat Membagikan di Facebook. Facebook merupakan media sosial yang paling besar untuk mempromosikan berbagai macam karya karena dapat dilihat bawah facebook memiliki pengguna  aktif terbanyak dibanding dengan media sosialnya

Cara Mengatasi Gambar Postingan Error Saat Membagikan di Facebook

Karena itu, facebook memiliki potensi yang baik untuk melakukan strategi promosi blog ataupun web berbasis toko online untuk berjualan. Terkadang kita kesal karena saat kita membagikan url blog atau artikel, thumbnail pada artikel yang kita buat tidak muncul Malah muncul Gambar Tang, bukannya gambar postingan. Untuk itu, admin akan memberikan solusi untuk mengatasi cara tersebut.

Baca juga : Cara Mempercepat Loading Blog dengan Lazy Load Iklan Adsense di Blogger

Facebook Tempat Promosi Blog Paling Jitu

Ketika anda melakukan promosi di facebook, anda akan mendapatkan visitor yang begitu meningkatkan sekali sehingga facebook alat jitu sekali dalam promosi sebuah web blog. Untuk anda yang menggunakan jasa iklan Adsense tentunya harus berimbang dengan visitor organik dari google agar blog atau website tetap terlihat sehat sekali.

Apa Penyebab Gambar Postingan Tidak Muncul Atau Error

Anda semua pasti pernah mengalaminya gambar error ketika ingin membagikan artikel di halaman fanspage maupun facebook pribadi. Gambar dari artikel yang telah tulis menjadi error dan memang  hal tersebut harus segera perbaiki, apa penyebab error tersebut. Salah satu penyebab itu terjadi adalah Open Graph.

Apa itu Open Graph Dalam Blog?

Open graph adalah sebuh kode meta html yang terpasang dalam template baik itu berbentuk platform blogspot, wordpress atau yang lainnya dan memiliki satu fungsi untuk mengenali suatu halaman website. Kode tersebut sudah dikenali oleh plugin facebook dengan tujuan menggali informasi suatu halaman yang nantinya mampu untuk di tampikan di halaman facebook. Ketika terjadi sebuah error pada kode script tersebut maka jelas facebook tidak bisa menerima informasi dari artikel Anda dan deskripsi, gambar, nama blog tidak bisa di tampilkan ke halaman facebook.

Baca juga : Cara Paling Mudah Mempercepat Loading Blog dengan Lazy Load Gambar di Blogger

Cara Mengatasi Gambar Postingan Error Saat Membagikan di Facebook


1. Silahkan login ke Blogger.
2. Masuk dan Cari menu TEMA, selanjutnya klik Edit HTML
3. Silahkan kamu 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'/> 


Perhatikan Petunjuk

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

Lalu bagaimana jika gambar belum muncul juga?

Pergi ke facebook debugger, Apa itu facebook debugger? merupakan tools online yang digunakan mengatasi deskripsi dan gambar yang tidak muncul ketika membagikan artikel di sosial media (Facebbok itu sendiri).

1. Silahkan kamu kunjungi 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.

Baca juga : 7 Cara Untuk Mempercepat Loading Blogger Dengan Sempurna

Nah begitu Cara Mengatasi Gambar Postingan Error Saat Membagikan di Facebook menggunakan KODE HTML maupun Facebook debugger dengan mudah dan sederhana sekali. Untuk memasang kode tersebut tidak terlalu susah jika anda sudah paham tentang kode html, ikuti aja petunjuk yang diberikan. Jika anda mengalami error pada dalam pemasangan , cobalah tinggal komentar dibawah agar admin bisa bantu untuk memberikan solusi tersebut. Terimakasih.
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Tutup Komentar