Cara Menampilkan Logo Thumbnail Blog Dikala Share Ke Facebook
-Sebagai seorang blogger kita sering membagikan goresan pena atau artikel blog kita di Sosial Media, Khusunya Facebook. Saat kita menuliskan alamat blog atau url sebuah artikel niscaya akan muncul deskripsi dan thumbnail dari tautan yang kita bagikan.
Nah sering kali saya temui di grup-grup blogger platform Facebook mereka kesulitan dan tidak tahu bagaimana memunculkan thumbnail dan deskripsi ini. Hal ini terjadi alasannya yakni mereka atau kau yang masih kebingungan kenapa tidak muncul logo blog dikarenakan belum memasang aba-aba Meta Tag Open Graph pada template.
Hal ini sangatlah penting alasannya yakni Facebook menjadi salah satu sumber traffic bagi sebuah blog. Dan ketika kau membagikan url blog di Facebook akan sangat menarik dan kemungkinan dilihat oleh orang lain menjadi lebih tinggi bila memakai Meta Tag Open Graph ini.
Penjelasan
Ganti beberapa value diatas dengan milik kau sendiri.
1. Kunjungi Facebook Debug Tool
2. Masukkan URL BLog.
3. Klik tombol Debug.
4. Jika belum muncul klik tombol SCRAPE AGAIN.
Selesai dan cukup gampang bukan Cara Menampilkan Logo Thumbnail Blog Saat Share Ke Facebook ini. Silahkan eksklusif dipraktekkan bila kau merasa galau atau ada yang ingin ditanyakan silahkan berkomentar dibawah.
Sumber https://gawarii.blogspot.com/
Nah sering kali saya temui di grup-grup blogger platform Facebook mereka kesulitan dan tidak tahu bagaimana memunculkan thumbnail dan deskripsi ini. Hal ini terjadi alasannya yakni mereka atau kau yang masih kebingungan kenapa tidak muncul logo blog dikarenakan belum memasang aba-aba Meta Tag Open Graph pada template.
Apa sih Meta Tag Open Graph itu?
Open Tag Meta Graph yakni serpihan aba-aba yang mengontrol bagaimana URL ditampilkan ketika dibagikan di media sosial. Mereka yakni bab dari protokol Open Graph Facebook dan juga dipakai oleh situs media umum lainnya, termasuk LinkedIn dan Twitter.Hal ini sangatlah penting alasannya yakni Facebook menjadi salah satu sumber traffic bagi sebuah blog. Dan ketika kau membagikan url blog di Facebook akan sangat menarik dan kemungkinan dilihat oleh orang lain menjadi lebih tinggi bila memakai Meta Tag Open Graph ini.
Cara Memasang Open Tag Meta Graph
Dalam penerapannya cukup gampang kau dapat ikuti langkah dibawah ini dan pastikan diperhatikan dengan seksama.
1. Masuk ke akun Blogger
2. Masuk Menu Edit Tema > Edit HTML.
3. Gunakan fungsi CTRL + F dan cari aba-aba </head>.
Yang harus kau lakukan yakni menempatkan aba-aba dibawah ini sempurna DIATAS aba-aba </head>.
<!-- Facebook Meta Tag Open Graph by igniel.com --> <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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQN1u1Ot5ILTCAthlU3C6NDKCou5bj0WRQ_Ha4tGaDYOy1hBAxGnQb2zDR8A1I4T_6znT2jCs6JOUMeRz7OnggLOQ1zptFaooYvylFgIEJCeiM6uWKfuiM-u2ivuvPWmcacvdgcEZKwEuQ/s1600/ignielcom.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/106660612706164' property='article:author'/> <meta content='https://www.facebook.com/106660612706164' property='article:publisher'/> <meta content='106660612706164' property='fb:admins'/> <meta content='1804789006468790' 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'/>Penjelasan
Ganti beberapa value diatas dengan milik kau sendiri.
1. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQN1u1Ot5ILTCAthlU3C6NDKCou5bj0WRQ_Ha4tGaDYOy1hBAxGnQb2zDR8A1I4T_6znT2jCs6JOUMeRz7OnggLOQ1zptFaooYvylFgIEJCeiM6uWKfuiM-u2ivuvPWmcacvdgcEZKwEuQ/s1600/ignielcom.png ganti dengan url gambar atau logo blog milik kamu. 2. 106660612706164 Ganti dengan User ID dari Facebook atau Fanspage kau (ada 3 buah). 3. 1804789006468790 Ganti dengan ID aplikasi Facebook kamu. Jika tidak punya dapat kau hapus saja baris meta content fb app_ID.
Ingat ukuran URL Gambar atau Logo setidaknya 200px X 200px.
Cara Cek Apakah Sudah Muncul Open Tag Meta Graphnya
1. Kunjungi Facebook Debug Tool
2. Masukkan URL BLog.
3. Klik tombol Debug.
4. Jika belum muncul klik tombol SCRAPE AGAIN.
Selesai dan cukup gampang bukan Cara Menampilkan Logo Thumbnail Blog Saat Share Ke Facebook ini. Silahkan eksklusif dipraktekkan bila kau merasa galau atau ada yang ingin ditanyakan silahkan berkomentar dibawah.
Sumber https://gawarii.blogspot.com/