Cara Set Gambar Share Website pada Facebook

22/08/2017    Maykhel David    3362     Website

Pernahkah kalian melihat apa yang terjadi saat seseorang berbagi tautan ke situs web kalian? Pernahkah kalian memperhatikan dan melihat mana gambar dan informasi yang dipilih Facebook secara default? Jika kalian beruntung, kalian mungkin mendapatkan gambar yang kalian inginkan. Tapi sebenarnya facebook akan mengambil gambar lama yang ada di website kalian. Nah, sekarang tidak harus seperti itu lagi, dengan menggunakan Open Graph Protocol (OPG) kita dapat memasukkan beberapa informasi di head yang akan digunakan sebagai informasi utama yang ditampilkan ke social media.

Biasanya jika kalian melakukan share pada facebook akan secara otomatis facebook akan mencari beberap gambar yang terindex dari paling atas, tentu sebagai pemilik blog atau website akan merasa janggal ketika kalian ingin membagikan sebuah artikel kepada teman teman di facebook kalian.

Sekarang ini sudah banyak kemudahan untuk membuat atau menata konten dalam jejaring social agar terlihat menarik, Tahukah kalian bahwa sekarang ini kita sudah bisa untuk memberikan gambar default sebagai gambar yang akan ditampilkan dan juga banyak hal lainnya yag bisa kita atur sendiri menggunakan meta property og: dimana property og  sendiri adalah property yang memang sengaja dibuat untuk keperluan sharing pada social media.

Cara penerapannya juga cukup mudah kalian bisa ikuti cara berikut:

pertama kita harus mendeklarasikan fbml yang digunakan oleh facebook pada tag pembuka html seperti berikut

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">

 

Selanjutnya kita akan memberikan beberapa tag meta berikut yang bisa kita gunakan dengan untuk memberikan gambar default pada saat share ke facebook.

<meta property="og:image" content="ALAMAT_URL_GAMBAR_KALIAN"/>

 

Selain memberikan gambar default, property og ini juga banyak kegunaannya seperti berikut:

<meta property="og:title" content="DUMET School"/>

<meta property="og:type" content="courses"/>

<meta property="og:url" content="http://www.dumetschool.com"/>

<meta property="og:site_name" content="DUMET School"/>

<meta property="fb:admins" content="YOUR_USER_ID"/>

<meta property="og:description" content="Kursus Website dan Digital Marketing"/>

 

Baiklah teman-teman dengan adanya meta property og tersebut kita jadi bisa mengatur berbagai macam konten yang akan ditampilkan ke dalam social media. Demikian artikel tentang cara mengatur gambar default share website pada facebook. Semoga bermanfaat.

Social Media, SEO, Artikel, Tips dan Trik

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More