Advan – Open Graph adalah protokol yang dikembangkan oleh Facebook untuk memungkinkan situs web seperti WordPress membagikan konten secara lebih baik di berbagai platform media sosial.
Dengan mengoptimalkan Open Graph di situs WordPress Anda, Anda dapat meningkatkan tampilan dan keterlibatan konten Anda.
Khususnya ketika dibagikan di platform seperti Facebook, Twitter, LinkedIn, dan lainnya.
Artikel ini akan menjelaskan cara membuat dan mengatur Open Graph di WordPress. Supaya situs web Anda lebih efektif dalam mempromosikan konten Anda.
1. Menggunakan Plugin WordPress
Salah satu cara termudah untuk mengatur Open Graph di situs WordPress Anda adalah dengan menggunakan plugin khusus.
Ada banyak plugin yang tersedia yang dirancang khusus untuk mengoptimalkan tag Open Graph pada situs WordPress.
Beberapa plugin populer yang bisa Anda pertimbangkan adalah Yoast SEO, All in One SEO Pack, dan Rank Math.
Setelah menginstal dan mengaktifkan plugin yang Anda pilih, langkah selanjutnya adalah mengonfigurasi pengaturan Open Graph.
Biasanya, plugin tersebut akan memiliki opsi khusus di dalam menu pengaturan atau di dashboard plugin.
2. Konfigurasi Manual Melalui Fungsi Tambahan
Jika Anda lebih suka melakukan konfigurasi Open Graph secara manual tanpa menggunakan plugin tambahan, Anda juga bisa melakukannya dengan menambahkan kode langsung ke file tema WordPress Anda.
Ini adalah pilihan yang lebih lanjut untuk pengguna yang memiliki pengetahuan teknis yang lebih mendalam tentang pengembangan web.
Untuk melakukannya, Anda perlu menambahkan kode PHP ke file functions.php tema WordPress Anda.
Contoh Kode
Ini adalah contoh kode yang dapat Anda gunakan untuk menambahkan tag Open Graph ke situs web Anda:
“`php
function tambahkan_opengraph() {
global $post;
if (is_single()) {
if(has_post_thumbnail($post->ID)) {
$img_src = wp_get_attachment_image_src(get_post_thumbnail_id( $post->ID ), ‘full’);
} else {
$img_src = get_template_directory_uri() . ‘/img/default-image.jpg’;
}
if($excerpt = $post->post_excerpt) {
$excerpt = strip_tags($post->post_excerpt);
$excerpt = str_replace(“”, “‘”, $excerpt);
} else {
$excerpt = get_bloginfo(‘description’);
}
?>
<meta property=”og:title” content=”<?php echo the_title(); ?>”/>
<meta property=”og:description” content=”<?php echo $excerpt; ?>”/>
<meta property=”og:type” content=”article”/>
<meta property=”og:url” content=”<?php echo the_permalink(); ?>”/>
<meta property=”og:site_name” content=”<?php echo get_bloginfo(); ?>”/>
<meta property=”og:image” content=”<?php echo $img_src[0]; ?>”/>
<?php
} else {
return;
}
}
add_action(‘wp_head’, ‘tambahkan_opengraph’);
“`
Dengan menambahkan kode ini, Anda dapat menyesuaikan tag Open Graph di situs WordPress Anda sesuai dengan kebutuhan Anda.
3. Mengatur Open Graph untuk Halaman Beranda
Selain halaman tunggal, Anda juga dapat mengatur tag Open Graph untuk halaman beranda situs WordPress Anda.
Ini penting karena biasanya halaman beranda adalah halaman utama yang ingin Anda promosikan ketika dibagikan di media sosial.
Untuk mengatur tag Open Graph untuk halaman beranda, Anda perlu menambahkan kode khusus ke file header.php atau index.php dalam tema WordPress Anda.
Berikut adalah contoh kode yang dapat Anda gunakan:
“`html
<meta property=”og:title” content=”<?php echo get_bloginfo(‘name’); ?>”/>
<meta property=”og:description” content=”<?php echo get_bloginfo(‘description’); ?>”/>
<meta property=”og:type” content=”website”/>
<meta property=”og:url” content=”<?php echo home_url(); ?>”/>
<meta property=”og:image” content=”<?php echo get_template_directory_uri() . ‘/img/default-image.jpg’; ?>”/>
“`
Dengan menambahkan kode ini, Anda dapat mengoptimalkan tampilan halaman beranda Anda ketika dibagikan di platform media sosial.
Mengoptimalkan tag Open Graph di situs WordPress Anda adalah langkah penting untuk meningkatkan visibilitas dan keterlibatan konten Anda di media sosial.
Dengan mengikuti langkah-langkah di atas, baik menggunakan plugin WordPress atau dengan mengatur secara manual melalui kode PHP.
Baca juga: Cara Mengganti Logo WordPress dengan Mudah dan Cepat
Rekomendasi Perangkat untuk Multitasking Harian
Anda dapat memastikan bahwa situs web Anda memiliki tag Open Graph yang dioptimalkan untuk dibagikan di berbagai platform media sosial.
Untuk membuatnya lebih mudah, gunakan perangkat yang tangguh seperti laptop Advan Pixelwar.
Perangkat yang didesain khusus untuk gaming ini sangat canggih, tangguh dan memudahkan berbagai aktivitas multitasking berat harian.
Berkat ditenagai prosesor AMD Ryzen 5 6600H yang khusus dibangun untuk pengguna Windows 11, dengan GPU AMD Radeon RX 6500M dan VRAM GDDR6 4GB.
Game AAA saja mampu dilibas lancar, apalagi untuk pemrograman simpel seperti pengaplikasian Open Graph.
Informasi selengkapnya, silahkan cek di sini. *** JF