CARA MENGATUR TWITTER CARD UNTUK BLOGSPOT DAN WORDPRESS

Twitter Card memungkinkan Anda menambahkan media ke tweets Anda. Sangat diketahui bahwa pembaruan pada platform media sosial dengan gambar adalah apa yang paling banyak dibagikan. Cara yang baik untuk menambahkan elemen ekstra ke tweets Anda tanpa harus mengunggah gambar dengan setiap tweet adalah dengan menggunakan Twitter Cards untuk secara otomatis menyediakan lebih banyak informasi saat menautkan ke situs web atau blog Anda. Untuk referensi, berikut ini dua tweet milik saya yang saya tautkan ke posting blog. Yang pertama adalah tanpa menginstal Twitter Card, hanya tweet biasa. Yang kedua adalah ketika Twitter Cards telah diinstal, Anda dapat melihat informasi ekstra yang dimiliki tweet.

Ingin tahu cara terbaik untuk mempromosikan blog Anda dengan media sosial? Tips ini akan menunjukkan cara menarik perhatian pembaca dan mendapatkan pembaca baru.

KEUNGGULAN KARTU TWITTER

• Lebih banyak tweet visual termasuk deskripsi yang lebih panjang dan lebih banyak keterlibatan
• Memungkinkan pengikut untuk melihat kutipan konten.
• Memungkinkan Anda menggunakan dua Nama Pengguna Twitter - situs yang ditangani Twitter dan pembuat / pencipta yang ditangani Twitter.
• Memberikan Anda kredit jika seseorang men-tweet tautan Anda tanpa menyebut Anda, karena pegangan dan gambar Twitter Anda akan muncul di Kartu.
• Lihat seberapa baik kinerja tweet Anda di Twitter Analytics.

JENIS KARTU TWITTER YANG BERBEDA

Saat ini ada sembilan tipe Kartu Twitter yang tersedia, perinciannya dapat ditemukan di Developer Documents. Saya akan fokus pada lima, yang saya yakini kebanyakan blogger dan bisnis kecil akan paling banyak digunakan.

KLIK GAMBAR UNTUK MEMPERBESAR

• Kartu Ringkasan - termasuk judul, deskripsi, penulis, gambar mini dan tautan.
• Kartu Ringkasan dengan gambar yang lebih besar - mirip dengan Kartu Ringkasan tetapi dengan gambar penuh.
• Kartu Foto - termasuk foto, judul dan tautan.
• Kartu Galeri - termasuk empat gambar, judul, deskripsi, dan tautan.
• Kartu Produk - termasuk detail untuk produk e-commerce.

CARA MENGATUR KARTU TWITTER UNTUK BLOG / SITUS ANDA - UMUM

Ini adalah cara umum yang berfungsi di sebagian besar situs. Ada beberapa metode alternatif yang tercantum di bawah ini khusus untuk Blogger dan WordPress. Kartu Twitter diperbarui sekitar satu kali seminggu, jadi jika Anda melakukan perubahan, Anda mungkin perlu menunggu beberapa hari untuk memperbaruinya.

1. Pergi ke Kartu Twitter di sini dan daftar sebagai Twitter Developer. Pilih jenis kartu yang Anda inginkan dan isi informasi yang diperlukan, yang diperlukan berbeda untuk setiap kartu.

2. Gulir ke bawah dan klik "update preview". Di bawah gambar pratinjau, Anda akan melihat bahwa kode telah dibuat dengan informasi Anda, klik "pilih sampel" dan salin kode.

3. Buka templat situs Anda. Tempel kode Twitter Card di atas kode </head>.

Pengguna Blogger - Anda akan menemukan </head> di Tema > Edit HTML. Masukkan / sebelum kode penutupan > pada setiap baris sehingga akan terlihat seperti

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@site_username" />
<meta name="twitter:title" content="Blog/Website/Shop Name" />
<meta name="twitter:description" content="About your Blog/Website/Shop. 200 characters." />
<meta name="twitter:creator" content="@creator_username" />
<meta name="twitter:image:src" content="DIRECT IMAGE URL" />
<meta name="twitter:domain" content="www.YourDomain.com" />

