Cara Menambahkan Facebook Open Graph Meta Data di Tema WordPress

Apakah Anda ingin menambahkan data meta Facebook Open Graph ke tema WordPress Anda?

Metadata Open Graph membantu Facebook dan situs media sosial lainnya mendapatkan data meta tentang halaman posting Anda. Ini juga memungkinkan Anda untuk mengontrol bagaimana konten Anda muncul saat dibagikan di Facebook.

Pada artikel ini, kami akan menunjukkan kepada Anda cara dengan mudah menambahkan metadata grafik terbuka Facebook di tema WordPress. Kami akan berbagi tiga metode yang berbeda, sehingga Anda dapat memilih salah satu yang paling cocok untuk Anda.

Metode 1. Menambahkan Facebook Open Graph Meta Data dengan AIOSEO

All in One SEO adalah plugin WordPress SEO populer yang digunakan oleh lebih dari 2 juta situs web. Ini memungkinkan Anda untuk dengan mudah mengoptimalkan situs web Anda untuk mesin pencari serta platform sosial seperti Facebook dan Twitter.

Pertama, Anda perlu menginstal dan mengaktifkan plugin All in One SEO. Untuk detail selengkapnya, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, Anda perlu mengunjungi halaman All in One SEO » Jejaring Sosial. Di sini Anda dapat memasukkan URL halaman Facebook Anda dan semua jejaring sosial Anda yang lain.

Selanjutnya, klik pada tab Facebook di bagian atas halaman, dan Anda akan melihat bahwa Open Graph Markup diaktifkan secara default. Anda dapat mengklik tombol "Unggah atau Pilih Gambar" untuk memilih gambar OG Facebook default jika artikel tidak memiliki gambar grafik terbuka.

Jika Anda menggulir ke bawah, Anda dapat menyesuaikan nama situs, deskripsi, dan pengaturan lainnya. Jangan lupa untuk mengklik tombol Simpan biru setelah Anda selesai membuat perubahan.

Sekarang setelah Anda mengatur tag meta grafik terbuka di seluruh situs, langkah selanjutnya adalah menambahkan data meta grafik terbuka untuk posting dan halaman individual.

Secara default, AIOSEO akan menggunakan judul dan deskripsi posting Anda untuk judul dan deskripsi grafik terbuka. Anda juga dapat mengatur thumbnail Facebook secara manual untuk setiap halaman dan posting.

Cukup edit posting atau halaman dan gulir ke bawah ke bagian ALL IN ONE SEO di bawah editor. Dari sini, beralih ke tab Sosial dan Anda akan melihat pratinjau thumbnail Anda.

Anda dapat mengatur gambar media sosial di sini serta judul dan deskripsi. Cukup gulir ke bawah ke bidang Sumber Gambar. Anda dapat memilih untuk menggunakan gambar unggulan, mengunggah gambar kustom, atau opsi lainnya.

Metode 2. Atur Facebook Buka Data Meta Grafik menggunakan Yoast SEO

Yoast SEO adalah plugin WordPress SEO lain yang sangat baik yang dapat Anda gunakan untuk menambahkan data meta grafik terbuka Facebook ke situs WordPress mana pun.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan, plugin Yoast SEO. Untuk detail selengkapnya, lihat panduan langkah demi langkah kami tentang cara menginstal plugin WordPress.

Setelah diaktifkan, Anda harus pergi ke SEO » Sosial dan cukup centang kotak di samping Tambahkan data meta Grafik Terbuka.

Anda dapat menyimpan pengaturan anda atau melanjutkan dan mengkonfigurasi opsi sosial Facebook lainnya di layar.

Anda dapat memberikan ID aplikasi Facebook jika Anda menggunakannya untuk halaman Facebook dan wawasan Anda. Anda juga dapat mengubah beranda Open Graph judul, deskripsi, dan gambar.

Terakhir, Anda dapat mengatur gambar default untuk digunakan ketika tidak ada gambar yang diatur untuk posting atau halaman.

Yoast SEO juga memungkinkan Anda untuk mengatur metadata Open Graph untuk posting dan halaman individual. Cukup edit posting atau halaman dan gulir ke bawah ke bagian SEO di bawah editor.

Dari sini, Anda dapat mengatur thumbnail Facebook untuk posting atau halaman tertentu. Jika Anda tidak mengatur judul atau deskripsi posting, maka plugin akan menggunakan judul dan deskripsi meta SEO Anda.

Anda sekarang dapat menyimpan posting atau halaman Anda dan plugin akan menyimpan data meta grafik terbuka Facebook Anda.

Metode 3. Tambahkan Data Meta Grafik Terbuka Facebook secara Manual ke Tema WordPress Anda

Metode ini mengharuskan Anda untuk mengedit file tema Anda, jadi pastikan Anda mencadangkan file tema Anda sebelum membuat perubahan.

Setelah itu cukup salin dan tempel kode ini di file functions.php tema Anda, atau di plugin khusus situs.

//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:app_id" content="Your Facebook App ID" />';
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="Your Site NAME Goes HERE"/>';
if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
$default_image="http://example.com/image.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 );

Catatan: Ingatlah untuk mengubah Nama Situs di mana tertulis "Nama Situs Anda Pergi ke Sini". Setelah itu, ubah URL gambar default dengan gambar Milik Anda. Anda juga perlu menambahkan ID aplikasi Facebook Anda sendiri, Jika Anda tidak memiliki aplikasi Facebook, maka Anda dapat menghapus baris ID aplikasi Facebook dari kode.

Kami akan merekomendasikan menempatkan gambar dengan logo Anda di sana, jadi jika posting Anda tidak memiliki thumbnail, maka itu menarik logo situs Anda.

Hanya itu yang perlu anda lakukan. Segera setelah Anda menyimpan file.php fungsi Anda (atau plugin khusus situs) itu akan mulai menampilkan metadata grafik terbuka Facebook di header WordPress.

Kami harap artikel ini membantu Anda menambahkan data meta grafik terbuka Facebook di WordPress. Anda mungkin juga ingin melihat pilihan plugin media sosial terbaik kami untuk WordPress untuk menumbuhkan pengikut sosial Anda, dan panduan pemecahan masalah kami tentang cara memperbaiki masalah thumbnail Yang salah facebook di WordPress.

Jika Anda menyukai artikel ini, silakan berlangganan saluran YouTube kami untuk lebih banyak tutorial video WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.