Senin, 13 April 2015

Open Graph Facebook di Blogger

Cara memasang open graph Facebook di Blogger yang bertujuan agar ketika artikel atau posting di blog kita di share di Facebook maka judul, desksripsi dan gambarnya akan sesuai dengan yang ada di artikel tersebut.

LANGKAH PERTAMA

1. Login ke blogger.com
2. Klik Template -> Edit HTML
3. Cari kode berikut di bagian paling atas template:

<html xmlns:expr='http://www.google.com/2005/gml/expr'>

4. Copy dan paste kode berikut: xmlns:og='http://ogp.me/ns#'
5. Letakkan di awal atau di akhir kode nomor 3. Jadinya seperti ini:
<html xmlns:og='http://ogp.me/ns#' xmlns:expr='http://www.google.com/2005/gml/expr'>
6. Simpan template. Ikuti langkah kedua di bawah.

LANGKAH KEDUA

1. Login ke blogger.com
2. Klik Template -> Edit HTML
3. Cari kode berikut di bagian paling atas template: <head>
4. Letakkan kode berikut di bawahnya kode nomor 3
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://2.bp.blogspot.com/-PH_BfKlZ5Io/VRMtHBBUttI/AAAAAAAAcQ8/sK9S_8R2rLQ/s1600/konsultasi-syariah-logo.jpg' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='nomor-id-profil-facebook' property='fb:admins'/>

5. Ganti link image pada "og:image" dengan link gambar logo blog anda
6. Isi nomor id profil facebook dengan nomor profil facebook anda.
6. Klik Save Tempate. Selesai. Ikuti langkah ketiga.

LANGKAH KETIGA: TES HASILNYA

1. Login ke Facebook.com
2. Kunjungi https://developers.facebook.com/tools/debug/
3. Masukkan alamat URL blog anda di kotak
4. Klik Debug

Kalau tidak ada Warning berarti berhasil.

Anda bisa juga mencoba mengetes salah satu link posting anda. Apakah judul, deskripsi dan gambarnya sudah sudah sesuai dengan yang ada di posting anda tersebut.

CATATAN:

Open graph untuk Facebook ini bukan untuk SEO, tapi hanya untuk akurasi data apabila artikel atau blog kita dishare di Facebook.

Dapatkan buku-buku Islam karya A. Fatih Syuhud di sini. Konsultasi agama kirim via email: alkhoirot@gmail.com

Kirim pertanyaan ke: alkhoirot@gmail.com
Dapatkan buku-buku Islam di sini!
EmoticonEmoticon