Panduan Membagikan 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
Menguji Markup Anda
Uji Apakah Pengguna-Agen Facebook Ditangani dengan Tepat
Jenis Konten Media

Markup Graf Terbuka

Sebagian besar konten dibagikan ke Facebook sebagai URL, jadi penting bagi Anda untuk memberi situs web Anda markup dengan tanda Graf Terbuka guna mengontrol bagaimana konten Anda tampil di Facebook. Agar situs web Anda dibagikan dengan benar oleh crawler kami, server Anda juga harus menggunakan enkode gzip dan deflate.

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

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

Contoh Markup

Sebagai contoh, berikut ini cara melakukan mark up artikel, berita, atau postingan 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.

Tanda Dasar

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

Tanda	Deskripsi
`og:url`	URL kanonis 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 kanonis untuk agregasi 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 postingan 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 Insight Facebook Anda harus menambahkan ID aplikasi ke halaman Anda. Dengan Insight, Anda dapat melihat analitik untuk traffic ke situs Anda dari Facebook. Temukan ID aplikasi di Dasbor Aplikasi.

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

Tanda	Deskripsi
`og:type`	Jenis media konten Anda. Tanda ini berdampak pada bagaimana konten Anda muncul di Kabar Beranda. 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
`og:locale`	Bahasa sumber informasi. Secara default ditetapkan ke `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 tanda meta yang digali oleh crawler, serta setiap kesalahan atau peringatan.

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

Uji Apakah Pengguna-Agen Facebook Ditangani Dengan Tepat

Buka browser Anda.
Ubah pengguna-agen agar cocok dengan pengguna-agen Facebook. Untuk informasi selengkapnya tentang mengubah pengguna-agen, lihat http://osxdaily.com/2013/01/16/change-user-agent-chrome-safari-firefox/:
- Menu Pengembangan > Pengguna-Agen > Lainnya
- Atur pengguna-agen ke: facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)
Muat URL masalah.
Atur pengguna-agen ke pengaturan untuk browser seluler, misalnya Safari - iPhone:
Menu Pengembangan > Pengguna-Agen > Safari — iOS 10 — iPhone
Muat URL masalah.
Jika ini merupakan masalah pengguna-agen, halaman akan dimuat dengan benar di Langkah 5, bukan di Langkah 3.

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 tanda tambahan untuk mengoptimalkan tampilan video di Facebook. Facebook mendukung video mp4 dan Flash.

Gunakan URL aman untuk tanda og:video:url dan og:video:secure_url agar video Anda dapat diputar secara in-line di Kabar. Perhatikan bahwa video Anda tidak dijamin diputar langsung berdasarkan berbagai faktor.

Tanda meta	Deskripsi
`og:video`	URL untuk video. Jika Anda menginginkan video diputar dalam sisipan baris di Kabar, 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

Gambar

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

Tanda meta	Deskripsi
`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 dengan 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.

Aset 3D

Buka Postingan 3D kami dokumen Membagikan Graf Terbuka.