Cara Menerapkan Twitter Card di Wordpress dan Blogspot Tanpa Plugin

Cara Menerapkan Twitter Card di Wordpress dan Blogspot Tanpa Plugin

, , , , , , Edit
Dengan twitter card yang kita sisipkan di header.php, akan mempermudah tweeps melihat simpulan url yang kita sisipkan di TL kita. Gampanya begini, coba share satu artikel dari blog ini ke twitter kawan, lalu liat tampilannya, berbeda bukan?

 

link di web ini yang kawan share, melebihi 140 karakter, termasuk di dalammya ringkasan link dan gambar, jika ada.

untuk membuat twitter card ini, kawan cuman butuh dua langkah.
1. Pasang kode Twitter Card
2. Test Kode di Twitter card validator

jika hasil validasi approved, bearti pemasangan twitter card kawan berhasil. Jika selain itu pastinya gagal.

Inilah langkah-langkah yang kawan harus lakukan.

1. buka header.php theme wordpress kawan, paste kode ini diantara <head>..</head>
 <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@akuntwitter">
    <meta name="twitter:creator" content="@akuntwitter">
    <meta name="twitter:title" content="<?php the_title(); ?>">
    <meta name="twitter:description" content="<?php the_excerpt_rss(); ?>.">

    <meta name="twitter:image" content="<?php $src = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), array(300, 300), false, ''); echo $src[0]; ?>">

 

2.lalu pilih "summary" pada twitter card catalog di link ini
3. Uji twitter card yang sudah kawan sisipkan di header.php tadi dengan memasukkan salah satu link postingan ke kotak - validate and apply
- warna Hijau bearti OK
- sebelah kanan tampilan jika di share di twitter
- kanan bawah adalah kode yang dilihat di View Page Source (kode yg udah mateng :p)

Untuk Blogspot
ganti @IzulV3 dengan twitter anda.
Share on Google Plus

About JackSparrow

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 komentar:

Post a Comment

Subscribe to: Post Comments ( Atom )