Digital Marketing
Twitter Card
TL;DR: Twitter Card adalah meta tag yang menentukan tampilan preview link saat URL situs Anda dibagikan di X (Twitter). Tanpa Twitter Card, link Anda muncul sebagai teks polos tanpa gambar besar. Ada 4 jenis utama, dan yang paling umum dipakai adalah summary_large_image untuk artikel dan halaman bisnis.
Apa itu Twitter Card?
Twitter Card adalah serangkaian meta tag HTML yang ditempel di tag head sebuah halaman web. Saat URL halaman tersebut di-tweet, X akan membaca meta tag ini dan menampilkan preview yang lebih kaya: judul, deskripsi, gambar, bahkan video. Konsep ini mirip dengan Open Graph milik Facebook, dan keduanya sering dipasang berdampingan di halaman yang sama.
Empat Jenis Twitter Card
| Jenis | Output | Cocok untuk |
|---|---|---|
| summary | Preview kecil dengan thumbnail kotak | Glosarium, halaman singkat |
| summary_large_image | Preview besar dengan gambar lebar | Artikel, blog, halaman utama |
| app | Card untuk promo aplikasi mobile | Landing page aplikasi |
| player | Card untuk video atau audio embed | YouTube alternatif, podcast |
Contoh meta tag minimum untuk summary_large_image:
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Judul Halaman">
<meta name="twitter:description" content="Deskripsi singkat 140-200 char">
<meta name="twitter:image" content="https://example.com/og-image.jpg">
Kenapa Penting?
Engagement rate tweet dengan gambar besar umumnya 2-3 kali lebih tinggi dibanding tweet tanpa preview, berdasarkan data engagement yang konsisten dari studi sosial media tahun-tahun terakhir. Untuk personal brand dan UMKM, ini berarti setiap link yang dibagikan punya peluang lebih besar mendapat klik. Dalam praktik membangun vitoatmo.com, saya selalu sandingkan Twitter Card dengan Open Graph dan Schema Article untuk konsistensi preview di semua channel. Validasi tampilan bisa pakai Twitter Card Validator (sekarang X Cards) atau preview live di X.
Pertanyaan Umum
Apakah saya perlu Twitter Card kalau sudah pasang Open Graph?
Sebaiknya iya. X memang akan fallback ke meta og:title dan og:image jika twitter:* tidak ada, tapi twitter:card secara eksplisit memberi kontrol jenis layout yang dipakai.
Ukuran gambar ideal untuk summary_large_image?
Rasio 2:1 dengan dimensi minimum 600 x 314 px, rekomendasi 1200 x 628 px. Maksimum 5 MB, format JPG, PNG, WebP, atau GIF.