Meta Tag Facebook Open Graph Dinamis Untuk Wordpress

Meta Tag Facebook Open Graph Dinamis Untuk Wordpress

, , , , Edit
Open Graph memungkinkan suatu laman website memberikan informasi kaya objek di sosial graph. Misalnya, jika di blog kawan menerapkan Meta Tag Facebook Open Graph, maka ketika link web kawan di share ke fb akan memunculkan informasi tambahan berupa deskripsi, judul, juga image.


Meta tag Property:
 og:title - judul objek yang akan dimunculkan e.g., "Hang Nadim Raih Tropi Pontensial Airport".
 og:type - Tipe objek, misal 'article' jika yang dishare adalah jenis artikel contoh lain "video.movie" jika yang dishare jenis video atau film
og:image - gambat objek yang akan dimunculkan
og:url - url dari objek yang dishare

contoh kasus pada artikel: "Hang Nadim Raih Tropi Pontensial Airport"


Meta Tag OG-propertinya adalah (lihat view page source atau CTRL + U):
<meta property="og:title" content="Hang Nadim Raih   Tropi Pontensial Airport" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://posmetrobatam.com/wp-content/uploads/2013/11/hang-nadim-300x214.jpeg" />
<meta property="og:url" content="http://posmetrobatam.com/2013/12/hang-nadim-raih-tropi-pontensial-airport/" />
<meta property="og:description" content="BATAMKOTA,METRO: Bandara Internasional Hang Nadim Batam mempertahankan gelar juara dalam ajang Bandara Award yang diadakan Kementerian Perhubungan. Perolehan tropi Potensial Airport itu, karena Hang Nadim dinilai memiliki kualitas pelayanan dan mampu berkembang secara mandiri kategori Unit Pelaksana Teknis di bawah Kementerian Perhubungan. Kasubdit Komersial Bandara Hang Nadim, Dendi Gustinandar,  mengatakan, penghargaan itu sudah dua tahun [&hellip;]" />
<meta property="og:site_name" content="Posmetro Batam" />

 

Open Graph  Dinamis
Membuat Meta Tag Open Graph untuk setiap artikel sehingga masing-masing artikel memiliki objek yang berbeda, maka dengan kode ini kawan bisa memunculkan Properti open graph yang berbeda untuk tiap artikel.

pastekan kode ini dalam <head> .. </head>, pada header.php
<meta property="og:title" content="<?php the_title(); ?>" />
<meta property="og:type" content="article" />
<meta property="og:image" content="<?php $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array(300, 300), false, ''); echo $src[0]; ?>" />
<meta property="og:url" content="<?php the_permalink(); ?>" />
<meta property="og:description" content="<?php echo strip_tags(get_the_excerpt($post->ID)); ?>" />  
<meta property="og:site_name" content="<?php echo get_bloginfo('name'); ?>" />

 

 
Share on Google Plus

About JackSparrow

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 komentar:

Post a Comment

Subscribe to: Post Comments ( Atom )