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>
<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 |
0 Komentar