Memunculkan Gambar Saat Share Link Web di Facebook

Facebook menyediakan meta tag yaitu og:image yang berfungsi untuk menampilkan sebuah gambar saat sebuah link dibagikan ke Facebook.

og image facebook

Untuk menerapkan dalam web pulsa online terdapat 2 tahap, yaitu:

  1. Upload gambar
  2. Pasang meta tag
  3. Debug link web

Upload Gambar

Silahkan upload gambar yang ingin ditampilkan saat share link ke folder /assets/

Pasang Meta Tag

Silahkan buka file /application/views/main.php lalu tambahkan meta tag berikut (setelah kode <head> → Ctrl + F <head>):

<meta property="og:image" content='/assets/nama-gambar.png' />

Keterangan: nama dan ekstensi gambar silahkan disesuaikan.

Untuk menampilkan nama author, di bawah meta tag og image bisa ditambahkan meta tag author:

<meta property="article:author" content="https://www.facebook.com/fikkyfrediandika" />

Keterangan: link profile facebook silahkan disesuaikan.

Terakhir simpan.

Debug Link Web

Untuk debug link web silahkan ke https://developers.facebook.com/tools/debug/sharing/, masukkan link web lalu klik debug.

debug sharing tool facebook

Jika gambar belum update, silahkan klik kurangi lagi

edit debug sharing tool facebook

Facebook Comments

12 thoughts on “Memunculkan Gambar Saat Share Link Web di Facebook

Leave a Reply

Your email address will not be published. Required fields are marked *

Scroll Up
error: Semua konten dilindungi !!