Panduan Berbagi untuk Webmaster Membuka SEO

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 tag 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 tag 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 tag Graf Terbuka untuk memastikan postingan berkualitas terbaik di Facebook.

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

Berikut ini contoh konten yang diformat dengan tag 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.

Tag Dasar

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

Tag	Deskripsi
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 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 tag tambahan untuk meningkatkan distribusi konten Anda dan interaksi yang lebih besar:

Tag	Deskripsi
og:type	Jenis media konten Anda. Tag 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 tag 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

1. Buka browser Anda.
2. Ubah pengguna-agen agar cocok dengan pengguna-agen FB. 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)
3. Muat URL masalah.
4. Atur pengguna-agen ke pengaturan untuk browser seluler, misalnya Safari - iPhone:
   Menu Pengembangan > Pengguna-Agen > Safari — iOS 10 — iPhone
5. Muat URL masalah.
6. Jika ini merupakan masalah pengguna-agen, halaman akan dimuat dengan benar di Langkah 5 tapi tidak 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 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 dapat diputar secara in-line di Kabar Beranda. Perhatikan bahwa video Anda tidak dijamin diputar langsung berdasarkan berbagai faktor.

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

Gambar

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

Tag 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 Berbagi Graf Terbuka.

---

Sumber: https://developers.facebook.com/docs/sharing/webmasters?locale=id_ID

Baca juga:
"Berita Terbaru Lainnya"

---