Memasang Open Graph Facebook Di Blog

Memasang Open Graph Facebook Di Blog
Beginilah hasil akhirnya jika blog kamu dilengkapi dengan Open Graph Facebook.

Fungsi dari open graph facebook ini sebenarnya adalah untuk memaksimalkan artikel atau konten yang kamu bagikan di Facebook. Jika biasanya artikel yang sudah kamu bagikan di Facebook yang muncul hanya judul dan deskripsi artikelnya saja, maka saya sarankan kamu untuk memakai open graph dari facebook ini.

Nah, kira-kira hasilnya akan menjadi seperti itu. Jika dilihat-lihat dari hasil akhir itu mungkin akan mendatangkan banyak pengunjung ke blog kamu, karena lebih terlihat besar dan eye-catching.

Dan berikut ini adalah caranya untuk memasang open graph facebook ini:

<!-- open graph -->
 <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <meta content='website' property='og:type'/>    
     <meta content='https://lh6.googleusercontent.com/-tedRhpDNEM0/U2ut0BBTUII/AAAAAAAAACc/_Uth1YnMN8Q/w296-h297-no/Logo-Mad-Tekno.png' property='og:image'/>
 </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <meta content='article' property='og:type'/> 
 </b:if>          
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:blog.postImageThumbnailUrl'>    
   <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>    
  </b:if>
  <b:else/>
 </b:if>
 <b:if cond='data:blog.url == data:blog.homepageUrl'>
  <meta content='Mad Tekno' property='og:title'/>   
     <b:else/>
     <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' property='og:title'/>
 </b:if>
    <meta expr:content='data:blog.title' property='og:site_name'/>    
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/> 
    <b:if cond='data:blog.metaDescription'>        
  <meta expr:content='data:blog.metaDescription' property='og:description'/>
    </b:if>
<!-- end open graph -->


Open graph diatas itu dari blog Mad Tekno. Kamu bisa menyesuaikan open graph ini dengan blog milik kamu. Jika kamu sudah selesai, kamu bisa cek hasilnya sendiri di https://developers.facebook.com/tools/debug/. Jika ada pertanyaan bisa kamu berikan di kolom komentar dibawah.

2 comments

Perlu diingat saya juga manusia, yang kadang punya salah, jika ada kesalahan pada artikel yang dibuat kamu bisa membantu saya untuk memperbaiki artikel tersebut. Dan kadang saya juga tidak bisa manjawab pertanyaan kamu.