Cara Memasang Meta Tag Facebook Open Graph di Blogger - Perlu Anda ketahui bahwa Facebook merupakan salah satu situs jejaring sosial yang mempunyai jumlah pengguna paling banyak di dunia. Ada sekitar 2,13 miliar lebih pengguna aktif di seluruh dunia setiap bulannya, data ini menurut statistik facebook februari 2018 dan terlihat meningkat sampai 14% dari tahun ke tahun.
Dari meningkatkan penjualan produk yang Anda miliki.
Selain itu, tak heran bila Facebook dijadikan sebagai kawasan untuk berdiskusi. Banyak sekali grup-grup di Facebook yang sanggup Anda manfaatkan untuk berdiskusi bersama orang-orang yang mempunyai minat atau talenta yang sama sehingga Anda sanggup membuatkan pengalaman bersama mereka. Tidak hanya itu saja, terkadang sebagian orang membagikan sebuah tautan atau beberapa URL situs yang menjadi sebagai materi referensi dari apa yang sedang mereka diskusikan.
Jika situs tersebut tidak memakai atau memasang meta tag facebook open graph, maka saat sebuah tautan itu di bagikan pada halaman atau group facebook tidak akan mempunyai tampilan atau struktur yang bagus. Untuk mengatasi duduk kasus ini Facebook telah mempunyai meta tag tersendiri yang berkhasiat biar tampilan dari setiap tautan yang dibagikan ke Facebook mempunyai tata letak yang baik dan gampang dibaca.
Baca juga: Meta Tag Yang Dipahami Oleh Google
Sebagian besar orang sangat sering membagikan konten ke Facebook berupa halaman web. Saat pertama kali seseorang membagikan tautan, maka Blogger hal ini wajib dilakukan sebab sanggup meningkatkan jumlah visitor Anda.
Apa Fungsi Meta Tag Facebook Open Graph?
Fungsi utama dari meta tag facebook open graph yaitu untuk mengatur beberapa gosip yang akan ditampilkan menyerupai judul, deskripsi, url, nama penulis, gambar, dan gosip lainnya yang dibutuhkan, sehingga saat membagikan konten ke Facebook mempunyai tampilan atau cuplikan yang tertata rapih dan gampang dibaca. Sebagian besar konten dibagikan ke Facebook sebagai URL dari sebuah halaman web, jadi ini sangat penting bagi Anda untuk memberi mark up situs web dengan memakai meta tag facebook open graph untuk mengendalikan bagaimana konten Anda muncul di Facebook.Baca juga: Cara Bom Komentar di Status Facebook
Tanpa memakai meta tag open graph ini, Facebook akan secara manual menciptakan tebakan terbaik untuk di jadikan sebagai judul, deskripsi, maupun gambar. Jika hal menyerupai ini terjadi maka sangat disayangkan, sebab bila konten Anda muncul di Facebook dan menampilkan judul, deskripsi, atau gambar yang tidak sesuai maka Anda akan kehilangan minat pembaca, sehingga memasang meta tag facebook open graph di blog atau di situs web Anda sangatlah penting untuk mengatur bagaimana konten Anda muncul di Facebook.
Contoh Pengunaan Meta Tag Facebook Open Graph
Berikut ini pola konten dari halaman web ini yang telah memakai meta tag facebook open graph:
Dapat kita lihat bahwa tampilan konten diatas lebih maksimal dan lebih menarik perhatian pengguna Facebook lainnya sehingga sanggup meningkatkan minat pembaca untuk membuka situs web Anda.
Mengenal Meta Tag Dasar Facebook Open Graph
Terdapat meta tag facebook open graph yang paling umum dan wajib dipakai pada semua jenis konten di situs Anda:| Tag Dasar | |||
|---|---|---|---|
| Tag | Keterangan | ||
| og:title | Judul artikel atau nama situs Anda. | ||
| og:description | Keterangan singkat ihwal konten atau situs Anda, biasanya antara 2 sampai 4 kalimat. Ini akan ditampilkan dibawah judul kiriman di Facebook. | ||
| og:url | URL kanonikal (Canonical) untuk situs web Anda. Ini harus berupa URL polos tanpa adanya variabel ataupun parameter lainnya. | ||
| og:image | URL untuk gambar yang muncul saat seseorang atau Anda membagikan konten dari situs web ke Facebook. | ||
| fb:app_id | ID aplikasi ke halaman Anda. Temukan ID aplikasi di Dasbor Aplikasi. | ||
| Tag | Keterangan |
| og:type | Jenis media konten Anda. Tag ini berdampak pada bagaimana konten Anda muncul di Kabar Berita Facebook. Jika Anda tidak memilih jenis tipe tag ini, maka default-nya yaitu website. Setiap URL harus berupa objek tunggal, jadi beberapa nilai og:type tidak diperbolehkan. Temukan daftar lengkap jenis objek di Referensi Jenis Objek. |
| og:locale | Bahasa yang dipakai pada situs web. Default-nya yaitu en_US. Anda juga sanggup memakai og:locale:alternate bila Anda mempunyai terjemahan bahasa lain yang tersedia. Pelajari ihwal bahasa yang di dukung pada dokumentasi pelokalan Facebook. |
Cara Memasang Meta Tag Facebook Open Graph di Blogger
1. Masuk ke Blogger.com2. Lalu klik Tema > Edit HTML
3. Cari instruksi
<head>4. Copy instruksi meta tag dibawah ini, kemudian Paste dibawah instruksi
<head><!-- Facebook Open Graph --> <meta content='100015303767757' property='fb:admins'/> <meta content='154832828481584' property='fb:app_id'/> <b:if cond='data:blog.url'> <meta expr:content='data:blog.url' property='og:url'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <b:if cond='data:blog.pageName'> <meta expr:content='data:blog.pageName' property='og:title'/> </b:if> <meta content='website' property='og:type'/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <meta expr:content='data:blog.pageName' property='og:image:alt'/> <b:else/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-NeBqayn1Saypuff8v9uwJwzTyq5E_FoW5vhBoxgEsX2CHn-QKNw2ceFaUAPx4MdbHxbotkASKMVaE_BZL24FFFKCi9hyphenhyphenQzUal6aK9SlyH3r9l_HYH_x0Y_JuXAeEB2ST-Y-RfFTRx0U/s1600/logo-hd.jpg' property='og:image'/> <meta content=' - Logo' property='og:image:alt'/> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta expr:content='data:blog.title' property='og:title'/> <meta content=' - Kumpulan tutorial blogger lengkap untuk pemula, cara menciptakan blog keren, cara mendesain blog biar menarik, tips dan trik blogspot.' property='og:description'/> <b:else/> <b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.metaDescription' property='og:description'/> </b:if> </b:if>6. Kemudian klik Simpan tema
Catatan:
- Ukuran gambar minimal 200 x 200 pixels.
- Untuk melihat ID App Anda, silahkan masuk ke tautan ini:
https://developers.facebook.com/apps/redirect/dashboard- Jika belum mempunyai ID App, silahkan buat disini:
https://developers.facebook.com/?advanced_app_create=true- Untuk mendapat ID Admin, silahkan klik pada foto profile facebook Anda, contoh:
https://www.facebook.com/photo.php?fbid=406687996517989&set=a.400110943842361.1073741826.100015303767757&type=3&theaterCara Menguji Meta Tag Facebook Open Graph
Setelah Anda final memasang meta tag facebook open graph di blog Anda, kini Anda sanggup mulai menguji atau mencobanya pada alat debugger facebook melalui tautan dibawah ini:https://developers.facebook.com/tools/debug/sharing/Catatan:
Klik kurangi lagi bila Anda gres saja menyimpan atau mengedit meta tag facebook open graph pada template blog Anda.
Itulah artikel mengenai cara memasang meta tag facebook open graph di blogger, bila Anda mempunyai pertanyaan atau masukkan silahkan menghubungi kami melalui halaman kontak atau dengan cara memperlihatkan komentar dibawah ini. Sumber http://www.caramanual.com