Cara Memasang Tag Facebook Open Graph Di Blog

Setelah membuat artikel blog, biasanya anda membagikan postingan yang anda tulis di media sosial, untuk mendapatkan pengunjung dan menarik minat pembacanya. apakah anda pernah memperhatikan saat menekan tombol buat status baru, lalu meletakkan link artikel, akan otomatis akan muncul gambar artikel anda bukan ?

Apabila tidak muncul gambar atau deskripsi, mungkin themplate blog anda tidak memiliki kode tag open graph. untuk menampilkan gambar, deskripsi dan tag author, anda harus memasang script open graph dengan benar.

Apa Itu Open Graph ?

Merupakan script Html yang beruta meta tag, yang berguna untuk menampilkan berbagai konten seperti melihatkan judul artikel, deskripsi artikel, maupun penulis di media sosial facebook. meta tag ini juga bisa di pasang di blogger dan wordpress.

Cara Memasang Tag Open Graph Di Blog

1. Masuk ke munu themplate blogger > Edit HTML.
2. Cari kode </head>, untuk memudahkan pencarian, coba CTRL+F pada keyboard anda.
3. Salin kode di bawah ini

<!-- [ Facebook Open Graph Meta Tag by Suryapero.com ] -->
<b:if cond='data:view.isHomepage'>
<b:if cond='data:view.isPost'>
<b:if cond='data:view.isPage'>
<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></b:if></b:if></b:if>
<meta content='blog' property='og:type'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://3.bp.blogspot.com/-yD5GUwgBW0c/XHuHilhmsvI/AAAAAAAADVE/mjfW6iKu-JsJneWtRp_mjUf6JMyCx_-agCPcBGAYYCw/s1600/Suryapero.jpeg' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/189945614850132' property='article:author'/>
<meta content='https://www.facebook.com/189945614850132' property='article:publisher'/>
<meta content='189945614850132' property='fb:admins'/>
<meta content='185420685360376' property='fb:app_id'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>

Penjelasan

1. Ganti dengan gambar anda : https://3.bp.blogspot.com/-yD5GUwgBW0c/XHuHilhmsvI/AAAAAAAADVE/mjfW6iKu-JsJneWtRp_mjUf6JMyCx_-agCPcBGAYYCw/s1600/Suryapero.jpeg ,pastikan gambar logo blog anda  minimal 200 x 200 pixel
2. Fb:admins, article:author & article:publisher : sesuaikan dengan ID Halaman anda.
3. fb:app_id : ganti dengan ID aplikasi facebook, silahkan ikuti tutorial cara membuat aplikasi facebook sendiri.

Lihat Juga : Cara Memasang Syntax Highlighter Di Blog

Kenapa Tag Facebook Open Graph Belum Muncul ?

Kejadian ini hal yang wajar, karena facebook butuh beberapa waktu untuk menyesuaikan themplate anda seperti semula. agar lebih cepat prosesnya, dengan cara berikut.

1. Kunjungi Share Debug.

2. Masukkan link blog atau link artikel anda pada kolom tersedia, lalu klik Debug.

3. Scroll ke bawah Klik Kurangi Lagi.

Dengan cara mudah tersebut, anda sudah berhasil memasang tag autor agar muncul di facebook. semoga bermanfaat untuk anda dan bantu bagikan ke teman anda juga.

Surya Seorang mahasiswa yang senang membagikan informasi yang sudah saya dapatkan. Informasi yang saya tulis blog ini, sesuai pengalaman saya dari pertama blog.

Berbagi :