Bagaimana Menambah Twitter Cards di Blogger blogs

Bagaimana menambah Twitter Cards di Blogger blogs : Hallo sobat blogger pada kesempatan ini saya akan berbagi tips meningkatkan angka SEO pada Blogger blogs sehingga menjadikan blog sobat "SEO Friendly" di semua mesin pencari. Artikel ini saya akan membahas Bagaimana menambah Accessibility twitter cards di blogger blogs. Twitter merupakan salah media sosial yang sangat populer dengan peringat #10 besar saat ini versi alexa. Tahukah sobat? Ada lebih dari 300 juta saat ini aktif yang mengirimkan 500 ribu lebih Tweet setiap hari dan 80% dari mereka aktif menggunakan Twitter lewat ponsel atau handphone. Jika sobat mengabaikan kekuatan twitter untuk tidak promosi product, website/blog dalam bentuk artikel saya rasa sangatlah rugi. Kekuatan tweet pada twitter tidak hanya membantu sobat untuk mendapatkan pengikut lebih secara online dan penggemar tetapi juga mendorong lalu lintas besar ke blog blogger Anda.

Pada bulan Juni, 2012 Twitter meluncurkan fitur besar yang disebut Twitter Cards yang membantu pemilik website/blog untuk menampilkan isi artikel mereka pada tweet. Bagaimana cara mengunakan fitur Twitter Cards pada Blogger blogs sobat, Berikut ini dibawah ini penjelasannya.

Langkah 1: Login blogger anda dengan account sobat Pilih Tab Template. Selanjutnya klik edit HTML letakkan coursor mose pada script HTML, Kemudian pada keybord tekan CTRL+F Copy script ini <b:includable id='post' var='post'> kemudian cari.

Langkah 2 : Copy and paste script HTML Twitter Cards tepat dibawah kode ini

<b:includable id='post' var='post'>

<meta content='summary_large_image' name='twitter:card'/>
    <meta content='@puguhnugroho2' name='twitter:site'/>
    <meta content='@puguhnugroho2' name='twitter:creator'/>
    <b:if cond='data:blog.pageType == "item"'>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    <b:else/><meta expr:content='data:blog.pageTitle' name='twitter:title'/>
    </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>
    <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
    <b:else/><meta content='http://i.imgur.com/bPZIOHo.jpg' name='twitter:image:src'/>
    </b:if>
 <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated published' expr:content='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.dateHeader/></span></abbr></a>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
<b:else/>
   <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhuQkQoSmpRFRrU92nlX0uWqJGkbpR-fobT7k137FnpOBWi3tPoEf2H5kZ8g0l_wcRwXjnezN4tM95umcdMKDSWBowUkiuo_W8sGQHqGmM4IA6qpk6jkf9utvkB9PbOxn0Xto1QaxXh4/s1600/f2e6b049-a682-4ab8-ac75-0888f9815320.jpg' itemprop='image'/>
 </b:if>

Langkah 3:

Rubah script @puguhnugroho2 menjadi username twitter sobat
Rubah script http://i.imgur.com/bPZIOHo.jpg menjadi profile gambar blog sobat
Rubah script https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhuQkQoSmpRFRrU92nlX0uWqJGkbpR-fobT7k137FnpOBWi3tPoEf2H5kZ8g0l_wcRwXjnezN4tM95umcdMKDSWBowUkiuo_W8sGQHqGmM4IA6qpk6jkf9utvkB9PbOxn0Xto1QaxXh4/s1600/f2e6b049-a682-4ab8-ac75-0888f9815320.jpg
menjadi profile gambar blog sobat.

Langkah 4: Simpan Template

Langkah 5: Lakukan test Twitter Cards apakah sudah berjalan dengan baik. Silahkan kunjungi Card validator Masukan alamat URL blog sobat. Jika berhasil akan muncul seperti gambar dibawah ini :