Lompat ke konten Lompat ke sidebar Lompat ke footer

Widget HTML #1

Membuat Link Blog di Twitter ada Ringkasannya

Membuat Link Blog di Twitter ada Ringkasannya
Sering kita membagikan (tweet) link post ke twitter, bahkan di halaman blog juga ada tombol tweet untuk berbagi post ke twitter. Nah, sekarang kita akan belajar membuat link post yang kita tweet terdapat ringkasannya atau dalam bahasa inggrisnya summary. Ini sama seperti saat kita berbagi link ke facebook, selain ada judul, ada ringkasan dari isi (deskripsi).

Dengan membuat fitur Twitter Cards bagi blog kita, link blog yang kita bagikan ke twitter akan terlihat lebih menarik. Orang dapat melihat ringkasan dan thumbnail post yang dibagikan di twitter sebelum mengunjungi langsung blog kita, contohnya seperti screenshot di atas, jadi blog kita terlihat lebih elegan.

Cara Membuat Link Blog di Twitter ada Ringkasannya
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode </head>
4. Taruh kode berikut di atasnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:if cond='data:blog.postImageThumbnailUrl'>
      <b:if cond='data:blog.metaDescription'>
        <meta content='summary' name='twitter:card'/>
        <meta content='@kurniasepta' name='twitter:site'/>
        <meta content='@kurniasepta' name='twitter:creator'/>
        <meta expr:content='data:blog.pageName' name='twitter:title'/>
        <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image:src'/>
        <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
      </b:if>
    </b:if>
</b:if>

5. Kamu dapat mengganti @kurniasepta dengan akun twittermu sendiri.
6. Simpan Template jika sudah selesai.

Sebelum ke langkah selanjutnya pastikan blog kamu sudah menambahkan fitur meta description. Meta tag description adalah memberikan deskripsi singkat yang akan terbaca oleh search engine (google). Dengan mengaktifkan fitur ini, ringkasan (summary) bisa tampil di twitter.

Langkah terakhir kita meminta persetujuan (approval) dari pihak twitter. Caranya yaitu dengan mengunjungi https://dev.twitter.com/docs/cards/validation/validator lalu pilih tab Validate & Apply. Masukan salah satu URL blog postingan yang ada meta dekskripsinya. Twitter akan memvalidasi, jika semuanya berjalan dengan baik maka akan tampil opsi untuk meminta persetujuan.

Setelah disetujui oleh Twitter, semua link postingan blog kamu yang memiliki thumbnail dan meta deskripsi akan mulai tampil Twitter Card (ringkasan) ketika kamu atau orang lain berbagi postingan blog kamu ke twitter. Jangan lupa, follow @kurniasepta juga ya, siapa tahu kita bertegur sapa di twitter :)