Cara menampilkan gambar thumbnail preview link whatsapp WA

Details

Cara menampilkan gambar thumbnail preview link whatsapp WA

WhatsApp memberi fitur baru bagi penggunanya yaitu preview link (pratinjau tautan), jika belum tahu lebih detail tentang fitur baru tersebut anda dapat mencari infonya pada google.
Nah sekarang kita membahas preview link (pratinjau tautan). WhatsApp sudah menggunakan teknologi pratinjau tautan yang memang sangat terasa manfaatnya bagi pengguna, yaitu dengan menampilkan gambar thumbnail, judul, dan sedikit deskripsi tautan yang dibagikan. Sehingga sebelum membuka link yang dibagikan, pengguna dapat melihat pratinjaunya dahulu.
Contoh preview link yang diterapkan pada WhatsApp, ketika membagikan sebuah link (item produk maupun lainnya), pratinjau berupa gambar dan judul ikut tampil.

 

Namun ada link website yang menampilkan thumbnail preview, ada yang tidak. Lihat gambar berikut ini, beberapa link website ternyata ada yang tidak menampilkan thumbnail.

 

Pada gambar di atas dari link yang dicoba pada hp menunjukkan ada dua yg menggunakan thumbnail dan dua lainnya tidak ada thumbnail.
Lalu bagaimana caranya agar thumbnail dapat tampil? Simak langkah-langkah berikut ini:

1. Akses ke edit html/template website, bisa lewat file manager/editor pada template.
2. Masuk ke bagian <head></head>, cari adakah tag html <meta property="og:image" content="url_gambar"> jika tidak, ada tambahkan script tsb.
3. Bagian "url_gambar" silahkan diganti dengan url gambar. Url gambar dapat berupa link dari server sendiri atau dari luar.

4. Tambahkan tag HTML berikut ke bagian <body></body> :
<div itemprop="image" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
<meta content="url_gambar" itemprop='url"/> </div>

5. Save dan silahkan dicoba pada WhatsApp.
Keuntungan menggunakan thumbnail preview pada link WhatsApp adalah membuat sebuah link lebih menarik dan terpercaya sehingga tentu akan menarik untuk dikunjungi. Jika halaman anda dinamis dan website anda menjual produk, ini akan sangat bermanfaat.
Hasilnya seperti ini :

6. "url_gambar" adalah link ke gambar berukuran kecil saja, 140 x 140 pixel sudah cukup, maksimum ukuran gambar <300kb.
Dan perhatikan foto diatas, tidak semua hp/gadget menampilkan thumbnail kotak, ada juga yg kena crop sehingga nampak seperti persegi panjang kebawah, aturlah posisi tulisan/gambar sehingga jika terjadi crop, masih dapat terlihat/terbaca.

Semoga artikel ini bermanfaat, Salam...