Apa itu Pratinjau Kartu Twitter?
Twitter Card Preview menampilkan tampilan tautan Anda saat dibagikan di Twitter/X. Masukkan URL atau isi judul, deskripsi, dan gambar untuk melihat pratinjau tipe kartu Summary dan Summary with Large Image sebelum memposting.
Pratinjau memakai proporsi yang sama seperti klien web Twitter/X: 2:1 untuk Summary with Large Image (disarankan untuk pos blog dan peluncuran produk), dan 1:1 persegi untuk Summary (lebih cocok untuk halaman kategori dan tautan referensi). Tool ini juga menghasilkan meta tag yang pas, sehingga kamu tinggal menempelkannya ke <head> situsmu tanpa menulisnya sendiri.
Cara menggunakan
- Langkah 1 — Isi judul, deskripsi, dan URL gambar, atau tempel HTML halaman Anda untuk mengimpor sekaligus tag twitter: dan og: yang sudah ada.
- Langkah 2 — Pilih tipe kartu: Summary (thumbnail kecil) atau Summary with Large Image (pratinjau bergaya banner).
- Langkah 3 — Lihat pratinjau langsung untuk melihat persis bagaimana tautan Anda ditampilkan di linimasa Twitter/X, jika perlu di dalam tweet utuh serta di LinkedIn, Facebook, Slack, dan Discord, lalu sesuaikan kolom sesuai kebutuhan.
Kapan menggunakan
- Memeriksa tampilan pos atau artikel sebelum men-tweet tautannya ke audiens.
- Mengaudit halaman landing lama yang kartu bagikannya rusak atau hanya menampilkan logo terpotong.
- Memilih jenis kartu (Summary atau Large Image) yang cocok untuk tiap halaman sebelum menambahkan meta tag.
Hasil
Anda akan membagikan tautan posting blog di Twitter/X. Anda menempelkan HTML halaman untuk memuat tag-nya, dan pratinjau menunjukkan kartu Anda tidak memiliki deskripsi dan gambarnya terpotong. Anda memperbaiki kedua kolom dan memastikan kartu gambar besar terlihat profesional sebelum men-tweet.
FAQ
- Apa beda Summary dan Summary with Large Image?
- Summary menampilkan thumbnail persegi kecil di kiri, judul dan deskripsi di kanan. Summary with Large Image menaruh banner lebar di atas judul. Versi besar mengambil lebih banyak ruang di linimasa dan hampir selalu menghasilkan klik lebih banyak.
- Berapa dimensi gambar yang benar-benar ditampilkan Twitter/X?
- Untuk Summary with Large Image, area tampilannya sekitar 2:1 (misalnya 1200×600 px). Twitter menerima dari 300×157 sampai 4096×4096 tapi memotong ke 2:1, jadi teks penting dan wajah harus tetap berada di zona 2:1 yang berada di tengah.
- Apakah perlu persetujuan Twitter Developer untuk memakai tag ini?
- Tidak. Meta tag Twitter Card bekerja di situs publik mana pun tanpa persetujuan. Validator lama yang dulu memerlukan review sudah dihentikan. Tambahkan tag ke <head>, deploy secara publik, dan saat URL dibagikan berikutnya kartunya muncul.
- Kenapa kartuku tidak muncul di Twitter padahal meta tagnya benar?
- Twitter melakukan cache respons kartu cukup agresif. Setelah memperbaiki tag, kartu lama bisa bertahan berjam-jam. Membagikan URL dengan akhiran tracking (?v=2 atau UTM) memaksa fetch baru. Memblokir Twitterbot di robots.txt juga penyebab umum.
- Sebaiknya pakai Open Graph atau tag Twitter?
- Twitter akan jatuh ke Open Graph (og:title, og:description, og:image) saat tag twitter:* tidak ada, jadi biasanya OG saja cukup. Tambahkan twitter:card dan twitter:image kalau ingin kendali penuh atas gambar dan tata letak yang dipilih Twitter.
Alat terkait
Generator Data Terstruktur
Buat markup JSON-LD schema untuk SEO
Halaman Web ke PDF
Simpan halaman web sebagai PDF
Generator Kebijakan Privasi
Buat kebijakan privasi untuk situs Anda
Generator Syarat Layanan
Buat dokumen syarat dan ketentuan layanan
Generator Persetujuan Cookie
Buat kode banner persetujuan cookie
Minifikasi CSS
Perkecil kode CSS untuk mengurangi ukuran file