Cara Memperbaiki Gambar Mengecil saat Share Artikel di Facebook

Baca Juga

Cara Memperbaiki Gambar Mengecil saat Share Artikel di Facebook – Ini adalah masalah fatal yang sering terjadi pada sebuah blog ketika melakukan promosi di Media sosial Facebook, titib-tiba gambar menjadi mengecil atau tidak sesuai padahal tubnail/gambar berada pada gambar yang Landscape atau persegi panjang Horizontal. Maka dai iru kali ini ya akana berikan solusi sekaligus ilmu bagaimana cara merubah gambar tersebut menjadi sebagaimana mestinya, yaitu  menjadi lebar agar terlihat indah agar terlihat menarik untuk di baca oleh teman-teman pengunjung di Facebook.

Gambar atau gambar di dalam postingan sebenarnya sudah di atur oleh Open Greph Facebook yang telah kita tanam pada HTML Template Blog. Open Greph tersebut berfungsi untuk melakukan generate apa yang perlu di informasikan pada artikel tersebut secara keseluruhan. Perlu di ketahui bahwa pihak developer Facebook sudah menentukan berapa lebar dan tinggi yang harus di terapkan pada gambar postingan blog. adapun ukurannya yaitu 1200 x 630 pixsel untuk resolusi tinggi atau 600 x 315 pixsel untuk mendapatkan generate terbaik saat artikel di share ke Facebook.

Namun jika ukuran gambar tidak sesuai dengan width dan height gambar yang terlah di rekomendasikan maka secara otomatis regenere gambar  akan mengecil. Di sinilah masalah nya yang banyak sobat beloger tidak pahami, padahal hal ini adalah hal yang sangat penting dalam promosi konten di media sosial seperti Facebook.

Contoh posisi gambar tidak sesuai :

Padahal seharusnya ukuran gambar yang sesuai dan sempurna seperti ini :

Nah, bagi sobat yang tertarik untuk mengatasi ini, berikut  ini tutorial nya.

Cara Agar Gambar Sesuai/Sempurna Ketika Share di Facebook

1. masuk blog sobat > masuk menu “Template” > Edit HTML > Temukan salah satu kode Open Greph Facebook berikut ini.

<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

lalu letakkan kode di bawah ini tepat di bawah kode Open Greph yang sudah sobat cari di atas.

<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="315" />

Jika di gabung kan Open Greph Facebook dan Twitter hasilnya akan menjadi seperti ini.

<!-- 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>

2. terakhir simpan template dan lihat hasilnya dengan share artikel di Facebook. Saya yakin jika sobat mengikuti tutorial di atas dengan benar maka ukuran gambar sudah benar ketika di share ke Facebook.

Demikianlah tutorial mengenai Cara Memperbaiki Gambar Mengecil saat Share Artikel di Facebook, yang harus di ketahui. jika sobat ada masalah atau sudah berhasil jangan lupa untuk mengisi Kotak komentar di bawah ini. Semoga artikel ini dapat menjadi ilmu yang bermanfaat.