Pratinjau Twitter Card
Pratinjau dan buat tag meta Twitter Card untuk halaman Anda
Pengaturan kartu
0/70 karakter
0/200 karakter
Penghitung 70/200 adalah panduan editor. Beberapa simbol dihitung lebih dari satu karakter; tampilan sebenarnya bergantung pada klien.
Coba gambar lebar, misalnya 1200 × 628 px. Pratinjau ilustrasi menggunakan area gambar 16:9.
URL gambar dimuat langsung dari browser Anda. Host gambar menerima permintaan tersebut.
Hanya digunakan untuk domain yang ditampilkan di sini. @handle Anda adalah atribusi akun.
Pratinjau kartu
example.com
Judul Kartu Anda di Sini
Deskripsi kartu Anda akan muncul di sini. Tulis sesuatu yang menarik untuk memikat audiens Anda.
Tambahkan URL gambar untuk melihat pratinjaunya.
Pratinjau ini hanya ilustrasi. Tata letak, pemangkasan, konten tersimpan, dan gambar yang diambil di X/Twitter yang sebenarnya dapat berbeda.
Tag meta Anda
<meta name="twitter:card" content="summary_large_image" />
Tag diperbarui. Tambahkan ke bagian head laman Anda dan periksa laman yang sudah dipublikasikan.
Panduan jenis kartu
Sebelum dipublikasikan
- Gunakan judul dan deskripsi yang menggambarkan laman.
- Pilih gambar yang bagian pentingnya tetap terlihat setelah dipangkas.
- Pastikan URL gambar dapat diakses oleh platform yang mengambil laman Anda.
- @handle adalah atribusi, bukan alamat situs web.
- Periksa laman yang sudah dipublikasikan dan pratinjau berbagi yang sebenarnya; editor ini tidak mengambil data kartu X.
Tentang Alat Pratinjau Twitter/X Card Gratis Kami
Twitter Card (kini X Card) memungkinkan Anda menyematkan media kaya pada tweet yang berisi tautan ke situs web Anda. Saat seseorang membagikan URL dari situs Anda, kartu otomatis menampilkan pratinjau dengan judul, deskripsi, dan gambar yang Anda tentukan. Alat pratinjau Twitter Card ini memungkinkan Anda memeriksa kartu ilustratif sebelum menerbitkan tag Anda. Alat ini tidak memverifikasi pengambilan data, cache, atau tampilan akhir di platform.
Alat ini mendukung kedua jenis kartu utama: Summary Card dengan gambar mini di samping teks, dan Summary Card with Large Image yang menempatkan visual besar di atas judul dan deskripsi. Anda bisa memasukkan konten, melihat pratinjaunya secara real time, dan menyalin tag meta HTML siap pakai dengan satu klik.
Baik Anda manajer media sosial yang mengoptimalkan pratinjau tautan, pengembang yang menerapkan tag meta Open Graph dan Twitter, maupun pemasar konten yang ingin memaksimalkan rasio klik pada tautan yang dibagikan, alat gratis ini menyederhanakan alur kerja Anda. Penghitung karakter dan bilah berwarna memberikan panduan 70/200 dari editor ini. Keduanya tidak menetapkan batas tampilan platform terkini yang dijamin.
Fitur utama
- Pratinjau langsung untuk jenis kartu Summary dan Summary Large Image
- Penghitung karakter real time dan bilah berwarna dengan pedoman editor untuk judul (70) dan deskripsi (200)
- Kolom URL gambar dengan petunjuk ukuran yang disarankan untuk setiap jenis kartu
- Kolom @handle situs untuk atribusi Twitter yang tepat
- Tag meta HTML otomatis yang siap ditempel ke bagian <head> halaman Anda
- Salin semua tag meta yang dihasilkan ke papan klip dengan satu klik
- Panduan perbandingan jenis kartu yang menunjukkan kapan memakai tiap format
- Pratinjau yang meniru tata letak kartu Twitter/X (perkiraan, bukan render yang persis piksel)
- Dukungan penuh mode gelap dengan tata letak responsif
- Tanpa pendaftaran, sepenuhnya gratis dan tanpa batas
Cara menggunakan Alat Pratinjau Twitter Card
- Pilih jenis kartu: Pilih antara Summary (gambar kecil) dan Summary Large Image sesuai konten dan tujuan visual Anda.
- Masukkan judul: Tulis judul yang menarik, kurang dari 70 karakter, agar menarik perhatian di feed Twitter.
- Tambahkan deskripsi: Susun deskripsi ringkas, kurang dari 200 karakter, yang mendorong pengguna untuk mengeklik.
- Berikan URL gambar: Tempel URL lengkap gambar kartu Anda (disarankan 1200x628 untuk kartu gambar besar, 144x144 untuk summary).
- Periksa pratinjau langsung: Lihat panel pratinjau kartu untuk mendapatkan perkiraan tampilannya di Twitter/X.
- Salin tag meta: Klik “Salin semua tag” untuk menyalin tag meta HTML yang dihasilkan, lalu tempel ke bagian <head> halaman Anda.
Kasus penggunaan
- Manajer media sosial: Pratinjau dan optimalkan kartu tautan sebelum membagikan konten agar keterlibatan dan rasio klik maksimal.
- Pengembang web: Buat tag meta Twitter Card yang benar selama pengembangan situs dan verifikasi tampilannya sebelum peluncuran.
- Pemasar konten: Uji berbagai judul, deskripsi, dan gambar untuk menemukan kombinasi paling menarik bagi tautan yang dibagikan.
- Profesional SEO: Pastikan implementasi tag meta sosial yang tepat sebagai bagian dari audit SEO teknis.
- Tim e-commerce: Pratinjau tampilan halaman produk saat dibagikan di Twitter/X untuk mengoptimalkan konversi.
- Penulis blog: Pastikan pratinjau artikel menampilkan gambar utama, judul, dan kutipan yang benar sebelum dipublikasikan.
- Humas & komunikasi: Verifikasi pratinjau tautan siaran pers dan pengumuman sebelum didistribusikan ke media.
Pertanyaan yang sering diajukan
Apakah alat ini gratis?
Ya, alat pratinjau Twitter Card ini sepenuhnya gratis tanpa pendaftaran atau batas penggunaan.
Apakah data saya aman?
Rendering pratinjau dan pembuatan tag berlangsung di browser Anda. Judul dan deskripsi Anda tidak dikirim ke server kami. Memuat URL gambar menyebabkan browser Anda mengirim permintaan ke host gambar tersebut.
Berapa ukuran gambar yang disarankan?
Gunakan gambar persegi untuk desain kartu kecil dan gambar lebar untuk desain kartu besar. Editor ini menawarkan contoh ukuran 144×144 dan 1200×628 piksel; ukuran ini tidak memvalidasi persyaratan format file, ukuran, atau pengambilan data platform saat ini. Periksa gambar pada pratinjau bagikan yang sudah dipublikasikan.
Apakah saya membutuhkan Twitter Card sekaligus tag Open Graph?
Open Graph dan metadata khusus Twitter sama-sama menjelaskan pratinjau sosial. Terapkan tag yang dibutuhkan platform yang Anda tuju dan periksa hasil yang sudah dipublikasikan; editor ini tidak mengonfirmasi perilaku fallback maupun menjamin kendali penuh atas tampilan.
Mengapa kartu saya tidak diperbarui setelah tag meta diubah?
Platform dapat menyimpan metadata atau gambar yang sudah diambil sebelumnya. Pastikan halaman dan URL gambar yang dipublikasikan memuat perubahan Anda, lalu periksa pratinjau bagikan yang sebenarnya. Editor ini tidak memeriksa atau menghapus cache X dan tidak dapat menjanjikan interval pembaruan atau solusi dengan query string.
Apakah pratinjau ini persis sama dengan tampilan Twitter yang sebenarnya?
Ini adalah pratinjau ilustratif. Tata letak klien, pemangkasan, data cache, dan pengambilan gambar dapat menghasilkan tampilan yang jauh berbeda; periksa pratinjau bagikan yang sebenarnya dari halaman yang sudah dipublikasikan.
Tips & praktik terbaik
- Jaga judul tetap di bawah 70 karakter: Judul yang lebih panjang terpotong pada pratinjau kartu sehingga pesan utama Anda hilang.
- Tulis deskripsi yang mendorong tindakan: Gunakan bahasa yang menarik dan mendorong klik, serta jaga agar tetap di bawah 200 karakter.
- Gunakan gambar berkualitas tinggi: Gambar buram atau beresolusi rendah mengurangi kepercayaan dan keterlibatan. Selalu gunakan dimensi yang disarankan.
- Sertakan @handle situs: Ini menambahkan atribusi yang tepat dan dapat meningkatkan visibilitas akun Anda saat tautan dibagikan.
- Uji sebelum memublikasikan: Pratinjau kartu Anda di alat ini, lalu tempel URL ke kotak penulisan postingan X untuk memastikan kartu aslinya sebelum diposting.
- Terapkan tag OG dan Twitter sekaligus: Gunakan tag Open Graph sebagai dasar dan tag Twitter Card untuk penyesuaian khusus platform.