Cara Memasang Facebook Open Graph Di Blogspot

Facebook Open Graph bantu-membantu yakni instruksi khusus berupa meta tag HTML yang menggunakan hukum yang disesuaikan dengan standar facebook, aba-aba ini dapat diletakan di template blog anda baik itu blog berflatform blogspot, wordpress dan blog yang lain, kode ini digunakan untuk menyimpan informasi khusus yang mampu dibaca dan diketahui oleh plugin facebook.

Jika anda memasang facebook sosial media sharing pada halaman blog anda, maka aba-aba facebook open graph setidaknya mesti anda letakan juga di template blog anda, maksudnya adalah supaya facebook dapat membaca dan mengetahui setiap informasi yang terdapat di dalam halaman blog tersebut untuk dishare.

Ketika hadirin blog anda melaksanakan share halaman artikel artikel tersebut melalui tombol share facebook yang tersedia, maka facebook akan membaca struktur halaman tersebut untuk mendapatkan info konten yang diperlukan untuk konten sosial media share. isu tersebut akan diperoleh lewat meta open graph yang anda pasang pada aba-aba template blog anda.

Mengenal Kode Facebook Open Graph

Ketika anda mengeujungi dan membaca sebuah halaman situs lalu anda anggap halaman tersebut pantas untuk di share dan anda menjajal melaksanakan share menggunakan tombol facebook sosial media share yang tersedia di halaman blog tersebut maka apa yang akan anda lihat berikutnya?

Kurang lebih akan terlihat seperti gambar dibawah ini:

Konten Share Facebook dengan Open Graph

Konten share akan menyesuaikan dengan halaman blog atau situs web yang hendak dishare, beberapa bab penting yang disuguhkan konten share yaitu:

• Gambar: menyesuaikan dengan gambar yang digunakan pada artikel yang akan dishare
• Judul Artikel: sesuai dengan judul artikel yang hendak dishare
• Deskripsi: deskripsi singkat yang mewakili isi artikel
• Url Blog: URL atau alamat blog yang bersangkutan

Facebook bisa menampilkan gambar, judul postingan dan juga descripsi yang mewakili artikel blog yang berangkutan untuk dishare seperti gambar diatas,  itu dikarenakan pada script template blog yang bersangkutan telah dipasang Tag Open graph. lewat berita pada tag open graph tersebut facebook dapat mengenali mana gambar yang akan dishare, dan judul dari artikel yang mau dishare untuk dihidangkan pada konten share facebook.

Namun Jika blog tersebut tidak memasang tag opengraph pada template blognya maka performa konten share tidak akan mampu menampilkan gambar, terlihat seperti gambar dibawah ini:

Konten share facebook tanpa gambar alasannya blog tidak memasang open graph

Menurut anda mana yang tampakpaling menarik, pastinya yang dilengkapi gambar, dan memang benar, share blog di facebook menggunakan judul disertai gambar yang menawan akan mampu mengembangkan hadirin untuk mendatangi blog anda, oleh sebab itu untuk menerima konten share blog di facebook lebih mempesona diikuti gambar maka anda harus memasang facebook open graph di arahan template blog anda.

Berikut Daftar Kode facebook Open graph yang bisa anda gunakan

Apapun blognya baik itu wordpress maupun blogspot, jikalau anda menambahkan tombol facebook sosial media share pada halaman blog anda maka silahkan anda pasang isyarat open graph pada template blog anda.

beberapa isyarat open grap untuk mendukung sosial media share halaman blog anda:

1. og:title
instruksi ini berfungi untuk menyimpan berita judul postingan blog yang bersangkutan. kalau facebook memperoleh dan membaca aba-aba ini, maka akan dipakai sebagai judul konten share facebook.
Contoh Penggunaan:

2. og:type
Kode ini dipakai untuk menyimpan gosip jenis artikel yang akan anda share, ada aneka macam go:type yang mampu anda pakai, secara lengkap anda bisa baca disini.
Contoh Penggunaan:

3. og:description
Kode ini dipakai untuk meletakan info descripsi yang akan disertakan di konten share facebook. untuk blog berfaltform blogspot anda mampu mengisi meta og:description dengan meta description untuk halaman postingan yang hendak dishare.
Contoh Penggunaan:

