Memperbarui Tampilan Website saat Dishare ke Facebook setelah Artikel Diupdate

Memperbarui Tampilan Website saat Dishare ke Facebook setelah Artikel Diupdate. Hmm.. agak bingung sebenarnya saya mau kasih judul apa. Jadi intinya dalah mengupdate tampilan secepat mungkin saat artikel dishare ke Facebook.

Mungkin kalian pernah setelah menulis artikel, kemudian dishare ke Facebook. Setelah dishare ke Facebook, kalian menyadari ada typo pada judul artikel, atau thumbnail yang dirasa kurang menarik dan kalian ingin menggantinya.

Setelah artikel diupdate, ternyata saat dishare ke Facebook tidak berubah. Judul masih typo, thumbnail yang ditampilkan masih thumbnail lama sebelum artikel diupdate. Hal tersebut terjadi karena cache yang tersimpan di Facebook saat pertama kali artikel tersebut dishare. Sehingga di share-an kedua dan seterusnya, yang dipakai adalah metadata dari rendering pertama.

Namun tenang saja, kalian bisa mengupdate tampilan tersebut secepat mungkin dengan melakukan feetch ulang. Langsung saya kasih contoh saja.

Pertama, saya pengen share salahsatu artikel di web saya.

Kemudian saya sadar bahwa thumbnailnya kurang cocok sehingga saya berencana menggantinya. Selanjutnya saya update thumbnail tersebut di artikel. Namun ketika dishare lagi ke Facebook, yang muncul justru thumbnail lama.

cara mengatasinya adalah dengan memanfaatkan alat bernama Facebook Debugger for Developer. Masukkan link artikel yang ingin diupdate tampilannya disana, lalu klik Debug.

Lalu klik Kurangi Lagi. Hal ini ditujukan agar Facebook melakukan feetch ulang dari link yang kita berikan.

Lihat, thumbnail ikut berubah.

Baca juga:

Selanjutnya tinggal dishare lagi seperti biasa.

Debugger ini juga akan sangat membantu jika kalian mengalami masalah saat share ternyata thumbnail tidak muncul, padahal di artikelnya sudah dipasang. Dan masalah masalah lain yang berhubungan dengan share ke Facebook.

Mudah bukan? Sekian tutorial kali ini, semoga bermanfaat. Jika ada yang kurang jelas silahkan ditanyakan.

LEAVE A REPLY

Please enter your comment!
Please enter your name here