Terakhir di Update November 12, 2020
Pernah lihat postingan artikel website di Facebook & Twitter punya gambar dan judul berbeda dengan yang ada di websitenya langsung? Itu istilahnya Opengraph Protocol dan dengan menggunakan plugin SEO seperti Yoast SEO atau Rank Math, kita bisa buat gambar & judul artikel berbeda saat share ke facebook & twiter.
Apa Itu Open Graph?
Open Graph adalah teknologi yang pertama kali diperkenalkan oleh Facebook pada 2010 yang memungkinkan integrasi antara Facebook dan data penggunanya dan situs web. Dengan mengintegrasikan meta Tag Open Graph ke konten halaman website, anda dapat memilih elemen halaman mana yang ingin Anda tampilkan ketika seseorang membagikan halaman Anda ke Facebook / Twitter.
Karena kita pengguna WordPress, kita bisa apply opengraph dengan menggunakan plugin SEO seperti Yoast SEO & Rank Math. Kedua plugin SEO ini punya fitur untuk merubah gambar, judul, dan deskripsi artikel saat di share ke Facebook & Twitter.
Secara default saat anda menggunakan plugin SEO baik itu Yoast atau Rank Math, maka opengraph akan mengambil data dari snippet SEO. Untuk image akan otomatis menggunakan Featured Image, sementara Title & Meta Description akan mengambil settingan Snippet Editor SEO.
Cara buat Gambar & Judul Artikel Berbeda Saat Share ke FB & Twitter ini saya menggunakan plugin Rank Math karena sangat powerful dan menjadi plugin wajib wordpress. Walaupun demikian, anda bisa menggunakan cara yang sama dengan Yoast.
Di settingan Snippet Editor untuk Social, anda bisa mengganti Judul, Deskripsi hingga Gambar yang akan tampil saat link tersebut di share ke media sosial facebook dan twitter.
Anda bisa mengganti OG:Image saat di share ke FB dengan gambar berbeda. Cuman yang harus diperhatikan adalah ketika ingin membuat gambar artikel website berbeda saat di share ke Facebook / Twitter, maka anda harus menyediakan dua gambar yang berbeda pula.
Contoh ingin menambahkan watermark untuk gambar utama saat di share ke FB & Twiter. Anda harus menyediakan gambar utama tanpa watermark (untuk di website) dan gambar dengan watermark (untuk muncul saat di share). Untuk itu, anda harus mengedit gambarnya terlebih dahulu dengan aplikasi edit gambar.
Saya sudah coba beberapa plugin watermark untuk wordpress, tapi karena ada perbedaan ukuran, watermarknya akan kepotong saat dishare ke fb/twitter. Jadi cara terbaik adalah dengan edit manual foto watermarknya.
Ukuran Penggunaan Gambar Opengraph
Kalau anda ingin menggunakan watermark di gambar opengraph, maka gunakan ukuran 600px x 315px agar watermarknya akan terlihat saat di share ke fb/twitter.
Anda juga bisa menambahkan gambar thumbnail opengraph secara otomatis. Dalam artian, anda tidak perlu ribet menambahkan featured image pada page / post atau mengganti gambar di Snippet Editor. Biasanya hal ini dilakukan untuk konten Page yang tidak menggunakan featured image.
Untuk melakukan hal tersebut, anda bisa setting di Rank Math dengan menuju ke Titles & Meta > Global Meta > OpenGraph Thumbnail. Kemudian pilih gambar untuk ditampilkan ketika featured image tidak tersedia. Ada baiknya untuk menambahkan logo website anda disini.
Ada satu lagi trik opengraph agar meningkatkan CTR dari sosial media yaitu menggunakan icon overlay. Dan ya, fitur icon overlay ini tersedia di plugin Rank Math juga.
Fitur icon overlay ini akan menambahkan overlay icon pada gambar opengraph. Saat ini yang tersedia adalah icon Play dan icon GIF.
Berikut cara untuk mengaktifkan fitur Icon Overlay di Rank Math,:
- Pada laman Editor klik Edit Snippet
- Disamping tab General, pilih tab Social
- Scroll kebawah dan aktifkan Add icon overlay to thumbnail dan pilih salah satu
Resiko menggunakan icon overlay
Dengan menggunakan icon overlay di thumbnail ini akan meningkatkan CTR karena orang akan lebih tertarik melihat video atau GIF. Istilah anda memanipulasi orang karena sebenarnya itu merupakan gambar bukan video/gif.
Resiko penggunaan icon overlay adalah meningkatkanya Bounce Rate yang akan berpengaruh ke SEO dan link website anda akan diblok atau tidak bisa dishare ke FB.
Itu dia cara agar gambar & Judul Artikel Berbeda Saat Share ke sosial media FB/twitter dengan menggunakan plugin SEO Rank Math. Jika ada pertanyaan atau request tips & trik wordpress bisa langsung di kolom komentar ya.
oke juga nih. tapi apa daya cuma pake blogspot gratisan wkwk