Panduan Berbagi untuk Webmaster

Dokumen ini menjelaskan bagaimana Anda mengoptimalkan konten dengan hosting web yang dibagikan orang ke Facebook, tanpa memandang apakah konten dibagikan dari desktop atau web seluler atau aplikasi seluler.

Dokumen ini menyediakan info tentang:

Markup Graf Terbuka

Sebagian besar konten dibagikan ke Facebook sebagai URL, jadi penting bagi Anda untuk memberi mark up situs web dengan tag Graf terbuka guna mengendalikan bagaimana konten Anda muncul di Facebook.

Tanpa tag ini, Crawler Facebook menggunakan heuristik internal untuk membuat tebakan terbaik tentang judul, keterangan, dan gambar cuplikan untuk konten Anda. Tunjukkan info ini secara eksplisit dengan tag Graf Terbuka untuk memastikan kiriman berkualitas terbaik di Facebook.

Berikut ini contoh konten yang diformat dengan tag Graf Terbuka untuk tampilan optimal di Facebook:

Contoh Markup

Sebagai contoh, berikut adalah cara mark up artikel, cerita untuk berita, atau kiriman blog dengan og:type="article" serta beberapa properti tambahan:

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

Properti ini memasukkan data meta deskriptif tentang artikel yang secara khusus ingin kami sajikan apabila seseorang membagikan artikel.

Tag Dasar

Terdapat tag meta paling umum yang harus Anda gunakan untuk semua jenis konten:

Tag Keterangan

og:url

URL kanonikal untuk halaman Anda. Ini harus akan berupa URL polos, tanpa variabel sesi, parameter pengidentifikasi pengguna, atau penghitung. Suka atau Bagikan untuk URL ini akan menyatu di URL ini. Misalnya, URL domain seluler harus menunjuk ke URL versi desktop sebagai URL kanonikal guna menyatukan Suka dan Bagikan di berbagai versi halaman.

og:title

Judul artikel tanpa merek apa pun seperti nama situs Anda.

og:description

Keterangan singkat tentang konten, biasanya antara 2 hingga 4 kalimat. Ini akan ditampilkan di bawah judul kiriman di Facebook.

og:image

URL untuk gambar yang muncul apabila seseorang membagikan konten ke Facebook. Lihat di bawah untuk info selengkapnya, dan baca panduan praktik terbaik kami untuk mempelajari cara menentukan gambar cuplikan berkualitas tinggi.

fb:app_id

Untuk menggunakan Wawasan Facebook Anda harus menambahkan ID aplikasi ke halaman Anda. Dengan Wawasan, Anda dapat melihat analitik untuk lalu lintas ke situs Anda dari Facebook. Temukan ID aplikasi di Dasbor Aplikasi.


Anda mungkin juga ingin menambahkan dua tag tambahan untuk meningkatkan distribusi konten Anda dan interaksi yang lebih besar:

Tag Keterangan

og:type

Jenis media konten Anda. Tag ini berdampak pada bagaimana konten Anda muncul di Kabar Berita. Jika Anda tidak menentukan jenis, default-nya adalah website. Setiap URL harus berupa objek tunggal, jadi beberapa nilai og:type tidak dimungkinkan. Temukan daftar lengkap jenis objek di Referensi Jenis Objek kami

og:locale

Bahasa sumber informasi. Default-nya adalah en_US. Anda juga dapat menggunakan og:locale:alternate jika Anda memiliki terjemahan bahasa lain yang tersedia. Pelajari tentang bahasa yang kami dukung di dokumentasi pelokalan kami.


Daftar lengkap properti objek standar berada di Referensi Properti Objek kami.

Menguji Markup Anda

Untuk melihat cara markup Anda muncul di Crawler Facebook masukkan URL ke dalam Alat Debug Berbagi. Tindakan ini akan memperlihatkan tag meta yang digali oleh crawler, serta setiap kesalahan atau peringatan.

Alat debug juga memicu scraping halaman Anda, jadi jika terdapat kesalahan di HTML, Anda dapat menggunakan alat debug untuk memperbarui konten. Lihat Memperbarui Objek untuk mempelajari selengkapnya.

Jenis Konten Media

Anda dapat menambahkan markup lain jika konten Anda menyertakan informasi audio, video, atau lokasi. Lihat semua properti objek standar di Referensi Jenis Objek kami.

Video

Anda dapat menggunakan og:video untuk semua jenis konten. Bagian ini menjelaskan cara menggunakan tag tambahan untuk mengoptimalkan tampilan video di Facebook. Facebook mendukung video mp4 dan Flash.

Gunakan URL aman untuk tag og:video:url dan og:video:secure_url agar video Anda layak diputar langsung di Kabar Berita. Perhatikan bahwa video Anda tidak dijamin diputar langsung berdasarkan berbagai faktor.

Tag meta Keterangan

og:video

URL untuk video. Jika Anda menginginkan video diputar dalam sisipan baris di Kabar Berita, Anda harus menggunakan https:// URL jika memungkinkan.

og:video:url

Sama dengan og:video

og:video:secure_url

URL aman untuk video. Sertakan URL ini meskipun Anda sudah menetapkan URL aman di og:video.

og:video:type

Jenis MIME video. application/x-shockwave-flash atau video/mp4.

og:video:width

Lebar video dalam piksel. Properti ini diperlukan untuk video.

og:video:height

Tinggi video dalam piksel. Properti ini diperlukan untuk video.

og:image

Tentukan gambar untuk cuplikan berkualitas tinggi di Kabar Berita


Gambar

Gunakan set properti ini untuk konten yang berisi lebih dari satu gambar. Lihat Praktik Terbaik tentang Berbagi untuk panduan cara terbaik menggunakan og:image.

Tag meta Keterangan

og:image

URL untuk gambar. Untuk memperbarui gambar setelah diterbitkan, gunakan URL baru untuk gambar baru. Gambar disimpan dalam cache berdasarkan URL-nya dan tidak akan diperbarui kecuali URL berubah.

og:image:url

Sama dengan og:image

og:image:secure_url

https:// URL untuk gambar

og:image:type

Jenis MIME gambar. Salah satu dari image/jpeg, image/gif, atau image/png

og:image:width

Lebar gambar dalam piksel. Tentukan tinggi dan lebar gambar Anda untuk memastikan bahwa gambar dimuat secara tepat pada saat pertama kali dibagikan.

og:image:height

Tinggi gambar dalam piksel. Tentukan tinggi dan lebar gambar Anda untuk memastikan bahwa gambar dimuat dengan tepat pada saat pertama kali dibagikan.