Meta Tag Facebook Open Graph Yang Dibutuhkan Blog


Meta Tag Facebook yaitu meta tag berupa open graph protokol. Open Graph Protokol sendiri memungkinkan halaman suatu web/blog untuk menjadi objek yang kaya dalam grafik sosial. Misalnya, ini digunakan di Facebook untuk memungkinkan setiap halaman web/blog memiliki fungsi yang sama dengan objek lain pada Facebook. Penjelasan tersebut bersumber dari http://ogp.me/ apabila dijelaskan kedalam Bahasa Indonesia.

Meta Tag Facebook Open Graph Yang Dibutuhkan Blog

Apakah Meta Tag Facebook itu Penting?

Meta tag yang berupa open graph tersebut sangat penting untuk sebuah web/blog apalagi yang merupakan bidang pemasarannya (promosi) menggunakan sosial media Facebook. Dengan adanya meta tag tersebut pada sebuah web/blog maka informasi yang diterima oleh facebook akan jelas adanya, sehingga diterima dengan baik.

Meta Tag Facebook Apa Saja yang dibutuhkan Blog?

Sesuai yang dijelaskan pada Webmaster - Berbagi yang ada pada developer facebook, meta tag dalam sebuah blog yang memiliki artikel dengan open graph artikel (og:type="article") yaitu sebagai berikut.

<meta property="og:url" content="http://www.bloggars.com/2016/10/cara-mengatasi-anak-susah-makan-dengan-laperma-platinum.html" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Cara Mengatasi Anak Susah Makan dengan Laperma Platinum" /> <meta property="og:description" content="Cara Mengatasi Anak Susah Makan dengan Laperma Platinum - Berbicara anak..." /> <meta property="og:image" content="https://4.bp.blogspot.com/-GtrcAKy-iDk/WAb5bQ9GSfI/AAAAAAAABm4/WXEjpjOljMUWtaTma9LbcM_Rq5ZPJo9TwCLcB/s480/penyebab%2Bsusah%2Bmakan.jpg" />
Meta tag tersebutlah yang dibutuhkan oleh blog supaya artikel yang di bagikan di facebook sesuai dengan yang terdapat pada blog. Berikut adalah penjelasan mengenai meta tag yang terdapat diatas.
  1. og:url adalah open graph yang menunjukan url artikel yang dibagikan pada sosial media facebook tersebut.
  2. og:type adalah open graph yang menujukan tipe yang dibagikan tersebut merupakan sebuah artikel, bukan video maupun gambar.
  3. og:title adalah open graph yang menunjukan judul (title) dari artikel yang dibagikan pada sosial facebook tersebut.
  4. og:description adalah open graph yang menunjukan deskripsi (description) dari artikel yang dibagikan tersebut deskripsi sesuai dengan yang ada pada artikel.
  5. og:image adalah open graph yang menujukan gambar atau thumbnail dari artikel yang dibagikan tersebut dengan begitu gambar akan sesuai yang terdapat pada artikel.
Baca juga "Meta Tag Facebook Open Graph Yang Friendly untuk Blog"

Hasil Dari Meta Tag Facebook Open Graph

Apabila Anda menerapkan meta tag yang dibutuhkan blog seperti diatas maka dengan begitu hasilnya akan sesuai dengan informasi yang ada pada blog Anda apabila sebuah artikel atau halaman tersebut dibagikan di sosial media facebook.

Penjelasan Meta Tag Facebook open graph

Seperti pada gambar diatas hasil dari menerapkan meta tag untuk facebook pada blog Anda, Apabila Anda ingin menerapkan seperti diatas maka terapkanlah seperti berikut ini dengan menyimpannya dibawah kode <head>.

<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta property='og:title' expr:content='data:blog.title'/> <else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta property='og:title' expr:content='data:blog.pageName'/> <meta property='og:type' content='article'/> </b:if> </b:if> <meta property='og:url' expr:content='data:blog.url'/> <meta property='og:description' expr:content='data:blog.metaDescription'/> <meta property='og:image' expr:content='data:blog.postImageUrl'/>
Dengan menggunakan meta tag tersebut maka informasi pada blog Anda yang diterima facebook akan sama dengan yang ada pada blog Anda. Sehingga tidak adanya informasi yang salah seperti yang sering terjadi pada seorang blogger yang belum tahu meta tag sehingga tidak mengeditnya misalkan pada deskripsi yang kosong atau hanya berisi "xxxxx" ataupun pada author. Kejadian tersebut akan terjadi apabila seorang blogger langsung mengkopi saja meta tag tanpa mengeditnya terlebih dahulu. Namun dengan meta tag diatas maka tidak akan terjadi seperti itu melainkan informasi akan sesuai yang ada.

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

Selain dari meta tag yang saya berikan pada artikel ini sebenarnya masih banyak meta tag facebook yang berupa open graph seperti og:video, og:video:width, og:image:type ataupun banyak yang lainnya. Namun untuk sekarang hanya lima saja yang saya berikan dan memang sangat dibutuhkan oleh blog Anda yang artikelnya sering dibagikan di sosial media facebook.

Begitulah artikel yang saya berikan kali ini yang menjelaskan mengenai Meta Tag Facebook Open Graph Yang Dibutuhkan Blog, terima kasih bagi Anda yang sudah membacanya. Jangan lupa untuk membagikannya di sosial mediaterutama facebook supaya teman blogger Anda bisa mengetahuinya.

Related Posts:

4 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.