Cara Memasang Meta Tag Facebook Open Graph

Loading...

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: 
    Pengambilan Guru Interim SK & SJKC Kementerian Pendidikan Malaysia (KPM) Thn 2020
    Kementerian Pendidikan Malaysia (KPM) mempelawa calon yg berkelayakan, berpotensi, berminat dan beriltizam utk
    Singgung Soal Pamer, Maia Estianty dan Sandra Dewi Tertawa Lps! Sindir Syahrini?
    slidegossip.com – Maia Estianty dikenal sbg artis yg sering melontarkan kata-kata bijak. Baru-baru
    Jokowi Kunjungi Lokasi Kebakaran Hutan di Riau, Ernest Prakasa: Awww Basi Banget!
    slidegossip.com – Presiden Joko Widodo (Jokowi) akhirnya menyempatkan diri utk mengunjungi lokasi kebakaran
    Craving Masakan Melayu Asli? Datang Je Restoran Sisik Ikan Bakar Klang
    Assalamualaikum & hi kawan-kawan.. Last week BBL pergi satu kedai masakan Melayu Asli

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