Facebook masih menjadi favorit buat share artikel. Ya karena pengguna facebook masih dominan jika dibandingkan dengan pengguna akun media sosial lainnya. Bahkan, google sendiri saja, mulai ketar-ketir dengan keberadaan facebook ini. Lihat saja, semenjak dengan adanya facebook pro, wow banget dah. Orang lebih betah berlama-lama mantengin facebook. Ada yang belum punya akun facebook?
Nah karena facebook penggunanya banyak, maka sayang jika tidak dimanfaatkan sebagai sarana promosi. Ya salah satunya buat promosi artikel blog, biar pengunjung atau pembaca tambah ramai. Masak iya, sarana yang gratisan tidak dimanfaatkan dengan sebaik-baiknya. Mumpung gratis gitu lo! Eh tapi ada yang tidak percaya diri share artikelnya di facebook, alasannya tumbnail atau gambar artikelnya ngeblur. Gambar artikel blognya jadi tidak enak dilihat.
Wow kalau itu banyak solusinya, tidak perlu kawatir. Sebagai seorang blogger, memang seharusnya sedikit tahu tentang ilmu coding. Jika ada masalah dengan tema atau template blognya bisa otak-atik sendiri. Apa penyebab gambar atau thumbnail artikel ngeblur saat share di facebook? Kita runut satu-persatu.
Thumbnail atau gambar artikel jika ngeblur saat share di facebook:
- Ukuran gambar terlalu kecil. Tapi untuk saat ini, sepertinya tidak menjadi persoalan, karena umumnya gambar artikel hasil dari jepretan kamera.
- Pada kode HTML postingan, ubah s menjadi s1600. Contoh: src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKLi2zEAA0OOOFZqaQ1bYlqv-wPy_4ngaNRQpeMS573f8ovzOG7PMwt9jlPqsXZjmtXnSj-xYYtStpRXAenaMxAYaxvMzmmFf48zGLPQ2V_N67rKSxdXzJ3NzocdXKsVCXOTsx38DenwkhYv9oFg24Yj3iHK7jfLuEpUZG5E3-LB8iRdytitMOLDNa-Wk/s1600/Share%20Febook%20Ngeblur.jpg
- Kode Fecebook Open Graph terlalu jelemit, yang justru meresize ukuran gambar asli dari artikel itu sendiri.
Nah untuk itu, saya sarankan mengganti kode facebook open graph.
<!-- Facebook Open Graph --><b:if cond='data:blog.postImageUrl'><meta expr:content='"" + data:blog.postImageUrl' property='og:image'/><b:else/><meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJLRGaIgW_LTuHtuxODV1Z5u3R0rdvJj2Iz8fwY3Z4pF6Ps9TlmPVnmQzvVtQR9lr8J0EbdYtf11uq6XKJ7DRxdgFSiTCdXgTMcUDk2bZ8syOsx7o4WAXrAk4qq4Ka0tyGIIcLctI-fPZqfHboJzv-A7fw0inLlstEYg4g5kS74RiFnpxG5o-pi8Ocf7I/s1280/Djangkaru%20Bumi.jpg' property='og:image'/></b:if><b:if cond='data:blog.metaDescription != ""'><meta expr:content='data:blog.metaDescription' property='og:description'/></b:if><meta expr:content='data:blog.pageName' property='og:title'/><meta content='summary_large_image' name='twitter:card'/><meta content='@djangkarubumi' name='twitter:site'/><meta content='@djangkarubumi' name='twitter:creator'/><!--END CODE-->
Letakan kode tersebut di bawah kode <head>. Klik Tema, pilih Sesuaikan klik Edit HTML. Klik Simpan. Eh jangan lupa, ganti dulu kode warna merahnya. Link gambar logo sesuai dengan kepunyaan sobat. Jika belum punya, bikin aja sendiri dengan bantuan aplikasi pixllab atau canva, Jika mahir pakai aplikasi photoshop lebih keren.
Tampilan thumbnail artikel akan enak dilihat juga saat share di twitter juga lo! Dijamin akan semakin percaya diri dah saat share artikel. Dengan begitunya juga akan lebih bisa memikat orang lain untuk mengklik dan membacanya. Semoga artikel ini bisa membantu bagi yang punya persoalan dengan tampilan thumbnail ngeblur saat share di facebook atau di twitter. Terus semangat!
Penulis : 
Tidak ada komentar:
Posting Komentar