Counter Pulsa

Pernah memperhatikan di aplikasi chat WA (Whatsapp), ketika seseorang/kita menuliskan link/URL terlihat disebelah kiri ada Gambar/Image kecil? Ya, Biar gampang kita sebut aja itu Thumbnail Image / Gambar Utama dari URL tujuan.

Atau di Aplikasi Facebook? ada Gambarnya, Judulnya, Deskripsinya, URL Tujuan dll. Klo di facebook dinamakan Open Graph.

Yang mau saya share sekarang, kita fokuskan ke WA aja ya… Soalnya klo Open Graph Facebook mah mungkin hampir semua blogger dengan templatenya yang update biasanya udah ngga perlu ngutak-ngatik lagi, rata-rata template baik blogspot maupun wordpress sudah support untuk menampilkan open graph facebook.

Tipsnya ngga ribet koq, ngga perlu nambahin kode apapun. Ini juga kebetulan mungkin, soalnya hunting lewat mbah google juga hasilnya ngga memuaskan. Kita mulai ya Cara Menampilkan Gambar Thumbnail URL di WA :

Biar ngga ujug-ujug, kita berkenalan dulu dengan Thumbnail Image / Gambar Utama. Contoh yang saya tampilkan  adalah gambar utama pada blog sugiri.net ini

Menampilkan Thumbnail di WA

Contoh tampilan Thumbnail Image pada browser

 

Menampilkan Thumbnail di WA

Sekarang kita coba tuliskan sebuah URL di facebook (seperti gambar di atas).

Menampilkan Thumbnail di WA

Contoh tampilan Open Graph di facebook, Thumbnail Image, Title, Deskripsi, URL

Menampilkan Thumbnail di WA

Pas saya coba di Aplikasi WA, Thumbnail imagenya ngga tampil. Saya juga ada beberapa blog lain. Hasilnya juga sama. Gambar Utama URL di WA ngga tampil. Kalaupun ada yang tampil itu pun gambarnya tetap. Gambar yang diambil dari favicon (favorite icon).

Lumayan lama sungkeman sama ngga gugel, belum ada yang sharing dengan cara gampang katanya. Banyaknya pake kode-kode yang ribet dan harus ngerubah-rubah daleman template.

Alhmadulillah setelah coba-coba bari jeung ngga puguh keywordnya akhirnya Cara Menampilkan Thumbnail Image URL di WA bisa diaplikasikan disemua blog yang saya kelola dengan cara yang simple.

Thumbnail Preview di WA

Saya pengguna WordPress, cukup install Plugin OG. Selesai. Itu saja, dan plugin ini pun ngga perlu setting apapun. Hanya Install saja. Gampang kan?

 

Hasilnya….

Thumbnail Preview di WA

Biar lebih mudah membandingkan saya kasih tampilan sebelum dan sesudah ditambahkan Plugin OG dengan URL yang sama. Sebelumnya ngga tampil Thumbnail Imagenya, sesudahnya sudah tampil dengan baik.

Mudah kan cara Menampilkan Gambar Utama URL di WAnya? Semoga membantu

Komentar

komentar