Open Graph Protocol adalah skema FBML untuk media sosial sharing seperti facebook misalnya agar link bisa di masukkan ke facebook dengan gampang. Hal ini sangat berguna untuk optimasi SEO blog di Facebook.
Memasang meta tags untuk Open Graph Protocol di Blogger:
1. Login ke blogger Dasboar >Rancangan> Edit HTML,
2. Cari kode:
6. Save Template, Selesai.
Untuk memeriksa apakah Anda telah menerapkan semua tag <META> dengan benar, kunjungi Facebook Debugger for Developers.
Note: Open graph ini juga berguna untuk menampilkan gambar atau logo blog kamu ketika di share, like atau send ke facebook jika artikel yang di posting tidak memiliki gambar.
Memasang meta tags untuk Open Graph Protocol di Blogger:
1. Login ke blogger Dasboar >Rancangan> Edit HTML,
2. Cari kode:
xmlns:expr='http://www.google.com/2005/gml/expr'>3. Tambahkan kode Open Graph Protocol ini sebelum kode penutup >
xmlns:og='http://ogp.me/ns#'4. Sehingga hasilnya akan terlihat seperti ini:
<html ...... xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>5. Cari kode <head> dan simpan kode meta tag berikut ini dibawah kode <head> atau dibawah kode meta tag yang sudah ada sebelumnya.
<b:if cond='data:blog.pageType != "item"'>(ganti tulisan warna merah sesuai dengan blog kamu)
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
<meta content='blog' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://example.com/logo blog.jpg' property='og:image'/>
</b:if>
<meta content='Nama Blog' property='og:site_name'/>
<meta content='Your-App-ID' property='fb:app_id'/>
<meta content='Facebook-profile-ID' property='fb:admins'/>
6. Save Template, Selesai.
Untuk memeriksa apakah Anda telah menerapkan semua tag <META> dengan benar, kunjungi Facebook Debugger for Developers.
Note: Open graph ini juga berguna untuk menampilkan gambar atau logo blog kamu ketika di share, like atau send ke facebook jika artikel yang di posting tidak memiliki gambar.
bang ko selalu error ya pas di langkah yang kedua itu
BalasHapusLangkah kedua maksudnya pasang kode di bagian head kh?
Hapusboleh tau contoh errornya?
:w:
BalasHapussaya sedang cari tutorial ini,, dan dapet disini, makasih akan saya coba terapkan mas :) salam sukses
BalasHapuskalau yang wopress gimana apakah ada
BalasHapusgak ada screen shotnya ya bro?
BalasHapus