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.
Senin, 13 April 2015
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:
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:
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
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.
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'/>
<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.