PORT80HMI Blog

Penambahan Facebook Open Graph Meta pada Website

7 March 2014, Written by 0 comment
Langkah ini merupakan bypast tanpa menggunakan plugin, yang kami pandang bahwa banyaknya plugin yang di install pada website yang berplatform WordPress bisa berpengaruh pada kinerja sistem Website tersebut. Penambahan fungsi Facebook Open Graph Meta diletakkan pada file functions pada themes dan disesuaikan dengan beberapa field pada code tersebut. Berikut dokumentasi dari penambahan script yang diletakkan pada file functions themes.
/**
* Adding the Open Graph in the Language Attributes
*/
function add_opengraph_doctype( $output ) {
return $output . ' xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml"';
}
add_filter('language_attributes', 'add_opengraph_doctype');

//Lets add Open Graph Meta Info

function insert_fb_in_head() {
global $post;
if ( !is_singular()) //if it is not a post or a page
return;
echo '<meta property="fb:admins" content="Admin"/>';
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="' . get_bloginfo('name') . '"/>';
if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
$default_image="http://www.img.greenboxindonesia.com/Fg.jpg"; //replace this with a default image on your server or an image in your media library
echo '<meta property="og:image" content="' . $default_image . '"/>';
}
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
echo '<meta property="og:image" content="' . esc_attr( $thumbnail_src[0] ) . '"/>';
}
echo "
";
}
add_action( 'wp_head', 'insert_fb_in_head', 5 );

//end of add open graph facebook.

Ingat, jika Anda tidak ingin berurusan dengan kode, maka cukup men-download plugin saja Facebook Open Graph Meta untuk WordPress. Ada banyak pilihan dalam plugin tersebut dan Anda bisa mencobanya, alasan kenapa ada alternative dengan cara seperti ini yaitu menyampingkan fungsi plugin karena fungsi plugin (banyaknya) yang terinstall pada website juga berpengaruh pada kinerja sebuah website tersebut. Mau memilih mana itu menjadi pilihan Anda.

Baca Juga:  Cara Mendaftarkan Web/ Blog Anda agar dideteksi Search Engine Google