Sumber Referensi Terpercaya..

Menyajikan Berbagai Informasi Tentang Pendidikan, Kesehatan, Pembelajaran, Tenaga Honorer,
Anak Berkebutuhan Khusus, Lifestyle, Sosial, Dunia Islam, dan Tutorial Blogspot.

Memasang Meta Data Open Graph, Facebook, dan Twitter

by on Minggu, Januari 13, 2013

in

Memasang Meta Data Open Graph
Memasang Meta Data Open Graph sangatlah penting pada suatu blog. Karena blog blog dapat menjadi sebuah objek yang dapat digunakan untuk memperkaya konten jejaring sosial. Blog-blog dengan artikel-artikel menarik seringkali dibagikan via jejaring sosial, dan trafik pengunjung juga cukup signifikan berasal dari para pengguna jejaring sosial. Lalu bagaimana agar sebuah blog dapat terhubung dengan jejaring sosial dan mampu memperkaya konten jejaring sosial? Sederhananya, bagaimana agar blog kita bisa menjadi salah satu objek pada jejaring sosial?

Open Graph Protocol menjadi sebuah standar yang disepakati bersama antar para pengembang jejaring sosial dan digunakan untuk menghubungkan sebuah objek (blog dan lain sebagainya) dengan subjek (jejaring sosial). Open Graph Protocol memungkinkan halaman web untuk menjadi sebuah objek pada Grafik Sosial (Social Graph). Open Graph dapat menjadi penghubung antara blog/web dengan situs social media. Open Graph digunakan sebagai protokol standar untuk mengkombinasikan satu sama lain agar menjadi satu bagian. Ya intinya dengan memasang meta data open graph dapat memudahkan situs jejaring sosial dalam mengambil informasi pada suatu blog/web.



Mau mencoba? bagi anda yang mau mencoba silahkan ikuti langkah-langkahnya!!..
  1. Login ke Blog
  2. Rancangan - Edit HTML
  3. Untuk menghindari keselahan, Backup template terlebih dahulu dengan Download lengkap
  4. Centang "Expand Template Widget"
  5. Cari kode <head> untuk lebih mudahnya tekan Ctrl F kemudian pastekan kode tersebut.
  6. Setelah ketemu copy kode di bawah ini tepat setelah  <head>

<!-- Metadata Twitter -->

<meta name='twitter:card' content='summary'/>

<meta name='twitter:site' content='@situsAnda'/>

<meta name='twitter:creator' content='@userName'/>

<meta name='twitter:url' expr:content='data:blog.canonicalUrl'/>
<meta name='twitter:title' expr:content='data:blog.pageTitle'/>
<meta name='twitter:description' expr:content='data:blog.metaDescription'/>
<meta name='twitter:image' expr:content='data:blog.postImageThumbnailUrl'/>
<!-- Metadata Facebook -->
<meta property='fb:app_id' content='0000000'/>
<meta property='fb:admins' content='111111'/>
<meta property='og:site_name' expr:content='data:blog.title'/>
<meta property='og:description' expr:content='data:blog.metaDescription'/>
<!-- Metadata Open Graph -->
<meta property='og:title' expr:content='data:blog.pageTitle'/>
<meta property='og:type' content='article'/>
<meta property='og:url' expr:content='data:blog.canonicalUrl'/>
<meta property='og:image' expr:content='data:blog.postImageThumbnailUrl'/>
  1. Kemudian Simpan/Save
Catatan....

1. content='@situsAnda' - ganti dengan akun situs di jejaring sosial twitter.
2. content='@userName' - ganti dengan akun anda di jejaring sosial twitter.
3. content=' 0000000 ' - ganti dengan API Key atau Aplication ID situs anda di jejaring sosial Facebook.
4. content=' 111111 ' - ganti dengan ID User anda di jejaring sosial Facebook.
5. content='article' - ganti dengan jenis blog anda, apakah berjenis artikel, photo, video dan lain sebagainya.
Selamat Mencoba.. 
Share Article :
Tab Icon Comments
Tab Icon 3 Comments

3 Comment(s):

  1. sudah dipasanng mas tapi belum ada perubahan:(

    dimana ya salahnya, saya make yang twitter :'(

    BalasHapus
    Balasan
    1. sudah saya cek benar.. benar ga da yang salah.. coba sobat cek sendiri buka halaman posting blog sobat, tertentu trus klik kanan lihat sumber laman.. disana bisa dilihat..

      Hapus

 
Support : Free Emoticon | Manga-4you
Copyright © 2013. Article [Pabk-4yOu] - All Rights Reserved
Template Created by Creating Website Modified by Pabk-4yOu
About | Privacy Policy