Buat Gambar & Judul Artikel Berbeda Saat Share ke Facebook & Twitter 2024

Content Protection by DMCA.com

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.

Gambar & Judul Artikel Berbeda Saat Share

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.

Gambar & Judul Artikel Berbeda Saat Share
Contoh Opengraph Default dengan Rank Math

Cara Buat Gambar & Judul Artikel Berbeda Saat Share ke FB/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.

Image from Gyazo

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.

Buat Gambar & Judul Artikel Berbeda Saat Share ke Facebook & Twitter [year] 5
Contoh gambar artikel saat dishare ke FB dengan ukuran 600px x 315px

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.

Buat Gambar & Judul Artikel Berbeda Saat Share ke Facebook & Twitter [year] 7
Atur default gambar saat dishare ke FB/Twitter

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.

Buat Gambar & Judul Artikel Berbeda Saat Share ke Facebook & Twitter [year] 9
Icon overlay Play
Buat Gambar & Judul Artikel Berbeda Saat Share ke Facebook & Twitter [year] 11
Icon overlay GIF

Berikut cara untuk mengaktifkan fitur Icon Overlay di Rank Math,:

  1. Pada laman Editor klik Edit Snippet
  2. Disamping tab General, pilih tab Social
  3. Scroll kebawah dan aktifkan Add icon overlay to thumbnail dan pilih salah satu
Buat Gambar & Judul Artikel Berbeda Saat Share ke Facebook & Twitter [year] 13
Pilih icon overlay

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.

One comment

  1. oke juga nih. tapi apa daya cuma pake blogspot gratisan wkwk

Leave a Reply