Apa Itu Open Graph Protokol ?


Memungkinkan user untuk mengintegrasikan halaman webnya ke social graph. Yang akhirnya memungkinkan sebuah halaman yang ada di facebook pages menjadi tempat berkumpulnya data maupun informasi yang berhubungan dengan user, mulai dari lokasi, hobi, dan mungkin juga interest dan lain lainnya.
Menurut konsepnya semantic web atau si web 3.0 tentang bagaimana world wide web menjadi sebuah database yang sangat besar dan bagaimana data dan dokumen dapat diolah, dilihat, dicari, dan dimodifikasi menjadi informasi yang merepresentasikan hubungan antar objek-objek didalam jaringan internet.

Sementara banyak teknologi yang berbeda dan skema yang ada dan dapat dikombinasikan bersama-sama, tidak ada satu teknologi yang menyediakan informasi yang cukup untuk yang bisa mewakili setiap halaman web dalam grafik sosial. Protokol Open Graph dibangun di atas teknologi yang ada dan memberikan pengembang satu hal untuk melaksanakan. Kesederhanaan pengembang adalah tujuan utama dari protokol Open Graph yang telah memberitahu banyak keputusan desain secara teknis.

Dasar Metadata

Untuk mengubah halaman web Anda menjadi objek grafik, Anda perlu menambahkan metadata dasar untuk halaman Anda. Berdasarkan versi awal dari protokol pada RDFa yang berarti bahwa Anda akan menempatkan tambahan <meta> tag di <head> dari halaman web Anda. Empat sifat yang diperlukan untuk setiap halaman adalah:
  • og:title - adalah judul object anda karena akan muncul dalam grafik misalnya, "The Rock".
  • og:type - jenis objek anda , e.g., "video.movie". Tergantung pada jenis objek yang adan tentukan dan sesuai keperluan anda.
  • og:image - Sebuah URL gambar harus mewakili objek anda dalam graph.
  • og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "http://www.imdb.com/title/tt0117500/".
 Sebagai contoh, berikut ini adalah Open Graph protocol markup untuk The Rock di IMDB:

 
<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>
Selanjutnya silakan pelajari di SINI agar lebih memahami tentang Open Graph Protokol
dan referensi lainnya
:
  • http://opengraphprotocol.org/
  • http://developers.facebook.com/docs/opengraph
  • http://www.w3.org/2001/sw/
  • http://www.w3.org/Talks/2002/10/16-sw/slide1-0.html
  • http://www.w3.org/2001/sw/wiki/Main_Page
  • http://www.w3.org/2009/Talks/0829-Nanjing-IH/Tutorial.pdf
  • http://www.w3.org/2009/Talks/0830-Nanjing-IH/Talk.pdf
  • http://en.wikipedia.org/wiki/Semantic_Web
  • http://en.wikipedia.org/wiki/Web_Ontology_Language
  • http://en.wikipedia.org/wiki/Resource_Description_Framework
  • http://en.wikipedia.org/wiki/RDFa

Previous
Next Post »