Cara Posting Artikel Blog ke Twitter Disertai Gambar Dan Link – Twitter Summary Card

Cara Posting Artikel Blog ke Twitter Disertai Gambar Dan Link - Twitter Summary Card

Selamat datang,

Walaupun peminat dari kalangan anak muda menurun, Twitter masih menjadi salah satu media sosial terbesar saat ini.

Menurun dalam artian tidak terlalu aktif melakukan tweet, interaksi dengan teman, namun masih tetap digunakan untuk kepentingan mencari berita, tweet dari artis, dan presiden.

Seperti yang kita tahu, hampir seluruh tokoh di dunia ini, seluruh portal berita online, pasti punya akun twitter dan banyak dari mereka yang masih aktif melakukan tweet.

Di kalangan blogger, twitter banyak digunakan untuk share artikel terbaru mereka. Namun tidak seperti facebook, link artikel yang kita bagikan seringkali hanya berupa link saja. Tentu dari segi penampilan kurang begitu menarik minat para calon pembaca. Dalam kasus seperti ini twitter memang memiliki prosedur khusus untuk mengaitkan blog kita ke twitter, salah satunya dinamai Summary Card.

Berikut ini adalah contoh postingan yang saya share ke twitter, dan sudah mengaktifkan fitur summary card

Cara Posting Artikel Blog ke Twitter Disertai Gambar Dan Link - Twitter Summary Card

Untuk mengaktifkan fitur tersebut, berikut beberapa langkah yang harus anda lakukan

  • Masuk dashboard blog anda
  • Masuk  Template >> Edit HTML >> Cari kode </head
  • Silahkan copy kode twitter card berikut kemudian letakkan tepat di atas kode </head
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <meta name=’twitter:url’ expr:content=’data:blog.canonicalUrl’/>
    <meta name=”twitter:title” expr:content=’data:blog.pageName’/>
    <b:if cond=’data:blog.metaDescription’>
    <meta name=”twitter:description” expr:content=’data:blog.metaDescription’ />
    <b:else/>
    <meta expr:content=’&quot;Silahkan
    baca artikel &quot; + data:blog.pageName + &quot; ini
    selengkapnya di &quot; + data:blog.title + &quot;&quot;’ name=”twitter:description”/>
    </b:if>
    </b:if>
    <b:if cond=’data:blog.postImageUrl’>
    <meta expr:content=’data:blog.postImageUrl’ name=”twitter:image:src”/>
    <b:else/>
    <b:if cond=’data:blog.postImageThumbnailUrl’>
    <meta expr:content=’data:blog.postThumbnailUrl’ name=”twitter:image:src”/>
    <b:else/>
    <meta name=”twitter:image:src” content=’alternatif_image_url’ />
    </b:if>
    </b:if>
    <meta name=’twitter:card’ content=’summary_large_image’/>
    <meta name=’twitter:creator’ content=’@TwitterUserName’ /> 

  • Anda bisa merubah tulisan berwarna merah pada kode tersebut sebagai alternatif deskripsi jika artikel yang akan anda share tidak memiliki deskripsi. Namun tidak dirubahpun juga tidak ada masalah.
  • Anda juga bisa merubah alternatif_image_url dengan url gambar apapun terserah anda. Fungsi gambar tersebut adalah sebagai alternatif saja, karena terkadang tidak semua konten yang kita buat mengandung gambar di dalamnya, maka gambar alternatif akan muncul ketika kita membagikan artikel tersebut ke twitter.
  • Rubah @TwitterUserName dengan user name twitter anda.
  • Kemudian Simpan Template blog anda.

Terakhir jangan lupa untuk melakukan validasi twitter card anda.

  • Masuk ke halaman twitter card validation DI SINI 
  • Masukkan salah satu url artikel anda di kolom yang disediakan
  • Preview Card

Apabila kode yang anda masukkan benar dan tidak ada kesalahan, maka akan muncul preview artikel yang anda share ke twitter nantinya.

Fungsi dari validasi ini hanya untuk memeriksa sudah benar atau tidaknya kita dalam meletakkan kode di atas, jika masih ada kesalahan, anda harus memperbaikinya. Selamat mencoba! (bl/aat)

Baca juga:

14 Comments

    • Ahmad Alfan Taufiq
  1. eko

Reply