Cara Memasang Facebook Open Graph Di Blogspot

Redaksi PetiknetKamis, 19 November 2015 | 17:46 WIB

Petik.net - Facebook Open Graph sebenarnya yakni instruksi khusus berupa meta tag HTML yang menggunakan hukum yang diadaptasi dengan standar facebook, arahan ini dapat diletakan di template blog anda baik itu blog berflatform blogspot, wordpress dan blog lainnya, kode ini dipakai untuk menyimpan gosip khusus yang mampu dibaca dan dikenali oleh plugin facebook.

Jika anda memasang facebook sosial media sharing pada halaman blog anda, maka instruksi facebook open graph setidaknya harus anda letakan juga di template blog anda, tujuannya adalah semoga facebook dapat membaca dan mengenali setiap isu yang terdapat di dalam halaman blog tersebut untuk dishare.

Ketika pengunjung blog anda melaksanakan share halaman artikel postingan tersebut melalui tombol share facebook yang tersedia, maka facebook akan membaca struktur halaman tersebut untuk menerima isu konten yang dibutuhkan untuk konten sosial media share. isu tersebut akan diperoleh melalui meta open graph yang anda pasang pada instruksi template blog anda.

Mengenal Kode Facebook Open Graph

Ketika anda mengeujungi dan membaca sebuah halaman situs kemudian anda anggap halaman tersebut patut untuk di share dan anda mencoba melakukan share menggunakan tombol facebook sosial media share yang tersedia di halaman blog tersebut maka apa yang akan anda lihat selanjutnya?

Kurang lebih akan terlihat seperti gambar dibawah ini:

Cara Memasang Facebook Open Graph Di Blogspot
Konten Share Facebook dengan Open Graph

Konten share akan menyesuaikan dengan halaman blog atau website yang akan dishare, beberapa bagian penting yang disajikan konten share adalah:

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

Facebook bisa menampilkan gambar, judul artikel dan juga descripsi yang mewakili artikel blog yang berangkutan untuk dishare seperti gambar diatas,  itu dikarenakan pada script template blog yang bersangkutan sudah dipasang Tag Open graph. melalui gosip pada tag open graph tersebut facebook mampu mengenali mana gambar yang akan dishare, dan judul dari artikel yang akan dishare untuk disajikan pada konten share facebook.

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

Facebook Open Graph sebenarnya adalah kode khusus berupa meta tag HTML yang menggunakan at Cara Memasang Facebook Open Graph di Blogspot
Konten share facebook tanpa gambar alasannya adalah blog tidak memasang open graph

Menurut anda mana yang terlihat paling menarik, tentu saja yang dilengkapi gambar, dan memang benar, share blog di facebook memakai judul disertai gambar yang menarik akan bisa meningkatkan pengunjung untuk mengunjungi blog anda, oleh alasannya adalah itu untuk menerima konten share blog di facebook lebih menarik disertai gambar maka anda harus memasang facebook open graph di kode template blog anda.

Berikut Daftar Kode facebook Open graph yang bisa anda gunakan

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

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

1. og:title
arahan ini berfungi untuk menyimpan berita judul artikel blog yang bersangkutan. kalau facebook menemukan dan membaca instruksi ini, maka akan digunakan sebagai judul konten share facebook.
Contoh Penggunaan:

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

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

4.og:image
Kode open graph ini dapat dapat anda gunakan untuk menyimpan informasi mengenai gambar yang akan dipakai dikonten share facebook, bila artikel 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 aba-aba open graph og:image ini.
Contoh Penggunaan:

 

5. og:url
Tag open graph ini mampu anda gunakan untuk menyimpan info url dari artikel blog yang akan di share ke facebook.
Contoh Penggunaan:

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

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

 

Jika anda ingin menghasilkan konten share yang menarik dilengkapi gambar maka, selain tombol share facebook, arahan open graph facebook diatas wajib anda pasang juga pada template blogspot anda.

Cara Memasang Facebook Open Graph pada blogspot anda? 

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

1. Pasanglah kode open graph dibawah ini jikalau didalam halaman artikel 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 hidangan sisi 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 fasilitas pencarian, silahkan cari instruksi :

4. Letakan aba-aba dibawah ini diatas instruksi  













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

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

Anda mampu baca: cara membuat akun facebook terbaru

Jika anda sudah memiliki salah satu akun facebook, untuk menerima id facebook anda langkah-langkahnya adalah sebagai berikut:

a. Masuk ke akun facebook anda.
b. pada sajian nama anda, lalu klik kanan, lalu pilih sub menu “Salin Lokasi Tautan, misal facebook punya aku:

https://www.facebook.com/ajidin

Sebagai contoh facebook punya saya diatas, anda tinggal hapus goresan pena https://www.facebook.com/ sehingga hanya menghasilkan idnya saja  pola diatas ajidin, sehabis itu silahkan anda ganti id_facebook_anda dengan id anda sebagai teladan id punya aku adalah ajidin. menjadi kurang lebih mirip ini:

Petik.net merupakan media informasi yang menyajikan berita terbaru dan terkini dari berbagai sumber terpercaya. Baca berita hari ini seputar peristiwa, politik, crypto, teknologi, hiburan, dan masih banyak lagi.
Sukoharjo, Jawa Tengah, Indonesia
© 2023 Petik.net | All Rights Reserved.