Cara Menampilkan Gambar Mini Pratinjau Situs Web Anda di Facebook Bagikan

Ketika seseorang membagikan tautan ke salah satu halaman situs web Anda di Timeline-nya, Facebook secara otomatis mengambil gambar dari halaman yang ditautkan dan menampilkannya di sebelah nama dan URL halaman. Sayangnya, gambar yang diambil terkadang tidak terkait dengan konten halaman atau bahkan mungkin hilang dari tautan yang dibagikan seluruhnya. Untuk memastikan Facebook menampilkan gambar terbaik saat seseorang membagikan halaman Anda -- dan karenanya tingkatkan itu rasio klik-tayang tautan -- tambahkan beberapa baris kode ke kode HTML halaman untuk memaksa Facebook mengambil gambar.

Tambahkan Markup Grafik Terbuka

Buka Grafik adalah protokol yang dikembangkan oleh Facebook yang, di antara fitur lainnya, memungkinkan pengembang Web menambahkan tag markup ke halaman mereka untuk menyesuaikan cara Facebook menampilkan tautan ke situs web mereka.

Video Hari Ini

Tambahkan tag Open Graph ke halaman dengan mengedit kode sumber HTML-nya:

Langkah 1

Buka file HTML di editor teks seperti Notepad atau di editor HTML khusus. Posisikan kursor Anda sebelum tag penutup di dekat bagian atas file dan tekan

Memasuki untuk membuat baris baru.

File HTML di Notepad, dengan baris kosong di bagian Head ditunjukkan.

Kredit Gambar: Gambar milik Microsoft

Langkah 2

Masukkan tag meta berikut:

Mengganti http://www.example.com/thumb.jpg dengan tautan sebenarnya untuk gambar yang Anda inginkan agar ditampilkan Facebook saat pengguna membagikan tautan ke situs Anda.

Tip

  • Meskipun Facebook menerima gambar mini berukuran 200 x 200 piksel, ukuran yang direkomendasikan adalah lebar 1200 piksel dan tinggi 630 piksel.
  • Untuk meningkatkan persentase pengguna yang mengeklik tautan -- sesuatu yang dikenal sebagai rasio klik-tayang -- pertimbangkan untuk menambahkan a panggilan untuk bertindak ke gambar, seperti Klik disini atau Temukan lebih banyak lagi.
File HTML dengan tag gambar properti meta Open Graph dilingkari.

Kredit Gambar: Gambar milik Microsoft

Langkah 3

Simpan file Anda dan unggah ke host Web Anda.

Selain gambar mini, pertimbangkan untuk menggunakan tag markup Grafik Terbuka untuk, misalnya, menyesuaikan judul atau deskripsi tautan bersama.

File HTML dengan judul Grafik Terbuka dan tag deskripsi ditunjukkan.

Kredit Gambar: Gambar milik Microsoft