Cara Memasang Meta Tag Facebook Open Graph

Halo sobat anak simpel, biasanya seorang blogger pemula sering membagikan / share artikelnya di media social, salah satunya di facebook.
Cara memasang meta tag facebook open graph

Nah, biasanya jika kita share url artikel, maka disitu akan muncul thumbnail artikel yg kita share.

Lalu jika kita share URL blog kita, maka biasanya akan muncul thumbnail salah satu artikel blog kita atau bahkan mungkin tidak ada gambarnya alias blank.
Hal tersebut terjadi karena kita tidak memasang meta tag social media open graph , jadi pd pembahasan kali ini saya akan membahas cara memasang meta tag facebook open graph di blog.

Namun sebelum itu apakah kalian tau apa itu meta tag open graph facebook?  bagaimana cara memasangnya? apa fungsinya?
Jika kalian belum tau, maka saya akan sedikit memberikan penjelasan.

Apa Itu Meta Tag Facebook Open Graph ?

Meta tag facebook open graph adalah sekumpulan script HTML yg berfungsi membaca komponen suatu blog dr URL yg di share di facebook yg nantinya ditampilkan menjadi sebuah tampilan postingan yg terdiri dr thumbnail , deskripsi , URL dan author di facebook.

Bagaimana Cara Memasangnya?

Untuk cara memasangnya sebenarnya sangat mudah, kalian hanya perlu menambahkan script .

Namun jika kalian masih bingung, (gimana gak bingung? scriptnya aja belom di kasi tau :v) kalian bisa mengikuti langkah langkah di bawah ini:
  1. Login terlebih dahulu ke blogger.com
  2. Lalu kalian click template/tema
  3. Pilih editb html
  4. Lalu kalian cari kode <head> , lalu masukkan script berikut dibawah kode <head> 
<!– [ Facebook Open Graph Meta Tag by anaksimpel.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/-zNCuQM1WLyE/WqVG5PIkDtI/AAAAAAAAAFA/ouW4Ya5_tI8BpOC5Nhzy3k8PQm6JwJlrgCPcBGAYYCw/s1600/20180311_181314.jpg‘ 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/#‘ property=’article:author’/>
<meta content=’https://www.facebook.com/#‘ property=’article:publisher’/>
<meta content=’#‘ property=’fb:admins’/>
<meta content=’en_US’ property=’og:locale’/>
<meta content=’en_GB’ property=’og:locale:alternate’/>
<meta content=’id_ID’ prJaoperty=’og:locale:alternate’/>

Setelah itu jangan lupa save.
CATATAN :
1. Ubah URL https://3.bp.blogspot.com/-zNCuQM1WLyE/WqVG5PIkDtI/AAAAAAAAAFA/ouW4Ya5_tI8BpOC5Nhzy3k8PQm6JwJlrgCPcBGAYYCw/s1600/20180311_181314.jpg ke URL gambar icon blog kalian.
2. ubah # menjadi kode ID Facebook kalian.

Fungsi Meta Tag Facebook Open Graph

  1. Menarik minat vsitor saat share di facebook
  2. Blog terlihat lebih profesional
  3. Membuat tampilan lebih menarik

Catatan

Oiya sob, biasanya jika kalian masih baru memasang script tersebut, kemungkinan thumbnail custom kalian masih belum tampil, karena facebook masih membutuhkan waktu utk merayapi blog kalian.
Jadi kalian harus menunggu minimal 1 hari.

Penutup

Oke sob, jadi begiulah cara memasang meta tag open graph facebook di blog .
Jika ada yg ingin ditanyakan, atau kalian masih bingung, kalian bisa komen dibawah atau hub saya disini
Seperti biasa, saya berharap tulisan saya ini dapat bermanfaat bagi kalian sob, semoga sukses.
Loading...

Tags: #Cara #Facebook #Graph #Memasang #Meta #Open

author
Author: 
    Lirik Lagu Ada Hati Raya Menjadi-Jadi-Ayda Jebat (LAGU RAYA BARU)
    Lirik Lagu Ada Hati Raya Menjadi-Jadi-Ayda Jebat Lagu Raya Ayda Jebat 2019, Lagu
    Sinopsis Telefilem Tiga Lima; Cereka Ahad TV3
    SINOPSIS TIGA LIMA Halim, baru kematian ayahnya, Daud. Kini ibunya, Hasnah perlu menyara
    Tuuuu…diaaa Pak Tam Sekyen 14 Shah Alam
    Tuuuu…diaaa Pak Tam Sekyen 14 Shah Alam | Hai korang, aduh-aduh sejak bulan
    GOT7 Terbang Tinggi Ke Luar Angkasa Pakai Baju Astronot Di Dance Practice ‘Eclipse’!
    Sepertinya  GOT7 baru saja mendarat dr luar angkasa, dan terjun utk melapor kepada

    Leave a reply "Cara Memasang Meta Tag Facebook Open Graph"