Cara Memasang Meta Tag Open Graph Facebook di Blog

Dtokonline-Artikel ini gue akan membagikan cara memasang meta tag open graph facebook di blogspot. Dengan menggunakan cara ini maka artikel yang lo pasang di facebook akan tertampil dengan sempurna


Cara Memasang Meta Tag Open Graph Facebook di Blog


Dengan mendistribusikan URL di Facebook, URL Dikonversi menjadi layar kompak atau esensi dari blog Ini. Di dalamnya ada komponen Blog dalam bentuk judul, miniatur. (Gambar), Deskripsi, URL Blog dan nama penulis. 


Untuk Dapatkan layar kompak yang cocok dengan konten. Blog saat berbagi di Facebook, Anda perlu menginstal Stiker Tujuan Facebook Buka Grafik. Apa yang dibuka Facebook? Grafis? Cara menginstal Facebook Open Grafiknya bagus dan benar, jadi itu terlihat bagus saat Beroperasi di Facebook? Lihat baik-baik saja ya. Lagi blog. Igniel akan berbagi beberapa informasi tentang pengetahuan. Facebook.


Apa kode label Facebook? Buka grafis? Grafik Terbuka Facebook adalah serangkaian kode khusus Dalam bentuk tag html yang berfungsi membaca. Komponen halaman ketika URL dari halaman Ini dibagikan di Facebook untuk nanti. Itu ditampilkan dalam konten. 


Komponen yang ditampilkan Dalam bentuk judul, miniatur (gambar), deskripsi, url blog dan Nama penulis. Kode grafik Facebook terbuka ini bisa Diinstal pada semua platform blog sebagai blogspot, WordPress, dan sebagainya. Mengapa saya harus menginstal gol Label Facebook Buka Grafik? Anda perlu menginstal facebook buka grafik untuk Pengunjung yang menarik. Dia akan membuat esensi Blog


Anda terlihat lebih indah ketika didistribusikan ke dinding. Facebook (bagian dari jejaring sosial). Tanpa kode ini, Facebook tidak akan dapat menunjukkan esensi dari blog. Anda dijamin dengan benar, pengunjung tidak akan. Tertarik saat menemukan konten seperti ini. Lanjut Perbandingan antara blog yang dipasang dan tidak Menginstal kode tag grafis Facebook terbuka.


Cara Memasang Meta Tag Open Graph Facebook di Blog


Kita masuk ke bagian inti dari tutorial kali ini. Jangan ada langkah yang terlewat agar hasilnya maksimal.


1. Masuk ke menu Template lalu klik tombol Edit HTML

2. Cari kode </head>. Untuk memudahkan mencari kode tersebut, gunakan CTRL + F.

3. Masukkan kode berikut SEBELUM / DIATAS </head>

<!-- [ Facebook Open Graph Meta Tag by igniel.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://4.bp.blogspot.com/-ie52Oh_wT-s/WHHi75UACjI/AAAAAAAAEYE/PnOATooq-Y4v_HVhR_AakM0G2d699uWIwCLcB/s1600/ignielcom.png' 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/106660612706164' property='article:author'/>

<meta content='https://www.facebook.com/106660612706164' property='article:publisher'/>

<meta content='106660612706164' property='fb:admins'/>

<meta content='1804789006468790' 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

 

  • Jika kamu membagikan URL artikel, misalnya https://www.igniel.com/2017/01/cara-pasang-facebook-open-graph-baik-benar.html, secara otomatis gambar akan diambil dari artikel tersebut.
  • Tapi jika kamu membagikan URL homepage blog seperti https://www.igniel.com, maka yang muncul adalah gambar yang harus kamu tentukan sendiri. Ganti https://4.bp.blogspot.com/-ie52Oh_wT-s/WHHi75UACjI/AAAAAAAAEYE/PnOATooq-Y4v_HVhR_AakM0G2d699uWIwCLcB/s1600/ignielcom.png dengan URL gambar favicon / icon blog.
  • Ganti 106660612706164 dengan ID atau username profil pribadi Facebook, atau Fanspage juga bisa. Saran saya, pakailah ID karena dia bersifat tetap. Sedangkan username dapat diubah. Siapa tahu kamu ganti username, tapi lupa mengedit meta tagnya di blog. Kan berabe juga.
  • Ganti 1804789006468790 dengan ID dari aplikasi Facebook kamu. 


Sudah Menggunakan Semua Cara, Kenapa Hasil Share Facebook Masih Tidak Sesusai? 


Itu karena Facebook butuh waktu untuk membaca ulang struktur blog kamu. Untuk cara cepatnya, ikuti langkah berikut.

1. Masuk ke Sharing Debugger.

2. Masukkan URL homepage atau URL artikel.

3. Klik tombol Debug .

4. Klik tombol Scrape Again .

5. Dan sim salabim! Coba share ulang URL kamu dan cek apakah sudah benar.


Sekian artikel blog Igniel mengenai cara pasang kode meta tag Open Graph Facebook di blog. Jangan lupa bagikan artikel ini agar teman-teman Blogger yang lain tahu. Terimakasih.

Tidak ada komentar untuk "Cara Memasang Meta Tag Open Graph Facebook di Blog"