Cara menambahkan opengraph pada theme idtheme

Kali ini saya akan membuat sebuat tutorial, cara menambahkan opengraph pada theme idtheme. Pada rilis theme terbaru opengraph bawaan theme sudah dihapus, alasan penghapusan adalah karena semua plugin seo baik dari Yoast, WP SEOPress atau all in one seo pack sudah terdapat opengraph, dan kebanyakan yang saya liat ternyata banyak pengguna tidak menonaktifkan opengraph dari theme dan terjadi duplicate opengraph, jadi load web terasa lebih berat. Tapi disini saya akan sedikit saya membahas cara setting opengraph dari plugin Yoast dan all in one seo pack.

Plugin Yoast:

yoast opengraph settings
yoast opengraph settings

Saya yakin anda semua sudah tidak asing plugin seo ini, yoast dan aio adalah plugin seo terpopuler wordpress dengan fitur yang sangat lengkap, termasuk adanya opengraph. Silahkan anda masuk ke dashboard wordpress lalu masuk ke tab SEO setelah itu anda masuk ke sub menu Social. Nah disana anda dapat mengatur opengraph Facebook, Twitter dan Pinterest. Disini saya akan memberikan sedikit tutorial dari keterangan gambar diatas.

1. Nomor 1 adalah untuk mengaktifkan dan menonaktifkan opengraph yoast, pastikan anda mengaktifkan fitur ini, dengan Enabled fitur ini.

2. Facebook App Id. Pastikan anda memasukkan Facebook App Id anda sendiri, beberapa fitur memerlukan App Id, sehingga lebih baik anda memasukkan App Id anda. Tutorail cara buat facebook app id bisa anda lihat disini: https://developers.facebook.com/docs/apps#register. Atau anda bisa memasukkan App Id punya saya: 1703072823350490.

3. Isi Image URL, Title dan Description untuk opengraph pada halaman depan website anda.

4. Default Settings, anda bisa memasukkan URL gambar default, jika postingan anda tidak terdapat gambar maka gambar default ini yang akan ditampilkan.

Untuk Tab Twitter dan Pinterest silahkan anda pelajari sendiri, satu lagi mengenai opengraph dari yoast, anda dapat juga mengaturnya di tiap postingan gambar apa yang ingin ditampilkan, judul dan keterangan pada opengraph. Jika anda tidak mengisi maka default Judul, excerpt dan featured image yang akan ditampilkan pada share facebook atau whatsapp. Berikut adalah contoh gambar settingan opengraph pada halaman posting:

yoast opengraph settings pada halaman posting
yoast opengraph settings pada halaman posting

Tutorial lainnya bisa anda lihat langsung di: https://kb.yoast.com/kb/getting-open-graph-for-your-articles/

Plugin All In One SEO Pack:

Untuk pengguna plugin All In One SEO, fiturnya secara default nonaktif, untuk mengakifkannya, silahkan anda masuk ke dashboard anda, lalu masuk ke menu All In One SEO lalu masuk ke submenu Feature Manager

All in one seo pack opengraph settings
All in one seo pack opengraph settings

Setelah itu anda cari Social Meta dan klik Activate, jika berhasil maka akan muncul submenu baru di All In One SEO lalu Social Meta.

allinoneseopack socialmeta submenu
all in one seo pack socialmeta submenu

Nah silahkan anda masuk ke submenu Social Meta, maka anda akan menemukan setting2 dari opengraph. Saya akan membahas sedikit pengaturan penting nya saja.

all in one seo pack og image source
all in one seo pack og image source

Silahkan anda cari pengaturan Select OG:Image Source, anda selek dan pilih Featured Image, karena semua thumbnail yang dihasilkan di theme idtheme, semua berasal dari featured image, jadi pastikan anda memilih Featured Image sebagai sumber gambar nya. Nah pada bagian Image Settings juga anda bisa mencentang Use Default If No Image Found, dan mengupload gambar Default nya, pastikan juga ukuran lebar(width) dan panjang(height) gambar default terisi dengan benar.

All in one seo pack facebook app id
All in one seo pack facebook app id

Untuk mengatur Facebook App Id anda bisa cari pengaturan Facebook App ID masih pada submenu Social Meta, silahkan anda isi disana. Untuk pengaturan lain silahkan anda pelajari di: https://semperplugins.com/documentation/social-meta-module/.

Lalu bagaimana jika plugin seo yang anda gunakan tidak memiliki fitur opengraph? Sebagian besar plugin SEO memiliki fitur opengraph, jika plugin seo yang anda gunakan tidak memiliki fitur itu, jangan kuatir banyak sekali plugin opengraph, salah satu nya plugin ini: https://id.wordpress.org/plugins/wonderm00ns-simple-facebook-open-graph-tags/.

Setelah install opengraph, seharusnya share anda tidak bermasalah lagi, jika gambar yang tampil tidak sesuai kemungkinan bisa dari cache facebook atau whatsapp, anda bisa melakukan debug opengraph di: https://developers.facebook.com/tools/debug/

Ada kemungkinan juga server anda memblock opengraph dari facebook, untuk mengatasi, silahkan coba anda nonaktifkan mod_security, jika masih terkendala, silahkan anda coba tanyakan ke hosting provider anda agar tidak memblock opengraph dari facebook.

Catatan mengenai share whatsapp:
– Jika share whatsapp tidak menampilkan preview coba gunakan plugin ini:
https://wordpress.org/plugins/og/
– Jika Hasilnya masih sama, coba nonaktifkan autoptimize beberapa user terkendala karena install autoptimize
– Coba juga set featured image menggunakan gambar dibawah 300 kb
– Jika masih sama coba nonaktifkan mod security di server
– Masih sama coba tanyakan ke pihak hosting atau bisa coba cari tutorial lainnya. 🙁

Semoga bermanfaat.