Oktober 27, 2017

WordPress : Memasang Facebook Open Graph Meta Tags

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="https://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.

Label: Tutorial, WordPress
Bagikan ke: WhatsApp, Email. Print!.

aroengbinang, seorang penyusur jalan.
Traktir BA secangkir kopi? Scan via 'Bayar' GoPay.