Panduan Memasang Meta Tag Thumbnail di Blogger Lengkap

Wahyu Development - Bagaimana cara mengatasi Gambar Thumbnail pada Blogger yang tidak tampil ketika di share ke Media Sosial?

Mungkin para blogger yang menggunkan template atau tema gratisan terdapat kendala pada template tersebut. Yang terkadang banyak code yang hilang di dalamnya, jika anda tidak mahir dalam melakukan editing template maka sangatlah sulit untuk memperbaiki kesalahan yang ada. Oleh karena itu disini saya akan memberikan tips bagaimana cara mengatasi gambar thumbnail pada blogger tidak tampil ketika di share ke media sosial.

Caranya cukup mudah, silahkan anda buka dasbor Blogger anda --> kemudian buka menu Tema --> lalu klik Edit HTML.

Selanjutnya silahkan copy code dibawah ini dan letakan sebelum code </head>.

<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://4.bp.blogspot.com/-HSncS4FSH0g/XITQfpGpQ-I/AAAAAAAACKY/l9yA_qTp_C8vCBG6iEOuhXIeQ0iEghTswCLcBGAs/s320/Golden%2BRatio.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/100000686899395' property='article:author'/>
<meta content='https://www.facebook.com/100000686899395' property='article:publisher'/>
<meta content='100000686899395' 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'/>

[Catatan] Ubahlah code yang diberi mark kuning, untuk melihat ID Facebook silahkan anda kunjungi profil Facebook anda menggunakan akun lain. Jika anda menggunakan PC atau Laptop anda dapat mengaktifkan mode Facebook baru lalu klik icon mata.

Maka ID Facebook anda akan tampil seperti ini.

Lalu bagaimana cara agar perubahan yang baru saja dilakukan dapat terlihat hasilnya?

Cara agar cepat terlihat hasilnya silahkan anda buka Developer Facebook atau klik tombol dibawah ini.

Visit Link

Pada halaman debug silahkan masukan alamat website anda pada kolom yang sudah di sediakan. Lalu klik Debug.

Maka akan tampil informasi seperti ini, dimana alamat website anda belum menampilkan gambar.

Agar gambar dapat terlihat, silahkan klik Kurangi Lagi, maka akan menjadi seperti ini.

Itulah cara memperbaiki thumbnail yang tidak tampil ketika di share ke Media Sosial. Berikan komentar anda tentang hal ini ataupun jika ada hal yang dirasa kurang paham silahkan tuliskan komentar anda. Semoga bermanfaat . . .

Wahyu Development

Situs download software lengkap dan mudah - Tutorial lengkap tentang website, sosial media, dan komputer - Sumber referensi tugas sekolah dan informasi lainnya

Share this post

Related Post