Generator Twitter (X) Card
Buat meta tag twitter:card untuk pratinjau tautan di X (Twitter): summary atau summary_large_image, akun situs dan pembuat, judul, deskripsi, gambar, dan alt.
Minimal 300×157 px, rasio 2:1 (mis. 1200×600).
<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@example"> <meta name="twitter:title" content="My Awesome Article"> <meta name="twitter:description" content="A short summary shown in the card."> <meta name="twitter:image" content="https://example.com/card.png"> <meta name="twitter:image:alt" content="Article cover">
Apa itu Generator Twitter Card?
Generator ini menulis meta tag twitter: yang dipakai X (sebelumnya Twitter) untuk menampilkan kartu tautan: jenis kartu (summary atau summary_large_image), akun @site dan @creator, judul, deskripsi, gambar, dan teks alt gambar.
Cara menggunakan Generator Twitter Card
- Pilih jenis kartu: summary (gambar persegi kecil) atau summary_large_image (gambar lebar).
- Masukkan handle situs dan pembuat; tanda @ ditambahkan jika Anda tidak menuliskannya.
- Isi judul, deskripsi, URL gambar, dan teks alt.
- Salin tag ke bagian <head> halaman.
Contoh
summary, @example, title Hello
<meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@example"> <meta name="twitter:title" content="Hello"> <meta name="twitter:description" content="A short summary shown in the card."> <meta name="twitter:image" content="https://example.com/card.png"> <meta name="twitter:image:alt" content="Article cover">
Kapan menggunakan Generator Twitter Card
Gunakan ketika Anda ingin X menampilkan kartu bergambar besar atau mencantumkan akun penulis. Jika halaman Anda sudah memiliki tag Open Graph, Anda cukup menambahkan twitter:card ditambah nilai yang ingin dibedakan di X.
Cara kerja Generator Twitter Card
Alat ini selalu menghasilkan twitter:card dan hanya menambahkan tag lain jika diisi, dengan escaping HTML. Handle dinormalkan agar diawali @. image:alt hanya ditambahkan bersama gambar. X memakai tag Open Graph (og:title, og:description, og:image) sebagai cadangan untuk apa pun yang tidak diatur, jadi set twitter: Anda bisa dibuat seminimal mungkin.
Kasus Penggunaan Umum
- Mengubah tautan biasa menjadi kartu bergambar besar di X.
- Mencantumkan @handle penulis pada sebuah artikel.
- Memakai gambar yang berbeda di X dibanding di Facebook.
- Menambahkan teks alt pada gambar kartu demi aksesibilitas.
Pertanyaan Umum
Apakah saya butuh tag Twitter jika sudah punya tag Open Graph?
Hanya twitter:card yang wajib untuk memilih jenis kartu; selebihnya X memakai ulang og:title, og:description, dan og:image.
Ukuran gambar apa yang sebaiknya dipakai?
summary_large_image: minimal 300×157, idealnya 1200×600 (2:1). summary: minimal 144×144, persegi.
Apakah masih berfungsi setelah berganti nama menjadi X?
Ya. X tetap membaca meta tag twitter:.