Meta Tag Facebook Open Graph Yang Friendly untuk Blog


Meta tag facebook yang berupa open graph sudah dijelaskan untuk pengertiannya pada artikel sebelumnya yang berjudul "Meta Tag Facebook Open Graph Yang Dibutuhkan Blog" namun disini saya akan menjelaskan yang lebih friendly untuk dipasang di web/blog Anda dan menambahkan meta tag untuk thumbnail facebook lainnya.

Meta Tag Facebook Open Graph Yang Friendly untuk Blog

Apa Perbedaan Meta Tag Open Graph Yang Friendly Ini?

Meta tag yang digunakan sebenarnya sama saja, mungkin ada beberapa tambahan meta tag lainnya. Namun perbedaannya pada meta tag facebook disini melainkan dengan menggunakan perintah kondisi (condition) yang lebih spesifik. Sehingga informasi yang diterima pun akan lebih spesifik dan jelas. Terutama pada keadaan beranda (home) dan postingan karena mungkin halaman inilah yang akan sering di share di facebook. Sementara halaman lainnya seperti arsip dan page akan lebih jarang atau bahkan tidak sama sekali.

Baca juga "Cara Mengatasi Author dan Deskripsi Blog XXXXX pada Facebook"

Inilah Meta Tag Facebook Open Graph Yang Friendly

Meta tag ini juga dipakai oleh BloggARs, karena meta tag ini benar-benar saya sendiri yang merancangnya dan yang menurut saya diperlukan oleh blog ini dan juga blog Anda. Pasanglah meta tag pada HTML dengan disimpan dibawah kode <head> ataupun dibawah meta tag lainnya, berikutlah meta tagnya.

<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta expr:content='data:blog.title' property='og:title'/> <meta expr:content='data:blog.metaDescription' property='og:description'/> <meta property='og:type' content='website'/> <meta content='https://3.bp.blogspot.com/-QlrXwGrKe8U/WA3Qo2WhkGI/AAAAAAAABqI/S8qQhBK8kqECgUAFbeOZjRfBgXph5ZHVQCLcB/s1600/Bloggars.com%2B%255BHD%255D.png' property='og:image'/> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.metaDescription' property='og:description'/> <meta property='og:type' content='article'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <b:else/> <meta content='https://3.bp.blogspot.com/-QlrXwGrKe8U/WA3Qo2WhkGI/AAAAAAAABqI/S8qQhBK8kqECgUAFbeOZjRfBgXph5ZHVQCLcB/s1600/Bloggars.com%2B%255BHD%255D.png' property='og:image'/> </b:if> </b:if> </b:if> <meta expr:content='data:blog.url' property='og:url'/> <meta content='http://www.facebook.com/asep.ramdan.s.j' property='author'/> <meta content='100000965428282' property='fb:admins'/> <meta content='181289475657353' property='fb:app_id'/>
Catatan:
  • Ubahlah dua url yang berwarna merah dengan url gambar blog Anda. Untuk url yang pertama yaitu bertujuan apabila gambar header tidak cocok karena untuk di share di facebook harus berdimensi 200x200 piksel. Sementara untuk url yang kedua bertujuan apabila postingan Anda tidak mempunyai gambar maka akan menggunakan gambar yang ada pada url.
  • Ubahlah url facebook yang berwarna biru dengan url facebook Anda. Ini bertujuan sebagai author yang nantinya bisa di klik yang menuju halaman profil.
  • Ubahlah id yang berwarna ungu dengan id admin facebook Anda.
  • Ubahlah id yang berwarna orange dengan id aplikasi facebook Anda.

Penjelasan Kondisi Meta Tag Facebook

Sesuai yang ada pada meta tag yang saya berikan tersebut, apabila Anda sudah bisa membacanya yaitu homepageUrl tersebut berfungsi untuk blog apabila pada keadaan (kondisi) di Beranda/Home. Maka meta tag tersebutlah yang akan bekerja misalkan judul blog akan menjadi og:title dan deskripsi blog akan menjadi og:description. Untuk og:type sendiri yaitu sebagai website untuk halaman beranda blog.

Sementara pada kondisi halaman postingan seperti artikel ini maka judul artikel akan menjadi og:title dan deskripsi artikel akan menjadi og:description, juga og:type pada postingan yaitu article karena untuk menunjukan bahwa ini sebuah artikel. Namun untuk meta tag yang ada dibawah kode </b:if> itu akan bekerja untuk semua halaman yang ada pada blog Anda. sementara untuk og:image sudah saya jelaskan pada catatan diatas.

Begitulah artikel kali ini yang berisi meta tag facebook open graph yang friendly untuk digunakan pada blog Anda juga beserta penjelasannya. Dengan begitu sekian sudah artikel ini yang berjudul "Meta Tag Facebook Open Graph Yang Friendly untuk Blog", terima kasih sudah membaca di BloggARs.

Related Posts:

3 comments:

Beri komentar dengan menggunakan Bahasa yang Baik dan Sopan!
Didalam komentar dilarang mencantumkan link hidup dan apabila Anda melakukannya maka Admin berhak menghapusnya.

Powered by Blogger.