Cara memasang Twitter Card Summary pada blogger

http://t.co/Dwux7c5mbA
— Deddia Permana (@depermana12) November 3, 2013

Sebagian besar dari sobat banyak yang  bertanya bagaimana kita menambahkan "View summary" link di bawah tweet . Jika sobat klik link ringkasan itu maka akan muncul dropdown menu yang menampilkan deskripsi/potongan posting blog  dengan gambar kecil, judul Page, dan twitter akun atribusi. saya membuatnya dengan mengintegrasikan "Twitter Summary card" dengan Blogger. Twitter card bukanlah nama baru dikalangan blogger profesional  karena Twitter card sudah diperkenalkan dari tahun lalu dan gambar thumbnail tag yang disediakan oleh blogger yaitu resolusi 72 x 72 pixel dan sayangnya Twitter masih memiliki masalah memunculkan thumbnail dengan benar. Hal ini yang membuat sedikit sulit untuk menerapkan Twitter Card untuk blogger.

Perbedaan antara OPEN GRAPH dengan TWITTER CARD

Saya baru bisa mencobanya ketika twitter memperkenalkan versi beta dari tag Summary card baru pada tahun 2012. karena pada waktu itu saya sudah punya Facebook OpenGraph Tag yang banyak digunakan para blogger bahkan sampai hari ini masih bekerja dengan baik memilih Thumbnail dengan tepat, Deskripsi dan judul. Tag OpenGraph bahkan digunakan juga oleh GooglePlus untuk mengambil data yang dibutuhkan dan begitu juga dengan twitter.

Berikut ini adalah daftar dari enam kartu twitter yang diperkenalkan oleh twitter untuk menampilkan konten pengguna akun twitter:

• Ringkasan Kartu/summary card: Kartu Default, termasuk judul, deskripsi, thumbnail, dan akun Twitter atribusi.Gambar besar Ringkasan Card: Mirip dengan Ringkasan Card, namun dengan Fitur gambar ukuran yang lebih besar.

• Photo Card: Sebuah Tweet kartu yang berisi foto.
• Galeri kartu: Menampilkan koleksi foto.
• Web Card: Menampilkan profil aplikasi.
• Card Player: Sebuah Tweet ukuran video / audio / media player.

Cara memasang twitter card pada template

PERTAMA #1

1. login blogger >> template >>edit html

2. paste meta tag berikut ini dibawah <head>

<!-- Twitter Cards For Blogger -->
<meta content='summary' name='twitter:card'/>
<meta content='@depermana12' name='twitter:site'/>
<meta content='@depermana12' name='twitter:creator'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<b:else/>
<meta content='YOUR-BLOG-LOGO' name='twitter:image'/>
</b:if>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>

Pengaturan:

• ganti @depermana12 dengan akun twitter sobat
• ganti tulisan YOUR-BLOG-LOGO dengan url logo blog sobat 70x70px

KEDUA #2

Langkah terakhir adalah untuk memverifikasi pengaturan kartu twitter Anda. ikuti langkah-langkah berikut:

• buka browser google chrome
• kemudian buka link Developer Twitter
• double klik pada summary

• klik validate dan summary

• sobat akan melihat link berwarna merah yang mengatakan bahwa situs sobat belum disetujui, cukup klik Request Aproval dan isi formulir untuk mengirimkan permintaan sobat untuk persetujuan Twitter card.

Twitter akan mengatakan  mereka akan mengirimkan email tetapi sebenernya nggak.  Twitter menyetujui otomatis dalam waktu kurang dari 48 jam. Setelah sobat dapat melihat link di bawah ringkasan semua posting pada twitter

agar Twitter Card bekerja dengan baik pada blogger berikut hal panting yang di butuhkan Twitter card

1. posting sobat harus menggunakan Search Description (Deskripsi untuk Twitter Card)

2. Harus ada gambar pada posting (sebagai thumbnail untuk Twitter Card)