Apa itu Validator Kartu Twitter dan Bagaimana Cara Menggunakannya?

Jadi, apa itu validator kartu Twitter?

Untuk mengetahuinya, pertama-tama, Anda perlu memahami apa itu kartu Twitter.

Jangan merasa buruk. Anda bukan satu-satunya yang tidak tahu tentang kartu Twitter.

Lihat, Twitter adalah platform luar biasa untuk mewujudkan impian pemasaran konten Anda.

Menurut statistik media sosial, Twitter memiliki lebih dari 350 juta pengguna aktif. Itu adalah kumpulan besar lalu lintas berkualitas yang menunggu untuk dikonversi melalui upaya konten Anda.

Jadi bagaimana Anda memicu RKPT? Bagaimana Anda membuat tweet cukup menarik untuk mengarahkan audiens ke situs web, blog, dan halaman arahan Anda?

Dengan membuat tweet yang informatif, menarik, dan terstruktur dengan baik. Sekarang, bagaimana Anda melakukan semua itu hanya dalam batas 280 karakter?

Di situlah kartu Twitter muncul. Kartu Twitter memungkinkan Anda menyampaikan informasi yang menarik perhatian kepada pengikut Anda tanpa melanggar batas karakter.

Di blog ini, kita akan membahas segala sesuatu tentang kartu Twitter, validator kartu Twitter, dan bagaimana Anda dapat menggunakannya untuk memperluas prospek yang masuk melalui pemasaran Twitter.

Mari kita robek!

Apa itu kartu Twitter?

Kartu Twitter dirancang untuk memberikan tweet tautan Anda tampilan yang lebih menarik dan terstruktur untuk membuat interaksi dengan audiens Anda lebih menarik. Pengalaman imersif mereka meningkatkan peluang memindahkan lebih banyak lalu lintas ke halaman bersama.

Yang harus Anda lakukan adalah menambahkan beberapa baris kode ke halaman web Anda, dan kemudian setiap kali seseorang membagikan tautan konten Anda, itu akan muncul sebagai kartu Twitter untuk semua pengikut mereka.

Di sini, sistem Twitter mengenali URL dalam tweet dan merayapi situs untuk mengambil jenis Kartu dan konten untuk menyusun Tweet.

Anda mungkin belum pernah mendengar tentang kartu Twitter sebelumnya, tetapi ini adalah sesuatu yang Anda temui setiap hari di umpan Twitter Anda.

Lihatlah contoh kartu Twitter di bawah ini. Di sini tautan ke video youtube diganti dengan kartu pemain cantik ini.

Kartu Twitter bukanlah hal baru. Banyak orang menggunakannya sebelumnya untuk melampaui batas 140 karakter dan berbagi lebih banyak informasi. Sekarang, batas karakter telah berubah, namun kartu masih digunakan.

Mari kita tahu lebih banyak tentang kartu Twitter.

Jenis kartu Twitter

Twitter bereksperimen dengan opsi kartu yang berbeda dan memiliki kartu generasi prospek sebelumnya, tetapi kemudian menghentikannya. Saat ini, Anda mendapatkan opsi untuk membuat 4 jenis kartu Twitter.

Setiap kartu memiliki pengalaman visual yang berbeda berdasarkan jenis media yang mereka dukung. Anda harus memilih jenis kartu yang ingin Anda terapkan.

Catatan: Anda hanya dapat memiliki satu Kartu per halaman.

1. Kartu Ringkasan Twitter

Seperti namanya, kartu ringkasan memberikan ringkasan yang tepat tentang halaman web yang Anda bagikan, yang mencakup gambar mini, judul, deskripsi, dan URL halaman.

Kartu ringkasan adalah cara yang bagus untuk menampilkan berbagai jenis konten web, seperti posting blog, artikel berita, produk eCommerce, dan ulasan restoran.

Deskripsi singkat di kartu itu sendiri berfungsi sebagai ajakan bertindak yang bagus bagi pengguna Anda untuk mengeklik tweet dan membuka konten Anda.

Bagaimana cara menambahkan kartu ringkasan Twitter ke situs Anda?

Untuk menambahkan kartu ringkasan, Anda harus menempelkan kode yang tertulis di bawah ini ke header situs web Anda dengan atribusi yang tepat.

• Pertama, Anda menentukan jenis kartu.

<meta name="twitter:card" content="summary" />

• Kemudian berikan @namapengguna akun yang harus dikaitkan dengan kartu.

