Lentera Web

Setting Open Graph Website : Begini Caranya

cara setting open graph yang benar

Pertanyaan seperti “min, mengapa gambar situs saya di saat dibagikan ke Facebook atau Whatsapp tidak bisa muncul ya ?” nyaris setiap hari kami peroleh. Karenanya, kami ingin share ke Anda untuk membenahi masalah itu. Tidak timbulnya gambar di saat sharing ke media sosial, karena properly open graph gambar tidak bisa dibaca atau bisa jadi Anda belum melakukan setting open graph website kesayangan Anda.

Karena itu, basis media sosial tidak dapat tampilkan gambar posting Anda. Jalan keluarnya adalah Anda dapat menambah plugin atau script untuk generate og:image. Namun jika itu semua di rasa sulit untuk dilakukan, Anda bisa menghubungi jasa membuat website murah di kediri untuk konsultasi dan pemasangannya .

Kembali ke topik , Ada dua langkah rekomendasi dalam penyettingan open graph ini dalam website Anda, yaitu bisa menggunakan bantuan plugin ataupun menggunakan script code.

A. Menggunakan Plugin

Bila Anda memakai basis CMS WordPress untuk web Anda, berikut cara-cara yang dapat Anda kerjakan untuk menambah open graph di web wp :

1. Anda dapat meng-install plugin Open Graph and Twitter Card Tags yang dapat Anda unduh lewat link berikut : Click di sini
2. Untuk instalasi plugin itu, Anda dapat login ke dasbor > click menu Plugins > Add New > mencari “Open Graph and Twitter Card Tags”.
3. Sesudah plugin aktif, Anda dapat lakukan konfigurasi og:gambar lewat klik tombol seting pluginnya
4. Cara terakhir, Anda dapat sesuaikan sendiri konfigurasinya. Untuk standar gambar, kami anjurkan diisi dan samakan dengan gambar yang Anda harapkan. Kami anjurkan standar gambar sebagai og:image memiliki ukuran 1200px x 630px.

Penting untuk dimengerti !!

Saat sebelum lakukan posting artikel, yakinkan Anda sudah mengunggah gambar khusus dalam menu ‘feature image’ atau ‘gambar favorit’. Size gambar yang direferensikan ialah 630x315px atau 1200x630px.

B. Menggunakan Script Code

Dengan memasangkan Facebook OG meta tags, share tulisan di FB bisa menjadi gampang dan dapat ditrack bila diinginkan. WordPress self-hosted maknanya website berbasiskan WordPress tetapi memakai domain dan webhosting sendiri, yang lebih fleksibel daripada menggunakan wordpress.com yang gratis.

Script berikut ini ialah hasil penelusuran ke beragam situs web dan pengetesan langsung mengenai berfungsi tidaknya, lalu saya pakai. Tulisan diterbitkan intinya sebagai rekomendasi personal dari saya, selainnya mengharap dapat berguna untuk yang membutuhkannya.

Baca Juga :   Cara Mencari Backlink Dengan Footprint yang Benar

Untuk memasangkan Facebook Open Graph Meta Tags di website WordPress, ikuti cara seperti berikut:

1. Login ke cPanel, click File Manajer > wp-content > themes > nama_themes_anda
2. Membuka functions.php, dan selipkan scipt berikut 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 );

4. 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
5. Ganti nama_blog_anda dengan judul blog Anda, dan ganti alamat default image dengan alamat yang lengkap.

Untuk mengetesnya, bila memakai plugin cache, membuka sebuah tulisan dan melakukan peralihan kecil, lalu taruh. Seterusnya membuka Facebook debugger, copy-paste link alamat tulisan Anda, click “Debug”. Terkadang perlu ulang click “Debug” sampai fotonya terlihat.

Demikianlah cara setting Open graph pada website Anda , Semoga bermanfaat.