Mengatasi Thumbnail Share Post Facebook Yang Tidak Sesuai


Kali ini admin akan memberikan sebuah trik bagi kalian yang merasa kesulitan Cara Mengatasi Thumbnail Share Post Facebook Yang Tidak Sesuai. sebenarnya trik ini mudah, akan tetapi banyak sekali yang belum sukses melakukan trik ini. jadi didalam artikel ini akan saya bahas tuntas trik ini.

Terimakasih pada Arlina Design yang sudah memberikan artikel mengenai trik ini, artikel ini saya dapatkan dari situ dan sedikit saya tambahkan atau saya berikan detail nya sesuai pengalaman saya. langsung saja kita lakukan trik ini.

Silahkan baca artikel ini bagi kalian yang kesusahan melakukan editing HTML template blog.

Tahap Perbaiki Thumbnail Share Post

  1. Silahkan masuk Dasboard Blogger > Template > Edit HTML
  2. Jika kalian menggunakan ponsel android, silahkan gunakan QuickEdit seperti postingan saya sebelumnya
  3. Cari tag atau kode <head> didalam template, lalu masukkan kode ini dibawahnya tag atau kode <head>
  4. <!-- [ 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='ISI DESKRIPSI ALTERNATIF DISINI' property='og:description'/>
    </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <meta content='KODE-APLIKASI' 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'/>
  5. Langkah berikutnya cari tag atau kode <body> dan letakkan kode berikut ini dibawah tag atau kode <body>
  6. <div id='fb-root'/>
    <script>
    window.fbAsyncInit = function() {
    FB.init({
    appId : 'KODE-APLIKASI',
    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>
  7. Simpan Template

Keterangan :

  • ISI DESKRIPSI ALTERNATIF DISINI deskripsi ini akan muncul otomatis, jika postingan kalian tidak diberi deskripsi
  • KODE-APLIKASI : isi dengan kode aplikasi sobat, jika belum mempunyai silahkan buat aplikasi facebook disini
  • KODE-ADMIN : isi dengan kode profil facebook kalian, caranya dengan memasukkan url profil kalian lalu paste dan tekan "Find Numeric ID" Untuk Mendapatkan Kode Admin
Pastikan gambar atau foto yang diunggah ke post memiliki dimensi atau resolusi tidak kurang dari 600x315 pixel, dan jika kurang dari resolusi tersebut, facebook akan meresize ke resolusi 90x90 pixel.

Setelah semua diterapkan, silahkan kalian cek artikel kalian atau blog kalian untuk mengetahui berhasil atau tidak nya. masukkan URL atau Link artikel boleh juga URL atau Link blog kalian.

Kemudian klik Fetch New Scrape Information

Catatan : sebelum kalian cek artikel, kalian diharuskan sudah login ke developer facebook.

Setelah melakukan hal tersebut, otomatis facebook akan merekam informasi blog kalian dengan otomatis. cara ini tidak akan langsung sukses jika blog kalian telah terintegrasi atau sebelumnya menggunakan thumbnail orang lain, setidaknya dibutuhkan waktu 5hari untuk facebook mendapatkan informasi dari apa yang telah kita lakukan trik tadi.

Mungkin sekian dulu artikel dari Cara Mengatasi Thumbnail Facebook Yang Tidak Sesuai, jika artikel ini sukses silahkan berikan laporan kalian, untuk meramaikan postingan ini, agar semua user blogger bisa mengatasi masalahnya.
Terima Kasih Atas Kunjungannya.

Mengatasi Thumbnail Share Post Facebook Yang Tidak Sesuai