Memasang Gambar, Judul dan Deskripsi pada Facebook Share

Web Desain and Development

Oleh Adi SumaryadiRabu, 22 Juni 2011 06:11 WIB | 765 Views

Facebook memang menjadi daya tarik tersendiri untuk urusan memperbanyak kunjungan, bagaimana tidak, dengan hadirnya facebook share membuat kita semakin mudah saja untuk memasang link di website kesayangan kita di facebook sehingga memungkinkan teman-teman kita untuk mengunjungi web kita, namun terkadang facebook mengambil judul, gambar dan deskripsi website kita dengan benar, yaa namanya juga mesin. Oleh karena itu facebook ternyata sudah membuat dokumentasi supaya website ataupun URL yang dishare secara otomatis memberikan informasi kepada facebook.

Dalam istilahnya Facebook memberikan dokumen seperti ini adalah Open Graph, Untuk mengubah halaman web Anda menjadi Open Graph, Anda harus menambahkan tag Buka Grafik <meta> protokol dan tombol Seperti untuk halaman Web Anda.

Tag memungkinkan Anda untuk menentukan informasi terstruktur tentang halaman web Anda. Semakin banyak informasi yang Anda berikan, semakin banyak peluang halaman web Anda dapat muncul dalam Facebook saat ini dan di masa depan. Berikut ini adalah contoh untuk halaman film yang akan dishare ke facebook :

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
content="A group of U.S. Marines, under command of
a renegade general, take over Alcatraz and
threaten San Francisco Bay with biological
weapons."/>
...
</head>
...
</html>

Jika beberapa meta diatas sudah kita lengkapi, maka ketika kita share difacebook otomatis akan memberikan informasi kepada facebook dengan benar maka akan menghasilkan gambar seperti dibawah ini:

Untuk beberapa object, masuk akal untuk menentukan meta data tambahan, seperti lokasi restoran. Kita dapat menambahkan sebanyak banyak og:-diawali properti seperti yang kita inginkan untuk menyediakan konteks tambahan tentang halaman web kita.

Komentar untuk Memasang Gambar, Judul dan Deskripsi pada Facebook Share

Saddam
Senin, 20 Februari 2012 20:08 WIB
gimana cara mengatasi share artikel ke FB tapi deskripsinya gak muncul??
mohon bantuannya mas..
trimakasih..

Anda dapat memberikan komentar tentang Memasang Gambar, Judul dan Deskripsi pada Facebook Share dengan menggunakan form dibawah ini .

Lihat Arsip Web Desain and Development

Kategori Artikel

Lihat Semua Artikel

Adi Sumaryadi on Video

Terselip di Tayangan Liputan6 SCTV Awards
Terselip di liputan tentang SalingSapa.com yang diprakarsai oleh Muhammad Yahya Harlan, Murid SMP di Sekolah alam bandung masuk dalam nominasi Liputan6 SCTV Awards 2011.

Lihat Semua Video

Berita dan Informasi

Berita Teknologi Informasi
2010, Nokia Masih Rajai Smartphone
Jika Anda pikir Research In Motion (RIM) atau Apple sebagai produsen ponsel pintar tersukses di tahun 2010, Anda salah. Karena, ternyata Nokia masih menguasai pangsa pasar smartphone secara global.

Lihat Berita dan Informasi

Komentar Terbaru

Berikut ini adalah komentar-komentar terbaru yang diberikan oleh pengunjung Adi Sumaryadi Online Media