Cara Mengatasi Thumbnail Artikel yang Tidak Muncul di Facebook

Cara Mengatasi Thumbnail Artikel yang Tidak Muncul di Facebook

Facebook merupakan media sosial yang begitu terkenal dari kalangan muda sampai lanjut usia hingga detik ini, bahkan Statista sendiri mencatat jumlah pengguna aktif pada facebook pada kuartal I-2019 mencapai 2,38 miliar. Karena banyaknya pengguna Facebook, ini merupakan peluang emas bagi Bloggers untuk meraup visitor yang bersumber dari Facebook. Maka dari itu tak jarang setiap blog pasti memiliki sebuah backlink dari facebook.com baik itu berasal dari postingan pribadi atau Fanspage. Nah backlink ini merupakan salah satu teknik SEO yang wajib di praktekan selain mempercepat loading blog dengan mengganti tema blog.

Saat share artikel ke Facebook nantinya akan ada sebuah thumbnail atau gambar yang ditayangkan sebagai pemanis judul artikel. Memang tanpa thumbnail tetap dapat mendapatkan baclink Do-Follow, tetapi menurut saya kurang afdol kalo tidak ada thumbnail (ibarat makan gak pake krupuk) apalagi bagi blog yang memiliki niche berita tentunya thumbnail artikel merupakan sebuah hal yang wajib.

Terdapat 2 kemungkinan yang menyebabkan masalah featured image atau gambar preview tidak tampil di faceboof, yaitu:
  1. Gambar featured memiliki ukuran (dimensi) yang terlalu besar.
  2. Adanya sebuah eror dari tema yang tidak menerapkan meta tag og:image facebook

Karena kedua masalah itu mengakibatkan gambar preview pada postingan Facebook tidak muncul. Untuk mengatasai kedua masalah tersebut Pak dosen akan membagikan penyelesainnya dibaeah ini.

Cara Mengatasi Thumbnail Artikel yang Tidak Muncul di Facebook

Cara pertama

  1. Buka halaman Facebook ini, nantinya akan disuruh login menggunakan akun Facebook.
  2. Masukan url artikel yang bermasalah, selanjutnya tekan Debug.
  3. Tunggu beberapa saat, jika gambar preview belum muncul tekan Scrape Again berulang kali hingga gambar preview muncul sempurna.
  4. Jika gambar preview sudah muncul tinggal posting url ke facebook.

Cara kedua

Jika cara pertama belum membuahkan hasil, ikuti intruksi berikut ini:
  1. Langkah pertama silahkan login ke blogger.com dan masuk menu Tema > Edit HTML.
  2. Taruh kode dibawah ini tepat diatas kode </head>.
  3.  <!-- 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://TARUH URL BANNER UTAMA KAMU DISINI OPWAR.NET.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: Yang berwarna biru ganti dengan url banner utama kamu hasilnya nanti apabila kamu sahre url home page akan keluar gambar tersebut. untuk XXXXXXXX kalian bisa menggantinya dengan id fb atau fanspage sedangkan 12345678.. kalian ganti dengan id app fb (dibiarkan juga gpp). untuk mencari id app fb langsung tanya mbah gugel aja.
  4. Selesai.

Selain kedua faktor diatas, yang menyebabkan gambar preview tidak muncul di Facebook ialah lokasi gambar yang dihost pada hosting tertentu yang "kemungkinan" mengalami down, sehingga Facebook tidak dapat menemukan featured image dari artikel.

Demikianlah bagaimana mengatasi thumbnail blog yang tidak muncul di Facebook, semoga bermanfaat!

0 Response to "Cara Mengatasi Thumbnail Artikel yang Tidak Muncul di Facebook"

Post a comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel