Memasang Facebook Open Graph Meta Tags di WordPress

Tulisan ini berisikan cara bagaimana memasang Facebook Open Graph Meta Tags di WordPress self-hosted, tanpa menggunakan plugin. Dengan memasang Facebook OG meta tags, berbagi tulisan di FB akan menjadi mudah dan bisa ditrek jika dikehendaki. WordPress self-hosted artinya blog berbasis WordPress namun menggunakan domain dan webhosting sendiri, yang jauh lebih fleksibel ketimbang memakai wordpress.com yang gratis.

Memasang Facebook Open Graph Meta Tags di WordPress tanpa menggunakan plugin bisa menghemat jumlah perintah, menghindari adanya tautan yang tak perlu, serta menghindari konflik antar plugin. Penggunaan plugin harus dikurangi dimana memungkinkan, dan pemakaiannya dibatasi ketat, hanya yang benar-benar diperlukan, bukan sekadar sebagai kosmetik. Mantranya adalah lakukan apa yang bisa agar blog bisa dibuka lebih cepat, dan lebih cepat lagi.

Script di bawah ini adalah hasil pencarian ke berbagai situsweb dan pengujian langsung tentang berfungsi tidaknya, hingga puas dan saya gunakan.Tulisan diterbitkan utamanya sebagai referensi pribadi, selain berharap bisa bermanfaat bagi yang memerlukannya.

Untuk memasang Facebook Open Graph Meta Tags di blog WordPress, ikuti langkah sebagai berikut:

  1. Login ke cPanel, klik File Manager > wp-content > themes > nama_themes_anda
  2. Buka functions.php, dan sisipkan scipt di bawah ini

    function insert_fb_in_head() {
    global $post;
    if ( !is_singular())
    return;
    echo '<meta property="fb:app_id" content="xxxxxxxxxxxxxxx"/>';
    echo '<meta property="og:title" content="' . get_the_title() . '"/>';
    echo '<meta property="og:type" content="article"/>';
    echo '<meta property="og:url" content="' . get_permalink() . '"/>';
    echo '<meta property="og:site_name" content="nama_blog_anda"/>';
    if(!has_post_thumbnail( $post->ID )) {
    $default_image="http://www.situsanda.com/wp-content/uploads/2017/03/default.jpg";
    echo '<meta property="og:image" content="' . $default_image . '"/>';
    }
    else{
    $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
    echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
    }
    echo "
    ";
    }
    add_action( 'wp_head', 'insert_fb_in_head', 5 );

  3. Ganti xxxxxxxxxxxxxxx dengan angka fb:app_id Anda, atau baris echo '<meta property="fb:app_id" content="xxxxxxxxxxxxxxx"/>'; bisa dihilangkan jika anda belum membuat fb:app_id
  4. Ganti nama_blog_anda dengan judul blog Anda, dan ganti alamat default image dengan alamat yang lengkap.

Untuk mengujinya, jika menggunakan plugin cache, buka sebuah tulisan dan lakukan perubahan kecil, lalu simpan. Selanjutnya buka Facebook debugger, copy paste tautan alamat tulisan Anda, klik “Debug”. Kadang perlu ulangi klik “Debug” sampai fotonya muncul. Script aslinya ada di sini.

Share | Tweet | WA | Email | Print!
Home » Blog » WordPress » Memasang Facebook Open Graph Meta Tags di WordPress

By Bambang Aroengbinang. BA lahir di Desa Mersi, Purwokerto, Jawa Tengah, sekarang tinggal di Jakarta. Seorang blogger dan pejalan musiman yang senang berkunjung ke situs, makam, dan tempat bersejarah. Menyukai pemandangan daratan subur dan pegunungan hijau ketimbang laut. Kontak BA. Subscribe via email for newly published posts. Updated on 26 Maret 2017. Tag: ,

Tulisan lainnya : Candi Prambanan Sleman Yogyakarta | Soga Resto Danar Hadi Solo | Hotel di Kuta dan Legian | Hotel di Tanjung Raya | Pohon Tua Padomasan Batang | 9 Peta Wisata Situbondo | Kelenteng Sam Poo Kong Semarang | Hotel di Jakarta Timur | Museum Tionghoa Indonesia TMII Jakarta | 10 Tempat Wisata di Lampung Selatan |