Home > tutorial > Memasang Meta Tag Open Graph Facebook

Memasang Meta Tag Open Graph Facebook

Bagikan ke Teman! :

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:

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"'>

<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'/>

(ganti tulisan warna merah sesuai dengan blog kamu)

6. Save Template, Selesai.

Untuk memeriksa apakah Anda telah menerapkan semua tag <META> dengan benar, kunjungi Facebook Debugger for Developers.

(http://www.mainbom.com/2012/02/meta-tag-open-graph-facebook.html)