21 Jul, 2023
5 menit
Maksudnya kustomisasi social card WordPress itu gimana sih?
Kalian pasti pernah kan, share artikel di Whatsapp kemudian akan tampil card dengan thumbnail, judul, dan deskirpsi diatas pesan kalian. Daripada bingung, kalian bisa melihat gambar dibawah ini.
Oke, setelah melihat gambar diatas, sekarang tentunya kalian sudah paham kan apa yang dimaksud social card ini?
Jadi pada screenshot diatas, saya membuat sebuah artikel dengan URL https://viw.my.id/2023/05/04/hello-worlds/ dan menggunakan judul Hello World serta tanpa menambahkan gambar sama sekali. Namun ketika dibagikan di Whatsapp, judulnya berubah menjadi Contoh Post dengan Judul “Hello world!”. dan sudah ada tambahan thumbnail.
Kok bisa? Tentu saja bisa, karena ketika menggunakan plugin SEO, biasanya plugin tersebut sudah menyertakan fitur kustomisasi social card yang bisa kita isi sesuka hati.
Tapi meski bisa diubah sesuka hati, pastikan kalian tidak mengubah judul di social card menjadi judul yang tidak ada sangkut pautnya dengan judul asli kalian, atau digunakan untuk clickbait, karena nantinya bisa menyebabkan website kalian terkena blacklist dari Google, Facebook, Twitter, atau media sosial yang lain.
Cara Kustomisasi Social Card WordPress Menggunakan Yoast SEO
Sebelum melakukan kustomisasi, pastikan kalian sudah menginstall dan mengaktifkan plugin Yoast SEO, atau plugin SEO lain seperti Rank Math, AIO SEO, dan sebagainya. Tapi kerena di artikel ini menggunakan Yoast SEO, maka disarankan kalian juga menggunakan plugin yang sama supaya tidak kesulitan.
1. Buka Dashboard Admin WordPress
Untuk langkah pertama yang perlu kalian lakukan tentu saja login ke halaman dashboard admin WordPress kalian, yang secara default bisa diakses melalui halaman https://namaweb.site/wp-admin/.
Jika kalian sudah mengubah halaman dashboard, maka bisa kalian sesuaikan sendiri alamatnya.
2. Edit atau Buat Artikel Baru
Sebenarnya kalian tidak harus melakukan edit atau membuat artikel baru, karena kalian bisa mengubah pengaturan default bagaimana social card nantinya akan dibuat.
Apabila kalian ingin menggunakan cara yang otomatis, maka kalian bisa membuka halaman pengelola template Yoast SEO dengan mengikuti tutorial yang ada di artikel ini: Mengubah Otomatis Judul Artikel yang Tampil di Google Menggunakan Yoast SEO dengan Template
3. Edit Social Card
Untuk mengedit social card ini, pastikan menu Yoast SEO tidak kalian sembunyikan dari halaman post editor, karena jika kalian menyembunyikan Yoast SEO dari halaman post editor, maka kalian tidak bisa menemukan fitur edit social card ini.
Untuk fitur social car ini biasanya bisa kalian temukan dibawah area atau kolom tempat kalian menulis artikel, dan akan ada judul Yoast SEO. Apabila kalian menggunakan Block Editor WordPress, maka tampilannya akan seperti ini:
Jika kalian menggunakan classic editor, maka tampilannya akan sedikit berbeda, kurang lebih akan seperti ini:
Apabila menggunakan Elementor, maka kalian bisa membuka menu setting yang ada di pojok kiri-bawah ketika sedang melakukan edit artikel, kemudian kalian bisa mengedit Facebook Preview dan Twitter Preview.
4. Kustomisasi Social Card WordPress
Untuk kustomisasi social card ini nantinya kalian perlu mengisikan Facebook Preview dan Twitter Preview dengan isi yang sama. Apabila kalian hanya mengisi salah satu saja, maka kemungkinan social card custom yang kalian buat tidak ditampilkan, dan card yang ditampilkan akan menggunakan card default.
4.1 Facebook/Twitter Image
Untuk facebook image dan twitter image ini nantinya akan digunakan sebagai thumbnail kalian ketika membagikan artikel, dan untuk ukurannya disarankan menggunakan gambar dengan rasio 1:1 dan ukuran gambar yang tidak lebih dari 300KB.
Kenapa tidak boleh lebih dari 300KB? Jika kalian menggunakan ukuran gambar yang melebihi 300KB, maka thumbnail tersebut tidak akan ditampilkan di Whatsapp, karena whatsapp hanya mendukung ukuran gambar hingga 300KB.
Selain itu, disarankan untuk gambar ini menggunakan format JPG atau JPEG. Jadi jika kalian masih menggunakan gambar PNG, disarankan untuk mengubah formatnya, atau melakukan kompres gambar.
4.2 Facebook/Twitter Title
Nah, untuk judul ini nantinya akan ditampilkan sebagai judul social card ketika sudah kalian bagikan, dan tidak mengubah tampilan judul artikel kalian.
Karena disini kalian bisa menggunakan judul apapun, pastika kalian tidak menggunakan judul yang menyimpang atau tidak ada sangkut pautnya dengan konten artikel kalian.
Apabila kalian bingung mau mengisi kolom judul ini dengan tulisan apa, maka kalian bisa menggunakan opsi Insert Variable, dan kalian bisa mengisikan variabel seperti judul artikel, nama website, tanda pemisah, dan masih banyak lagi.
Untuk variabel yang umumnya digunakan adalah variabel %title %sep %site
4.3 Facebook/Twitter Description
Seperti namanya, disini kalian bisa menambahkan deskripsi singkat terkait artikel kalian yang bisa kalian gunakan untuk menarik minat calon pengunjung.
Untuk deskripsi ini biasanya di isi dengan teks yang tidak melebihi 160 karakter, jadi deskripsinya tidak terlalu singkat, dan juga tidak terlalu panjang.
Apabila kalian bingung mengisikan deskripsi kalian, maka bisa di isi menggunakan kata-kata yang ada di awal artikel kalian, atau bisa juga di isi kata-kata penting yang ada di artikel kalian.
5. Coba Share Artikel Kalian di Sosial Media
Setelah kalian selesai melakukan kustomisasi Social Card, maka kalian perlu mempublish artikel tersebut supaya bisa di share ke sosial media.
Pastikan untuk artikel ini tidak kalian setting sebagai Private, Dengan Password, atau Terjadwal.
Sebagai contoh, berikut adalah Social Card yang saya buat menggunakan Yoast SEO pada salah satu artikel.
Ketika halaman artikel yang menggunakan social card yang saya buat diatas, maka hasilnya akan seperti ini.
Dan ketika dibagikan ke Whatsapp, maka hasilnya akan menjadi seperti ini.
Terima kasih telah berkunjung ke WPGan.com. Dapatkan saldo $100 di Vultr gratis dan deploy servermu sendiri melalui [Halaman Ini]