Video: Internet Technologies - Computer Science for Business Leaders 2016 2024
Facebook adalah situs media sosial terkemuka di dunia. Jika Anda berharap untuk mengoptimalkan media sosial, Anda perlu mengetahui tentang Open Graph Protocol Facebook. Protokol Open Graph adalah standar markup semantik yang diperkenalkan oleh Facebook pada tahun 2010 dan sekarang banyak diterima. Beberapa orang melihat Open Graph dalam persaingan dengan Schema. org, namun kenyataannya, kedua standar itu saling melengkapi.
Mungkin menerapkan Skema. org microdata dan markup Open Graph. Standar tidak bertentangan
Kedua standar ini memiliki tujuan yang sama: untuk lebih menggambarkan informasi pada halaman web. Perbedaan utama dapat diringkas dengan cara ini:
-
Open Graph metadata menggambarkan halaman secara keseluruhan. Skema
-
. org microformats menggambarkan elemen tertentu pada halaman.
Open Graph markup berisi informasi lebih sedikit daripada Skema. org-microdata memang tapi lebih mudah diimplementasikan. Agar halaman web Anda sesuai dengan Open Graph, Anda perlu menambahkan metadata dasar ke halaman Anda. Seperti metadata tradisional, metadata Open Graph masuk ke tag halaman web.
Dalam Open Graph-speak, halaman web adalah objek Open Graph .
Open Graph memiliki empat properti yang dibutuhkan:
-
og: title : Judul halaman yang Anda inginkan muncul di sistem yang membaca data Open Graph.
Sebaiknya simpan tag judul lebih pendek dari 88 karakter. Meskipun Anda dapat menambahkan lebih banyak karakter, Facebook hanya menampilkan tipe 88.
-
og: type : Jenis objek Anda. Jenis ditentukan oleh protokol dan cukup banyak.
adalah properti yang menarik, karena mengontrol tempat berbagi minat pengguna di Facebook. Jika, misalnya, Anda menetapkan jenis objek menjadi "film" dan pengguna berbagi objek, pangsa tersebut muncul sebagai salah satu kepentingan pengguna di bawah Film judul dalam profil Facebook seseorang.
Periksa di sini untuk mengetahui semua jenis objek.
-
og: image : URL gambar yang ingin Anda wakili halamannya.
gambar adalah tag yang penting, karena gambar yang bagus dapat membantu penyebaran konten Anda. Gunakan tag ini untuk mengontrol apa yang muncul saat konten Anda dibagikan dan pastikan itu dioptimalkan agar sesuai dengan baik di Facebook. (Rasio 1. 9: 1 bekerja paling baik. Simpan lebih besar dari 400 × 209 piksel.)
Jangan biarkan tag ini kosong. Jika Anda melakukannya, Facebook hanya akan menarik beberapa gambar lain dari halaman - mungkin mengarah pada hasil yang tidak tepat.
-
og: url : URL halaman.Isi dari tag url menentukan kemana pengguna pergi saat dia mengklik tombol Share.
Beberapa elemen yang dibutuhkan memiliki atribut opsional tambahan, dan Anda dapat memberikan beberapa nilai untuk beberapa dari mereka jika Anda menginginkannya.
Pilihannya termasuk
-
og: audio : Jika Anda menginginkan file audio menemani objek, gunakan tag ini dan tentukan URL dari file tersebut.
-
og: description : Gunakan tag ini untuk memberikan deskripsi satu atau dua kalimat objek.
Facebook hanya menampilkan 300 karakter pertama dari deskripsi Anda.
-
og: determiner : Tag ini memungkinkan Anda menentukan kata yang mendahului judul objek dalam sebuah kalimat - biasanya, a, an, atau .
-
og: locale : Tag ini menentukan lokal untuk halaman - dengan kata lain, bahasa pada halaman. Jika konten Anda dalam bahasa Inggris Amerika, misalnya, nilai untuk tag ini adalah en_us.
-
og: locale: alternate : Jika halaman ditawarkan dalam beberapa bahasa, Anda bisa mencantumkan semuanya dengan menggunakan tag ini.
-
og: site_name : Jika halaman web adalah bagian dari situs yang lebih besar dengan nama yang berbeda, gunakan tag ini untuk menentukan nama situs.
-
og: video : Jika Anda memiliki file video yang disertakan, gunakan tag ini untuk menentukan URL file.
Menggunakan tag lebih mudah dipahami dengan sebuah contoh. Dalam contoh berikut, Anda dapat melihat bagaimana Anda dapat menerapkan markup Open Graph untuk halaman web tentang sebuah buku berjudul HowTo: WordPress 4:
200x300. png "> Ditulis oleh Ric Shreves dan diterbitkan oleh air & batu digital. Tersedia sekarang di Amazon. com, Google Play Store dan di situs ini. Diterbitkan di versi ePub, Mobi dan PDF. ">
Tag Open Graph Anda masuk ke tag halaman. Perhatikan bahwa jika Anda menggunakan sistem pengelolaan konten populer (seperti WordPress, Joomla!, Atau Drupal), plug-in akan menangani tugas ini untuk Anda sehingga Anda tidak perlu menulis kode apa pun.
Hasil penerapan metadata Open Graph mengendalikan apa yang ditampilkan saat seseorang membagikan konten di halaman web. Jika seseorang membagikan halaman dengan markup yang ditunjukkan pada kode sebelumnya, sepertinya seperti itu.
Contoh hasil share Facebook.Jika Anda tidak yakin bahwa Anda telah melakukan satu markup Open Graph Anda dengan benar, ujilah dengan Open Graph Debugger yang berguna dari Facebook.
Meskipun metadata Open Graph adalah kunci kesuksesan konten Anda di Facebook, ini juga digunakan oleh beberapa situs sosial penting lainnya, termasuk Twitter, Pinterest, LinkedIn, dan Google+.
Apakah markup Open Graph markup bekerja? Tentu saja! Situs e-book Kobo mengklaim telah mencapai peningkatan lalu lintas 50 persen dari Facebook setelah menerapkan tag Open Graph.