Cara Memasang Meta Tag Facebook Open Graph

Cara Memasang Meta Tag Facebook Open Graph

Di sini akan saya bahas dengan tuntas setuntas-tuntasnya bagai mana cara memasang facebook graph dengan mudah, jika di perhatikan cara ini sudah tersebar sangat banyak di blog para master tapi mungkin masih ada yang belum tau. Lah oleh karena itu saya repost ulang.

Monggo di simak saja dan baca baik-baik alon alon asal kelakon agar tidak timbul pusing berkelanjutan.

Apa sih fungsi / kegunaan facebook open graph.. ??

Fungsi dan kegunaan memasang meta tag ini sangatlah banyak salah satunya untuk menarik pengunjung dari facebook, sebab dengan di pasangnya facebook open graph link blog yang di share akan lebih menarik dan pastinya akan membuat pengunjung lebih berminat untuk mengunjungi link trsebut.

Meta Tag Facebook Open Graph terdiri dari :

og:url - ialah URL dari blog agan.

og:title - Judul dari artikel blog.

og:description - Ringkasan dari isi artikel, Terdiri dari 2 sampai 4 kalimat. yang akan tampil di bawah judul dari post Facebook.

og:image - Gambar atau thumbnail, yang biasanya di ambil dari gambar pertama yang ada di dalam artikel blog.

fb:admins - Nama author / admin ,Berupa sebuah link yang dapat di klik untuk menuju ke profil Facebook.

Bagai Mana Cara Memasang Facebook Open graph..??

Sangatlah mudah cara memasang meta tag facebook open graph, untuk info lebih jelasnya agan bisa kunjungi laman Facebook Webmaster tapi untuk mempersingkat waktu langsung saja di copy code berikut dan letakan pada template tepat di bawah code <head> .

 <!-- Facebook Open Graph AntarezPedia -->  
  <b:if cond='data:blog.pageType == &quot;item&quot;'>  
 <meta expr:content='data:blog.pageName' property='og:title'/>  
 <meta content='article' property='og:type'/>  
 <b:else/>  
 <meta expr:content='data:blog.pageTitle' property='og:title'/>  
 <meta content='website' property='og:type'/>   
 </b:if>   
 <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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicc31yzm984N8-4dYNdpv5z_ezMwL9CRUwxNx9rAfCUCs7PfQCnO8XrmUSEL7j0BX3AUTRDAGLAP8oGrhCbfTHlUzj22KG98yFNRKl1Jo57uU9eWXb5H30-LoSaxUdqCXF3CO2qUXc57QM/s1600/AntarezPedia-logo-2017.png' property='og:image'/>  
  </b:if>  
 </b:if>   
 <b:if cond='data:blog.metaDescription'>   
 <meta expr:content='data:blog.metaDescription' property='og:description'/>   
 </b:if>   
 <meta expr:content='data:blog.title' property='og:site_name'/>   
 <meta content='ID-FACEBOOK' property='fb:admins'/>   
 <meta content='ID-APP' property='fb:app_id'/>  
  <!-- Facebook Open Graph AntarezPedia -->

Keterangan : Silahkan hapus dan ganti bagian yang saya tandai.

4.bp.blogspot.com/-wyW7IJsGADI/WY0xN-w9o7I/AAAAAAAABZ0/F8AwHCvdlFwva9-Zu3ww0qhSOnJVv77cgCK4BGAYYCw/s1600/AntarezPedia-logo-2017.png [ ganti dengan url gambar yang nantinya akan tampil jika agan share link home page blog agan, saya sarankan gambar berukuran lebih dari 200 x 200. ]

ID-FACEBOOK [ Ganti dengan id facebook ingat id sama username beda tipis, id itu tidak bisa di rubah. Cara ambilnya mudah tinggal buka foto profil fb kalian dan perhatikan urlnya ambil angka di bagian &id =1000xxxx& ]

ID-APP [ Silahkan buat dulu appnya di mari Buat App isi nama appnya dan klik buat, nanti akan ada id-app silahkan di copy saja dan pasang. ]

Jika kalian perhatikan kenapa tidak ada tag og:url..?? Sebab tag tersebut sudah otomatis ada dari blogger, itu yang saya tau dari template EvoMagz yang sedang saya gunakan dan code ini pun saya ambil dari EvoMagz hanya saja saya tambahkan tag og:image karena sering kali saat share home page di facebook tidak muncul gambar apa pun.

Untuk mengeceknya bisa test di mari Tools Debug Masukan url blog klik Debug, jika belum muncul info blog agan coba klik kurangi lagi.

Mungkin itu saja yang saya tau jika ada pertanyaan bisa langsung di tanyakan lewat komentar atau bisa juga contact lewat email di menu header.

AntarezPedia

Percayalah Tidak Ada Hasil Yang Menghiyanati Usaha Dan Tidak Akan Ada Usaha Yang Berahir Sia - Sia.

Cara Memasang Meta Tag Facebook Open Graph

0 Response to "Cara Memasang Meta Tag Facebook Open Graph"

Posting Komentar