Cara Paparkan Thumbnail Penuh Ketika Kongsikan Link Blog di Twitter

Twitter juga boleh menjadi medium perkongsian blog post bagi mencari lebih trafik masuk ke dalam blog kita. Lebih trafik, pastinya sesebuah blog itu menjadi lebih baik dengan adanya engagement daripada pembaca atau pelawat yang datang. Dengan itu, blog kita pastinya akan sentiasa muncul di first page Google.

Tapi di Twitter juga, sama seperti di isu di Facebook sebenarnya. Secara default, jika anda kongsikan blog post URL di Twitter, thumbnail yang muncul di timeline Twitter ada kecil dibahagian kanan dan tajuk post di bahagian kiri. Perkara ini juga menampakkan post kita itu kurang kemas dan nampak seperti tidak professional.

Jadi untuk perbaiki paparan post ini, ikuti langkah di bawah cara paparkan thumbnail penuh ketika kongsikan link blog di Twitter.

Cara Paparkan Thumbnail Penuh Di Twitter

Terlebih dahulu, Copy kod HTML di bawah ini ke dalam Dashboard Blogger > Theme > Edit HTML dan Paste di atas </head>

<!-- Twitter Card by igniel.com --> <meta content='summary_large_image' name='twitter:card'/> <meta content='@hellomedia_my' name='twitter:site'/> <meta content='@hellomedia_my' name='twitter:creator'/> <b:if cond='data:view.isHomepage'> <b:if cond='data:view.isPost'> <b:if cond='data:view.isPage'> <meta expr:content='data:blog.title' name='twitter:title'/> <meta expr:content='data:blog.title' name='twitter:image:alt'/> <b:if cond='data:blog.pageName'> <meta expr:content='data:blog.pageName' name='twitter:title'/> <meta expr:content='data:blog.pageName' name='twitter:image:alt'/> </b:if></b:if></b:if></b:if> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' name='twitter:image'/> <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postThumbnailUrl' name='twitter:image'/> <b:else/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinlNSdcI-sVut9y9YfC0CWUJ3emk6GsuTqMhOEiUYhTKXkvyEIqhx5zIW9ZukHeIor0ApK1mLLlPuPOaLq9-pb3e5IEsRs_ZuKnwI6oJAPd79znFlVEDfkh4eCIB5wV5r55T86WcF8sgGZ/s1600/ignielcom.png' name='twitter:image'/> </b:if></b:if> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='twitter:description'/> <b:else/> <meta expr:content='data:post.snippet' name='twitter:description'/> </b:if>

*Arahan

1. Tukarkan @hellomedia_my (ada 2) kepada twitter username anda
2. Cari link seperti dibawah dan gantikan dengan logo atau banner blog anda. Logo ini akan dipaparkan jika anda hanya kongsikan link URL homepage blog anda di Twitter. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinlNSdcI-sVut9y9YfC0CWUJ3emk6GsuTqMhOEiUYhTKXkvyEIqhx5zIW9ZukHeIor0ApK1mLLlPuPOaLq9-pb3e5IEsRs_ZuKnwI6oJAPd79znFlVEDfkh4eCIB5wV5r55T86WcF8sgGZ/s1600/ignielcom.png

Jika Paparan Penuh Thumbnail Di Twitter Masih Tidak Muncul?

Jika ianya masih tidak muncul setelah dicuba. Ikut arahan dibawah:

1. Pergi ke pautan Twitter Card Validator https://cards-dev.twitter.com/validator
2. Copy and Paste alamat homepage Blog anda diruang disediakan
3. Klik butang Preview Card dan lihat hasilnya. Pasti cara ini akan berjaya dengan memaparkan thumbnail penuh.

Semoga anda berjaya lakukannya menggunakan tutorial yang disediakan. Pastinya perkongsian blog post anda di laman sosial media Twitter akan menjadi lebih kemas dan menarik dengan mengikuti tutorial cara paparkan thumbnail penuh ketika kongsikan link blog di Twitter ini. Jika anda rasa ianya bermanfaat, jangan lupa kongsikan tutorial ini.

sumber : igniel.com