Open Graph Facebook untuk Postingan di Blog

Aku akan mengenalkan pentingnya memasang Open Graph Facebook untuk Postingan di Blog, tidak akan berpanjang lebar membahas tentang masalah pada saat share Postingan Blog ke Facebook tidak muncul deskripsi, gambar yang di-share tidak sesuai dengan gambar yang ada di postingan, dan tidak ada nama author-nya.

Facebook Open Graph
Facebook Open Graph
Nah langsung saja ke TKP!!!
PERTAMA | Tambahkan script Open Graph dari Developers Facebook di bawah tag <head>
Open Graph Facebook

<!-- FB Open Graph SHARE -->
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='https://www.facebook.com/eropradollyprasitha' property='article:author'/>
<meta content='Om Goegel' property='og:site_name'/>
<meta content='article' property='og:type'/>

<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
  <b:else/>
<meta content='http://4.bp.blogspot.com/-bEon5adk-x8/UrInFzj0sHI/AAAAAAAAA1o/YmqZ2MoIadM/s200/ogp+facebook.jpg' property='og:image'/>
</b:if>
Open Graph Script
Open Graph Script

KEDUA |  Untuk memunculkan nama AUTHOR, tambahkan meta author di bawah tag <head>
Meta Tag Author

<meta content='Ero Pradolly Prasitha' name='author'/>
Meta Tag Author
Meta Tag Author

Maka hasil yang tampak pada Facebook saat kita share akan seperti gambar berikut:

Tampilan Share Postingan Blog di Facebook
Tampilan Share Postingan Blog di Facebook


Keren, kan!!?? Cukup mudah. Tidak perlu pusing.
Oh iya, untuk melihat hasilnya membutuhkan verifikasi selama 24 jam.
Kalau ingin cepat, bisa mendaftarkan atau verifikasi secara manual dengan cara submit langsung di Debugger Facebook Developers.

Debugger Facebook Developers
Debugger Facebook Developers
Silahkan dipraktekkan langsung yaa. Tidak susah kok. Kalau ada problem silahkan komentar di kolo komentar yang terdapat di bawah postingan ini.
Terimakasih.
Salam Blogger!

Ero Pradolly Prasitha

Hopefully article about Open Graph Facebook untuk Postingan di Blog useful for Om Goegel loyal readers. Know more about me, please read more on WHO AM I? page. Great thanks.

Number of Posts:

7 comments:

  1. Sudah dicoba dan sedang menunggu hasil gan, terima kasih atas tutorialnya hehehe

    ReplyDelete
  2. wah aku bokmark dulu deh nih biar nanti aku praktekin, makasih mas caranya..

    ReplyDelete
    Replies
    1. iya mas. silahkan dicoba. semoga berhasil.. :)

      Delete
  3. Replies
    1. Weeesss... Alhamdulillah.. Terimakasih atas kunjungannya mas.. :)

      Delete

RULES:
1. Hindari komentar SARA, porno, atau melanggar HAM
2. Disini bukan zona pertikaian (silahkan bertikai di ring lain)
3. Link tidak jelas serta mengarah ke pelanggaran kode etik dan hukum yang berlaku adalah HARAM disini
4. Penulis tidak bertanggung jawab atas apapun bentuk efek samping dari penyalahgunaan atau penyalahartian terhadap apapun konten dari blog ini
5. Penulis memiliki hak untuk menolak/menghapus komentar yang dianggap melanggar pasal-pasal di atas

PS:
“Jadilah orang yang sopan dan cerdas dalam berkomentar”.
Ask if you are not sure and/or don’t know or eager to know more,
Give solution if you found any errors, stop komentar-komentar kosong!

Contact Form

Name

Email *

Message *