Catatan - metode ini bekerja untuk saya di sebagian besar situs yang saya uji. Jika tidak berfungsi, ada metode alternatif di bawah ini untuk pengguna Blogger.

Pengguna WordPress, Anda akan menemukan </head> di file header.php Anda. Anda bisa menggunakan WordPress SEO dengan plugin Yoast sebagai gantinya. Pergi ke SEO > Social > Twitter. Anda hanya dapat memilih dari dua kartu saat ini - ringkasan dan ringkasan dengan gambar besar. Ada juga sejumlah plugin untuk mengintegrasikan Kartu Twitter yang tersedia. Lihat di bawah untuk detail lebih lanjut tentang menambahkan ke WordPress.com.

4. Buka Validator di sini, klik Validate & Apply dan ketik URL Anda. Jika tidak langsung kembali ke dalam beberapa jam. Pastikan untuk menggunakan URL yang benar - biasanya ini adalah URL lengkap Anda http://www.yourdomain.com. Anda mungkin harus meminta persetujuan yang tidak boleh terlalu lama dan setelah Anda mendapatkan lampu hijau, Anda sudah siap. Anda harus menerima email konfirmasi.

5. Sekarang yang harus Anda lakukan adalah membagikan tautan blog / situs Anda seperti biasa dan mereka akan secara otomatis memasukkan kartu yang sesuai. Saya perhatikan bahwa untuk beberapa penyingkat URL, mereka tidak berfungsi. Jika menambahkan beberapa jenis kartu, Anda harus mengulangi langkah-langkah dan meminta persetujuan untuk masing-masing.

CARA MENGATUR KARTU TWITTER UNTUK BLOG ANDA - BLOGGER

Ini adalah metode alternatif untuk menyiapkan Kartu Ringkasan dengan gambar yang lebih besar untuk Blogger. Kode ini disematkan di bagian templates post Anda yang memungkinkannya untuk mengambil informasi spesifik tentang setiap posting blog.

1. Tema > Edit HTML > Format Template dan kemudian cari yang berikut

<b:includable id='post' var='post'>

2. Tempelkan kode berikut tepat di bawah <b:includable id='post' var='post'> dan ubah teks berwarna ke informasi Anda sendiri sebelum menyimpan.

<meta content='TWITTER USERNAME OF BLOG' name='twitter:site'/>
<meta content='TWITTER USERNAME OF AUTHOR' name='twitter:creator'/>
<meta content='www.YOURDOMAIN.com' name='twitter:domain'/>
<b:if cond='data:post.firstImageUrl'>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:post.firstImageUrl' name='twitter:image'/>
<b:else/>
<meta content='summary' name='twitter:card'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
</b:if>
</b:if>
<meta expr:content='data:post.title' name='twitter:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:post.snippet' name='twitter:description'/>
<b:else/>
<meta content='DESCRIPTION OF BLOG' name='twitter:description'/>   
</b:if>

3. Buka Validator di sini, klik Validate & Apply dan tempel URL posting blog terbaru Anda. Anda mungkin harus meminta persetujuan yang tidak boleh terlalu lama dan setelah Anda mendapatkan lampu hijau, Anda sudah siap. Anda harus menerima email konfirmasi. Bagikan tautan posting blog Anda seperti biasa dan mereka akan secara otomatis memasukkan kartu yang sesuai.

CARA MENGATUR KARTU TWITTER UNTUK BLOG ANDA - WORDPRESS.COM

WordPress.com sudah dikonfigurasikan untuk Twitter Cards sehingga sangat mudah untuk diatur.

1. Masuk ke Dasbor Admin WordPress Anda. Di bilah sisi kiri, buka Settings > Sharing. Pergi ke bagian Twitter, klik tombol connect dan terus biarkan blog Anda untuk Otorisasi ke akun Twitter Anda.

2. Buka Settings > Reading > Site Visibility dan allow search indexing.

3. Buka Validator di sini, klik Validate & Apply dan tempel URL posting blog terbaru Anda. Bagikan tautan posting blog Anda seperti biasa dan mereka akan secara otomatis memasukkan kartu yang sesuai.