Wordpress

Cara Menampilkan Summary Artikel WordPress di Twitter

cara menampilkan summary artikel wordpress di twitter

Beberapa sahabat pintar mungkin menyadari. Sejak beberapa hari yang lalu kamu bisa melihat summary artikel PINTAR di twitter dengan mengklik view summary. Fitur tersebut diberi istilah twitter cards. Jadi dengan fitur twitter ini kamu bisa menampilkan preview artikel wordpress yang kamu tulis.

Fitur ini tentunya akan meningkatkan pengunjung blogmu, kenapa? Karena mereka bisa melihat preview artikel yang kamu tulis. Selain itu hal ini berfungsi agar pengguna twitter tidak curiga dengan link yang kamu share di twittermu.

Untuk kamu yang masih belum tahu, berikut contoh twitter card dari @pintarID. Ketika kamu mengklik view sumarry, akan muncul preview artikel yang kamu tulis.
menampilkan view summary di twitter

Seperti yang kamu lihat diatas. Twitter card menampilkan twitter website, twitter penulis dan juga link ke sumber artikel. Di atas judul artikel adalah twitter website, sedangkan dibahas judul adalah twitter penulis. Jadi walaupun pengguna twitter mentweet artikelmu tanpa mention, info tersebut akan tetap muncul. 

Ada 2 langkah yang perlu kamu lakukan, yaitu menambahkan tag twitter card di blogmu dan mendaftarkan website dan twittermu.


#1 Menampilkan Sumarry Artikel Wordpres di Twitter

#Cara 1

Cara ini adalah cara termudah, khusus untuk kamu yang tidak mengerti coding. Kita akan menggunakan plugin WordPress SEO by Yoast. Plugin ini memiliki banyak fitur untuk seo, jika kamu belum menginstallnya di wordpress silahkan install dan aktifkan.

Selanjutnya buka pengaturan plugin dan pilih menu social.  Pilih tab twitter kemudian masukkan username twittermu. Klik Save changes.
menggunakan twitter card di wordpress

Cara ini memang mudah, tapi untuk saat ini kamu hanya bisa menggunakan 1 style twitter card saja yaitu summary. Jika kamu ingin menggunakan style yang lain, gunakan #cara 2

#Cara 2

Cara ini membutuhkan pengetahuan tentang coding. Buka header.php thema yang kamu gunakan kemudian tambahkan code berikut sebelum tag </head>.

&lt;/pre&gt;
&lt;?php
#twitter cards hack
if(is_single() || is_page()) {
 $twitter_url = get_permalink();
 $twitter_title = get_the_title();
 $twitter_desc = get_the_excerpt();
 $twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post-&gt;ID), full );
 $twitter_thumb = $twitter_thumbs[0];
 if(!$twitter_thumb) {
 $twitter_thumb = 'http://www.gravatar.com/avatar/8eb9ee80d39f13cbbad56da88ef3a6ee?rating=PG&amp;size=75';
 }
 $twitter_name = str_replace('@', '', get_the_author_meta('twitter'));
?&gt;
&lt;meta name=&quot;twitter:card&quot; value=&quot;summary&quot; /&gt;
&lt;meta name=&quot;twitter:url&quot; value=&quot;&lt;?php echo $twitter_url; ?&gt;&quot; /&gt;
&lt;meta name=&quot;twitter:title&quot; value=&quot;&lt;?php echo $twitter_title; ?&gt;&quot; /&gt;
&lt;meta name=&quot;twitter:description&quot; value=&quot;&lt;?php echo $twitter_desc; ?&gt;&quot; /&gt;
&lt;meta name=&quot;twitter:image&quot; value=&quot;&lt;?php echo $twitter_thumb; ?&gt;&quot; /&gt;
&lt;meta name=&quot;twitter:site&quot; value=&quot;@libdemvoice&quot; /&gt;
&lt;?
 if($twitter_name) {
?&gt;
&lt;meta name=&quot;twitter:creator&quot; value=&quot;@&lt;?php echo $twitter_name; ?&gt;&quot; /&gt;
&lt;?
 }
}
?&gt;
&lt;pre&gt;

Sumber code : Ryan Cullen @artesea

Ganti nilai summary dibari berikut sesuai dengan style yang kamu inginkan

<meta name="twitter:card" value="summary" />

Ada beberapa style yang bisa kamu pilih seperti. sumarry, summary_large_image, product, photo, player. Dan beberapa style untuk app.

Lebih lengkapnya kamu akan melihatnya di proses pendaftaran.


#2 Mendaftarkan Website Untuk Menggunakan Twitter Card

Selanjutnya kita akan mencoba dan mendaftarkan website dan twittermu agar bisa menggunakan twitter card.

  • Kunjungi halaman preview tool ( Login dengan menggunakan twitter websitemu. )

Pilih tab Validate & Apply. Masukkan salah satu link blogmu, kemudian klik go. Lihat apakah muncul preview seperti gambar di bawah.
cara menampilkan link view summary di twitter

Dibawah link akan muncul tombol untuk Request Approval. Klik link tersebut untuk mendaftarkan website dan twittermu.

Akan muncul form pendaftaran. Administrative Contact adalah twitter yang bertanggung jawab terhadap pendaftaran ini. Kamu bisa memasukkan data twitter pribadimu. Website Information adalah data websitemu, masukkan data websitemu secara lengkap. Klik Request approval.
cara mendaftar twitter card untuk website

Menurut info dari twitter, proses pendaftaran memerlukan waktu sampai diterima. Saat mendaftarkan blog ini, kami langsung diterima setelah beberapa menit. Kamu akan menerima email pemberitahuan jika website dan twittermu telah diterima.

Itulah cara menampilkan summary artikel wordpress di twitter dengan menggunakan fitur twitter card. Tutorialnya memang sedikit panjang, jika kamu mengalami kesulitan silahkan post di box komentar ya. Baca juga tutorial wordpress lainnya ya.

Tinggalkan Pesan