4.og:image
Kode open graph ini mampu mampu anda gunakan untuk menyimpan gosip perihal gambar yang akan digunakan dikonten share facebook, kalau postingan yang dishare mencantumkan gambar maka gambar tersebut harus bisa disertakan dikonten share facebook secara otomatis. facebook secara otomatis akan menggenerate konten share dengan gambar yang diambil dari kode open graph og:image ini.
Contoh Penggunaan:

 

5. og:url
Tag open graph ini bisa anda gunakan untuk menyimpan informasi url dari artikel blog yang hendak di share ke facebook.
Contoh Penggunaan:

7. og:site_name
Kode open graph ini dapat dipakai untuk meletakan nama situs dari postingan blog yang akan dishare. instruksi ini akan dibaca oleh facebook untuk mendapatkan nama situs atau blog yang melakukan share.
Contoh Penggunaan:

8. fb:admins
arahan ini mampu anda gunakan untuk mengaitkan halaman facebook anda dengan blog, supaya setiap interaksi fans page blog anda terhadap blog yang anda share statisticnya dapat diktahui secara detail.
Contoh Penggunaan:

 

Jika anda ingin menciptakan konten share yang mempesona dilengkapi gambar maka, selain tombol share facebook, kode open graph facebook diatas wajib anda pasang juga pada template blogspot anda.

Cara Memasang Facebook Open Graph pada blogspot anda? 

Berikut tindakan memasang instruksi facebook openg raph yang benar di template blogspot anda:

1. Pasanglah instruksi open graph dibawah ini bila didalam halaman postingan anda anda memasang tombol facebook share.

1. Pastikan bahwa di template blog anda belum terpasang facebook open graph.

2. Masuk ke akun blogspot anda, dibilah menu segi kiri pilih menu Template lalu tekan tombol Edit HTML untuk masuk ke editor template blog anda.

3. Klik editor template blog anda, tekan CTRL + F, untuk mengaktifkan akomodasi pencarian, silahkan cari kode :

4. Letakan kode dibawah ini diatas isyarat

 

Kode diatas akan menggenerate konten share facebook secara otomatis memakai gambar, judul dan deskripsi (diambil dari meta deskripsi artikel yang hendak dishare), gambar yang mau dipakai ialah gambar yang anda share pada postingan tersebut.

Jangan lupa Silahkan anda ganti id_facebook dengan id facebook anda, jika kebetulan anda belum mempunyai akan facebook, silahkan anda buat dulu akun facebook:

Anda mampu baca: cara menciptakan akun facebook terbaru

Jika anda sudah memiliki salah satu akun facebook, untuk mendapatkan id facebook anda langkah-langkahnya ialah selaku berikut:

a. Masuk ke akun facebook anda.
b. pada menu nama anda, kemudian klik kanan, kemudian pilih sub menu "Salin Lokasi Tautan, misal facebook punya saya:

https://www.facebook.com/ajidin

Sebagai contoh facebook punya saya diatas, anda tinggal hapus tulisan https://www.facebook.com/ sehingga cuma menghasilkan idnya saja  acuan diatas ajidin, setelah itu silahkan anda ganti id_facebook_anda dengan id anda selaku pola id punya aku yaitu ajidin. menjadi kurang lebih mirip ini:

 Jika sudah silahkan anda simpan template blog anda.


5. Untuk mengetes kinerja facebook open graph yang anda buat, silahkan anda pilih pilih postingan yang anda sertakan gambar didalamnya, tekan tombol facebook share pada halaman blog anda tersebut, jikalau konten facebook share memperlihatkan gambar, judul dan deskripsi seperti gambar diatas memiliki arti instruksi facebook open graph yang anda pasang sudah benar.

atau anda mampu menggunakan cara lainnya, yaitu dengan mengunjungi halaman object debug facebook.

lalu silahkan anda masukan url halaman artikel blog yang ingin anda lihat konten share facebook untuk halaman tersebut,  kemudian tekan tombol debug:

Jika tidak menhasilkan warning error bermakna isyarat opengrap yang anda pasang sudah benar.


Demikian artikel ihwal Cara Praktis Memasang Facebook Open graph di blogspot, supaya bermanfaat.