Ads Banner

Memasang Meta Data Open Graph, Facebook, dan Twitter

Memasang Meta Data Open Graph, Facebook, dan Twitter
Memasang Meta Data Open Graph, Facebook, dan Twitter

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>

  7. <!-- 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'/>

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

Print/Save

Blok kemudian tekan tombol Ctrl dan huruf C pada keyboard secara bersamaan untuk copy artikel di atas. Bagi pengguna Google Chrome bisa menyimpan halaman ini dalam bentuk *pdf melalui tombol print/save di atas.!
Share This :

Jika Anda menyukai , Share melalui social media di atas (satu suka dari anda sangat berarti bagi kami. Tuliskan kritik dan saran anda pada form komentar di bawah! Ketikan email dan klik subcribe untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Info [K-Moe].

Artikel relevan lainnya
Beri Komentar