<meta name="twitter:site" content="@username" />

• Selanjutnya, tulis judul yang jelas untuk halaman konten. Judul pada aplikasi Android dan iOS akan dipotong menjadi dua baris, dan dalam satu baris pada tampilan web. Jadi, pertahankan di bawah 70 karakter.

 <meta name="twitter:title" content="Title of your webpage" />

Deskripsi 200 karakter untuk meringkas halaman konten dengan benar. Ingatlah untuk tidak menggunakan judul sebagai deskripsi. Itu akan sia-sia.

 <meta name="twitter:description" content="Description" />

• Sekarang berikan URL gambar untuk muncul di kartu Twitter.

 <meta name="twitter:image" content="image URL" />

Untuk hasil terbaik, gunakan dimensi dan batas karakter berikut:

Judul : 70 karakter

Deskripsi : 200 karakter

Dimensi Gambar yang Didukung : Rasio aspek 1:1, dimensi minimum 144X144 piksel, dan maksimum 4096×4096 piksel.

Ukuran gambar : Kurang dari 5 MB

2. Kartu Ringkasan Twitter dengan gambar besar

Pikirkan kartu Ringkasan tetapi dengan gambar besar.

Kartu ringkasan dengan gambar besar memiliki fungsi yang sama seperti kartu ringkasan biasa, tetapi dengan pengecualian Anda dapat menambahkan gambar besar.

Merek menggunakannya untuk menekankan elemen visual halaman web. Gambar terstruktur besar dapat menjadi penghenti gulir yang sangat baik di tengah timeline Twitter yang ramai.

Bagaimana cara menambahkan kartu ringkasan Twitter dengan gambar besar ke situs Anda?

Di bawah ini adalah tag meta yang perlu Anda tambahkan ke situs Anda untuk menerapkan kartu ringkasan dengan gambar besar ke tweet Anda.

 <meta name=”twitter:card” content=”summary_large_image”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:creator” content=”@yourtwitterhandle”> <meta name=”twitter:title” content=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">
<meta name=”twitter:card” content=”summary_large_image”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:creator” content=”@yourtwitterhandle”> <meta name=”twitter:title” content=”your title”> <meta name=”twitter:description” content=”your description.”> <meta name=”twitter:image” content=”image URL">

Dimensi untuk kartu ringkasan dengan gambar besar:

Judul : 70 karakter

Deskripsi : 200 karakter

Dimensi Gambar yang Didukung : Rasio aspek 2:1 dengan dimensi minimum 300×157 atau maksimum 4096×4096 piksel.

Ukuran gambar : Kurang dari 5 MB

3. Kartu Aplikasi Twitter

Selain mempromosikan konten situs web, Twitter juga merupakan tempat yang luar biasa untuk mempromosikan aplikasi Anda guna mendorong pemasangan. Bagaimanapun, 80% pengguna Twitter mengakses platform di perangkat seluler.

Dengan fitur app card, mempromosikan aplikasi Anda menjadi lebih menarik. Kartu aplikasi adalah cara yang bagus untuk mempromosikan aplikasi Anda di Twitter untuk lebih banyak unduhan .

Ini menampilkan nama, ikon, deskripsi, dan bahkan informasi seperti harga dan peringkat aplikasi Anda.

Sebagai tambahan, pastikan aplikasi Anda tersedia untuk umum di toko aplikasi ; jika tidak, Twitter tidak akan dapat mengeluarkan data yang diperlukan untuk membuat kartu aplikasi.

Bagaimana cara menambahkan kartu Aplikasi ke situs Anda?

• Untuk menambahkan kartu Aplikasi, tempel kode berikut ke HTML halaman web Anda:

 <meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>
<meta name=”twitter:card” content=”app”> <meta name=”twitter:site” content=”@yourwebsite”> <meta name=”twitter:description” content=”your description”>

• Secara default, Twitter menarik data dari toko AS, jadi jika aplikasi Anda tersedia di negara lain, tentukan nama negara menggunakan tag di bawah.

 <meta name=”twitter:app:country” content=”your country like US”>

• Selanjutnya, Anda menentukan nama, id aplikasi, dan URL aplikasi Anda di App store.

 <meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>
<meta name=”twitter:app:name:iphone” content=”your iphone app name”> <meta name=”twitter:app:id:iphone” content=”your iphone app ID”> <meta name=”twitter:app:url:iphone” content=”your iphone app URL”>

