Facebook Open Graph Meta Tag Tanpa Plugin

facebook open graphFacebook telah lama merilis meta facebook open graph yang berguna untuk meningkatkan kualitas SEO pada blog maupun website, hal ini diiringi dengan banyaknya plugin yang dirilis untuk mempermudah pemasangan Facebook Open Graph pada Meta Tag.

Namun tahukah anda pada wordpress jika terlalu banyak menggunakan plugin akan mengurangi performa load / memperlambat loading akses?

Untuk itu kali ini Kakiteng c Kusuma akan membahas bagaimana cara memasang facebook open graph meta tag tanpa plugin, hal ini akan membantu performa loading pada wordpress dan juga bisa di terapkan pada blogspot.

  • Buka Dashboard wordpress, Appearance => Editor => header.php
  • Carilah kode <html> atau <html lang=”en”> atau <html dir=”ltr” lang=”en-US“> (setiap blog berbeda, yang pasti di bagian atas)
  • Ganti kode tersebut dengan kode di bawah ini :
    <html dir="ltr" lang="en-US" 
        xmlns="http://www.w3.org/1999/xhtml" 
        xmlns:og="http://ogp.me/ns#" 
        xmlns:fb="http://www.facebook.com/2008/fbml">
  • Sekarang carilah kode </head>
  • Letakkan kode di bawah ini tepat di atas kode </head>
    <meta property="fb:admins" content="ID_FACEBOOK"/>
    <meta property="fb:app_id" content="ID_APLIKASI"/>
    <meta property="fb:profile_id" content="ID_FANS_PAGE"/>
    <meta property="fb:properties" content="http://<?php echo $_SERVER["HTTP_HOST"].$_SERVER["REQUEST_URI"];?>"/>
    <meta property="og:site_name" content="NAMA_APLIKASI/SITUS"/>
    <meta property="og:type" content="article"/>
    <meta property="og:locale" content="en_US"/>
    <meta property="og:alternate" content="in_ID"/>
    <meta property="og:title" content="<?php bloginfo('name'); ?><?php uepe_title(); ?>"/>
    <meta property="og:url" content="http://<?php echo $_SERVER["HTTP_HOST"].$_SERVER["REQUEST_URI"];?>"/>
    <meta property="og:description" content="<?php if ( is_single() ) {
            single_post_title('', true); 
        } else {
            bloginfo('name'); echo " - "; bloginfo('description');
        }
        ?>"/>
    <meta property="og:image" content="URL_LOGO_BLOG"/>

Sebelum di simpan / update jangan lupa untuk mengganti “ID_FACEBOOK, ID_APLIKASI, ID_FANS_PAGE, NAMA_APLIKASI/SITUS, URL_LOGO_BLOG”.

Selamat, sekarang blog anda sudah menerapkan Facebook Open Graph Meta Tag dan tanpa menggunakan plugin. Jika ada kesulitan atau pertanyaan silahkan untuk mengisi form berkomentar.

Ayo sebarkan jika kamu suka dengan artikel Facebook Open Graph Meta Tag Tanpa Plugin dari Kakiteng c Kusuma, langsung aja Like, Share, Tweet atau Plus One sekarang juga...!!!

Comments

  1. Reply

  2. By Fatoni

    Reply

  3. Reply

  4. Reply

  5. Reply

  6. Reply

    • Reply

  7. By siputih

    Reply

  8. By nugroho

    Reply

    • Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

AlphaOmega Captcha Classica  –  Enter Security Code
     
 

Page Today: 332 | Visitors Today: 102 | This Month: 12867 | Total: 37687 | IP: 54.166.74.48