Mengatasi Thumbnail Postingan Blog Menjadi Gambar Author di Facebook
WikiSantri.com - Kali ini saya akan membuat tutorial yaitu Mengatasi Thumbnail Postingan Berubah Menjadi Gambar Author Pada Facebook, dimana gara-gara saat saya memakai salah satu template gratisan pada blog satunya saya, jadi masalahnya setelah ganti template gambar utama atau tuhmbnail pada postingan saya berubah menjadi foto Google+ saya.
Hal itu sangat menjadi tidak enak dilihat, iya kalo saya ganteng hahaha, tidak masalah sih, tetapi untuk membuat agar orang lain penasaran dengan postingan kita yang telah di share ke facebook,maka gambarnya harus sesuai dengan isi artikel tersebut.
Ternyata hal ini disebaban oleh meta tag yang tidak sesuai dengan sistem Facebook Open Graph, sehingga facebook kesulitan untuk mengambil gambar utama pada setiap postingan kita, beberapa template terbaru saat ini sudah menggunakan meta tag media sosial terbaru dan mungkin tidak masalah.
Namun pada template blog lainya terkadang meta tag berbeda-beda, karena meta tag media sosial jua mempengaruhi kualitas SEO maka harus benar-benar diterapkan dengan baik dan tepat.
Pertama, jika kita lihat susunan meta tag media sosial biasanya sudah di urukan menjadi satu seperti gambar bawah ini.
Maka dari itu silahkan ganti meta tag sosial media kamu, jika mengalami permasalahan seperti punya saya ini, caranya sangat mudah
Buka editor template kamu dan taruh kode ini dibawah kode <head> .
Kostumisasi :
Setelah itu save template kamu dan kemudian lakukan Debug pada Developer Facebook melalui link INI agar gambar thumbnail kamu berubah sesuai dengan gambar utama postinganmu, ini Facebook akan meng-Clawr ulang setiap postingan kamu dan masukan setiap link url blog kamu, kemudian klik DEBUG, maka facebook akan menemukan bug atau kesalahan meta tag kamu.
Silahkan klik KURANGI LAGI pada waktu dikurangi seperti pada gambar dibawah ini.
Ternyata hal ini disebaban oleh meta tag yang tidak sesuai dengan sistem Facebook Open Graph, sehingga facebook kesulitan untuk mengambil gambar utama pada setiap postingan kita, beberapa template terbaru saat ini sudah menggunakan meta tag media sosial terbaru dan mungkin tidak masalah.
Namun pada template blog lainya terkadang meta tag berbeda-beda, karena meta tag media sosial jua mempengaruhi kualitas SEO maka harus benar-benar diterapkan dengan baik dan tepat.
Pertama, jika kita lihat susunan meta tag media sosial biasanya sudah di urukan menjadi satu seperti gambar bawah ini.
Buka editor template kamu dan taruh kode ini dibawah kode <head> .
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<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/AVvXsEguauVrROvXkFcyXw_5uSzR84VSE_ur_xO69MaOgq6sjiNG6aUAX6WS7Nig2tUvKXsrhiEz1dwyHT8VSEfSIIpWis_3WzYE8LDPY3vJa3m2Vl7BqvkS9roHzaNGphL84b5Eks7S-GpVDEr3/s1600/Arlina+Logo.png' property='og:image'/>
</b:if>
</b:if>
<meta content='URL FACEBOOK KAMU' property='article:author'/>
<meta content='URL FANSPAGE KAMU' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE ID ADMIN FACEBOOK' 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'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@MasCipul' name='twitter:site'/>
<meta content='@MasCipul' name='twitter:creator'/>Kostumisasi :
- Ganti tulisan URL FACEBOOK KAMU dengan url akun facebook kamu.
- Ganti tulisan URL FANSPAGE KAMU dengan url akun fanspage kamu.
- Ganti tulisan KODE-APLIKASI-FACEBOOK dengan kode aplikasi facebook kamu.
- Ganti tulisan KODE ID ADMIN FACEBOOK dengan kode id facebook kamu.
Setelah itu save template kamu dan kemudian lakukan Debug pada Developer Facebook melalui link INI agar gambar thumbnail kamu berubah sesuai dengan gambar utama postinganmu, ini Facebook akan meng-Clawr ulang setiap postingan kamu dan masukan setiap link url blog kamu, kemudian klik DEBUG, maka facebook akan menemukan bug atau kesalahan meta tag kamu.
Silahkan klik KURANGI LAGI pada waktu dikurangi seperti pada gambar dibawah ini.
Jika gambar belum sesuai klik berkali-kali pada tombol Kurangi Lagi hingga gambar thumbnail kamu sesuai dengan postinganmu, selamat mencoba dan happy blogging!! 😁
Posting Komentar