Cara Agar Link Thumbnail Foto Twitter Besar | Twitter Card

Membagikan postingan ke akun sosial media menjadi piihan setiap publisher dalam menggaet visitor, cara ini sangat besar pengaruhnya apalagi dengan memiliki followers twitter yang lumayan banyak. Namun, pernahkah anda membagikan link web/blog ke twitter dengan gambar thumbnail yang kurang menarik, misalnya gambar pada thumbnail kecil.

Twitter sengaja melakukan hal ini agar microblogging ini sangat spesial bagi pengguna tertentunya, misalnya situs web terkenal. Hal ini bisa dilakukan baik pada web maupun blog dengan menerapkan HTML CSS Twitter Card.
Contoh Twitter Card, thumbnail foto/gambar pada link di twitter terlihat besar
Jika anda tidak menggunakan twitter card, maka link yang dibagikan di twitter akan terlihat seperti diatas. Tentunya ini kurang menarik followers untuk membaca artikel anda

CARA MEMASANG TWITTER CARD
1. Buka  Blogger

2. Pilih Tema, klik edit Html

3. Cari kode <head> (biasanya paling atas)

4. Pastekan kode dibawah ini, tepat dibawah kode <head>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@3hendrisetiawan' name='twitter:site'/>
<meta content='@3hendrisetiawan' name='twitter:creator'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image'/>
<meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
<b:else/>
<meta content='Image_URL_Alterlative' name='twitter:image'/>
<meta expr:content='data:blog.title' name='twitter:image:alt'/>
</b:if></b:if>

5. Ganti @3hendrisetiawan dengan url twitter anda

6. Simpan

CARA MENGECEK HASIL TWITTER CARD
1. Buka laman https://cards-dev.twitter.com/validator

2. Paste link URL artikel anda, dan Klik Preview
hasil twitter card akan terlihat, untuk lebih jelas lagi silahkan bagikan di twitter,dan lihat timeline twitter anda

Share this article :
+
0 Komentar untuk "Cara Agar Link Thumbnail Foto Twitter Besar | Twitter Card"

 
Template By Kunci Dunia