• Tag untuk aplikasi yang dioptimalkan untuk iPad. Jika aplikasi Anda tidak dioptimalkan untuk iPad, isi tag dengan cara yang sama seperti yang Anda lakukan untuk iPhone.
  

 <meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>
<meta name=”twitter:app:name:ipad” content=”your ipad app name”> <meta name=”twitter:app:id:ipad” content=”your ipad app ID”> <meta name=”twitter:app:url:ipad” content=”your ipad app URL”>

• Tentukan parameter yang sama untuk aplikasi Anda yang ada di Google Play.

 <meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">
<meta name=”twitter:app:name:googleplay” content=”your googleplay app name”> <meta name=”twitter:app:id:googleplay” content=”your googleplay app ID”> <meta name="twitter:app:url:googleplay" content="your Google Play app URL ">

Dimensi yang perlu diingat untuk kartu Aplikasi:

Judul : Diambil dari id aplikasi Anda

Deskripsi : 200 karakter

Gambar : Gambar yang diunggah ke iTunes/Google Play store harus berukuran kurang dari 1 MB

4. Kartu Pemain Twitter

Video telah menjadi raja pemasaran konten, dan dengan munculnya platform audio seperti ruang Twitter, audio juga mulai menempati posisi terdepan dalam pemasaran Twitter.

Untungnya, kartu pemutar mendukung kedua jenis media dan memberikan pengalaman yang lebih kaya kepada pengguna di sekitar Twitter.

Apa yang mereka lakukan?

Kartu pemutar secara otomatis mengeluarkan video atau audio yang ada di tautan dan memutarnya di timeline atau umpan , sehingga pengguna tidak perlu keluar dari aplikasi hanya untuk berinteraksi dengan multimedia.

Kartu ini adalah cara terbaik untuk mempromosikan video produk baru, cuplikan podcast, di balik layar, dan acara merek.

Bagaimana cara menambahkan kartu pemain ke situs Anda?

Di bawah ini adalah contoh kode, Anda perlu menempelkannya ke HTML halaman web Anda:

 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />
 <meta name="twitter:card" content="player" /> <meta name="twitter:site" content="@username" /> <meta name="twitter:title" content="Title of your video" /> <meta name="twitter:description" content="Description." /> <meta name="twitter:image" content="Image URL" /> <meta name="twitter:player" content="https://yoursite.com/container.html" /> <meta name="twitter:player:width" content="Width" /> <meta name="twitter:player:height" content="Height" />

Untuk mendapatkan pemahaman dan instruksi yang lebih dalam tentang pengujian pengalaman kartu pemain di berbagai platform, kunjungi di sini.

Bagaimana cara menggunakan validator kartu Twitter?

Setelah Anda selesai memilih kartu Anda dan membuat tag aktif di situs web Anda, langkah selanjutnya adalah memeriksa apakah semuanya berfungsi dengan benar atau tidak.

Bagaimana kamu melakukannya? Dengan bantuan validator kartu Twitter hanya dalam dua langkah sederhana:

Langkah 1 : Buka halaman web validator kartu Twitter.

Langkah 2 : Tempel URL halaman dengan tag meta. Klik tombol "Pratinjau Kartu".

Jika semuanya berfungsi dengan baik, pratinjau kartu akan menunjukkan kepada Anda bagaimana kartu Anda akan muncul di umpan Twitter. Selain itu, Anda akan melihat informasi jumlah meta tag, jenis kartu, dan pesan sukses kartu berhasil dimuat.

Di sisi lain, Anda akan melihat pesan kesalahan di bagian log jika kartu Anda tidak ditemukan atau memiliki masalah lain.

Kesimpulan

Hanya karena kartu Twitter sudah tua bukan berarti tidak berfungsi. Secara statistik terbukti bahwa tweet dengan media terlampir berfungsi lebih baik daripada tweet biasa. Isyarat agar kartu Twitter bekerja dengan sangat baik untuk Anda.

Kartu Twitter yang tepat yang selaras dengan strategi pemasaran Anda dapat meningkatkan visibilitas, keterlibatan, dan estetika keseluruhan profil Twitter Anda.

Jadi, pastikan Anda setuju dengan ide ini, mendiskusikannya dengan tim Anda, dan membuat pengembang backend Anda bekerja.

Terlebih lagi, jika, seperti saya, Anda adalah orang yang percaya bahwa Twitter dapat membuat atau menghancurkan merek Anda dan serius untuk mengubah keadaan; cobalah SocialPilot hari ini!