Gambar Artikel Mengecil Ketika Di Share



Facebook merupakan salah satu sosial media yang mempunyai miliyaran pengguna diseluruh dunia tidak hanya itu facebook bisa menjadi salah satu media untuk mencari trafik pengunjung website atau blog kita dengan cara men-share artikel milik kita dengan tampilan hanya thumbnail dan headline judul artikel kita. Disini saya ingin memberikan sedikit solusi tentang gambar thumbnail yang mengecil menjadi segi empat saat dishare ke facebook menjadi thumbnail yang lebar sebagai mana mestinya seperti didalam artikel tentu saja untuk menarik pengunjung yang melihatnya.

Sebenarnya thumbnail postingan atau artikel yang kita share ke facebook telah diatur oleh Facebook Open Graph yang telah ada didalam HTML template blog kita. Jadi apa fungsi open graph? Supaya tampilan komponen artikel atau blog ketika dishare menjadi lebih enak dipandang yang nantinya akan dilike oleh orang lain, komponen disini yaitu seperti Judul, Deskripsi, atau juga link blog atau website kita. Sebenarnya facebook sendiri menentukan lebar dan tinggi untuk thumbnail artikel saat dibuat yaitu 1200 x 630 untuk resolusi tingginya atau 600 x 315 untuk mendapatkan hasil terbaik ketika artikel dishare ke facebook.

Akan tetapi jika kita membuat artikel dengan gambar thumbnail kurang dari ketentuan seperti yang disebutkan sebelumnya, gambar akan otomatis mengecil menjadi segi empat dengan posisi disamping dan sejajar dengan judul, deskripsi artikel, dan juga link blog kita ketika kita share ke facebook padahal sebenarnya kita meginginkan bentuk yang lebar atau landscape ketika kita share supaya lebih enak dilihat. Untuk cara mengatasinya kamu bisa ikuti langkah-langkah yang cukup mudah dibawah ini.

Pertama kamu masuk dulu ke dashboard blogger kamu lalu masuk ke Edit HTML lalu masukkan code dibawah ini dibagian meta tag atau dibawah <head>
<!-- Facebook and Twitter Open Graph -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='ID GROUP FACEBOOK' property='fb:app_id'/>
<meta content='ID FACEBOOK ADMIN' property='fb:admins'/>
<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>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />
</b:if>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='TWITTER ADMIN' name='twitter:creator'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
</b:if> 
Kamu bisa menyesuaikan dengan mengganti ID Facebook untuk yang ada di tag dengan ID facebook kamu sendiri. Setelah itu simpan template kamu lalu coba share artikel ke facebook.

Sekian solusi gambar thumbnail artikel mengecil ketika dishare ke facebook mudah bukan? semoga bermanfaat dan jangan lupa tinggalkan jejak kamu dikolom komentar dibawah.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel