oleh

Cara Menggunakan Kartu Twitter Pada Menu Plugin Yoast SEO

Kembali kita pada tahun 2012, Twitter memperkenalkan sistem yang di sebut dengan Kartu Twitter yang memungkinkan pemilik situs untuk menampilkan tweet yang di sempurnakan di situs web mereka dengan menggunakan sintaksis yang sangat mirip dengan yang di miliki OpenGraph. 

Berkat sistem baru ini, Twitter dapat menampilkan tweet yang tampak lebih bagus, termasuk yang berisi media seperti gambar, audio dan video.

Bagaimana cara kerjanya?

Seperti yang di sebutkan dalam pendahuluan, Kartu Twitter menggunakan sintaksis yang sangat mirip dengan OpenGraph. Twitter memiliki beberapa properti yang spesifik untuk platform mereka yang dapat anda lihat di cuplikan berikut:

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@yoast"/>
<meta name="twitter:creator" content="@michielheijmans"/>

The twitter:cardproperti di perlukan dan mendefinisikan jenis kartu yang ingin di tampilkan dan anda memiliki empat rasa di sini, yaitu : summarysummary_large_imageappdan player. Apa perbedaan antara semua kartu yang berbeda ini dapat di temukan dalam dokumentasi ini.

Keduanya twitter:sitedan twitter:creatorbersifat opsional dan arahkan ke akun Twitter dari situs web yang menerbitkan konten dan penulisnya.

OpenGraph

Ketika datang ke parsing URL, gambar dan deskripsi, Twitter dengan memanfaatkan og:properti yang ada, anda dapat menimpa og:properti ini dengan yang spesifik Twitter, tetapi sebagian besar waktu ini bukan sesuatu yang anda inginkan. 

Jika tujuan anda adalah untuk menampilkan informasi yang sama sekali berbeda di Twitter, maka tag ini memungkinkan anda untuk mengesampingkan perilaku default.

Ada satu hal yang perlu di perhatikan saat menggunakan opsi Twitter dan OpenGraph. Twitter menggunakan nameuntuk menentukan atribut sedangkan OpenGraph menggunakan propertyatribut tersebut, jadi pertimbangkan ini jika anda berencana untuk mengimplementasikan Kartu Twitter secara manual.

Baca juga...  Pentingnya Pengujian Pengguna Situs Web Anda

Menerapkan Kartu Twitter

Seperti halnya tag meta lainnya, anda perlu menambahkan tag Twitter di <head>situs web anda dan memastikan bahwa nilainya di tetapkan dengan benar berdasarkan per halaman. 

Ini bisa dengan cepat menjadi tugas yang berat untuk sebuah blog, jadi Plugin Yoast SEO membangun fitur yang menghasilkan tag meta yang tepat untuk anda.

Pengaturan Kartu Twitter di Yoast SEO
Beranda Pengaturan kartu Twitter Pada Plugin Yoast SEO

Ingin mengubah tampilan Kartu Twitter untuk pos atau halaman tertentu? Cukup anda gunakan formulir pada tab Sosial dan di sini anda dapat mengubah properti spesifik sesuai dengan keinginan anda.

Selain itu, Plugin Premium Yoast SEO tentu saja berisi Pratinjau Sosial yang menampilkan seperti apa nantinya Kartu Twitter berdasarkan halaman atau pos saat ini seperti gambar di bawah ini :

twitter-cards-in-yoast-seo-premium-600x721

Kartu Twitter adalah tambahan (visual) yang hebat dan dapat membantu anda dalam meningkatkan lalu lintas ke situs web anda!

Salam Blogger!!!

Komentar

Tinggalkan Balasan Anda dan Terima Kasih Atas Kunjungannya...

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Artikel Terbaru