Cara Memasang Meta Tag Twitter Card Di Blogspot : Lengkap

Redaksi PetiknetMinggu, 22 November 2015 | 11:40 WIB

PETIK.NET - Twitter sebagai salah satu jaringan gosip yang sangat populer di dunia mampu menjadi salah satu media yang mampu kita gunakan untuk membantu mempopulerkan halaman blog yang kita miliki, caranya dengan share atau mengembangkan halaman blog ke twitter, sehingga halaman blog mempunyai kesempatan untuk dikunjungi oleh pengguna twitter.

sebagai salah satu situs profesional twitter menyediakan arahan khusus yang mampu dipakai untuk memfasilitasi halaman blog agar lebih gampang mampu dishare ke twitter,  isyarat tersebut dikenal dengan nama twitter card, berupa aba-aba perintah meta tag HTML dengan hukum khusus yang dapat dipasang atau diletakan di template blog, baik blog berflatform blogspot, wordpress maupun flatform blog lainnya.

Baca Juga: Cara Memasang Facebook Open Graph di blogspot.

Ketika pengunjung blog melaksanakan share artikel blog yang kita miliki ke twitter melalui tombol share twitter yang kita sediakan di halaman blog yang kita miliki, maka twitter akan membaca dan berusaha untuk menemukan instruksi twitter card yang terpasang pada blog tersebut, jikalau info twittercard ditemukan maka artikel blog akan dishare dihalaman twitter yang share dengan tampilan sesuai pengaturan arahan twitter card yang kita pasang.

Mengenal Kode Meta Tag Twitter Card

Berikut beberapa isyarat meta tag twitter card yang mampu di pasang pada blog anda untuk menyimpan berita yang diperlukan oleh mesin twitter untuk data share:

#1- twitter : card

Untuk memilih jenis card yang ingin digunakan, ini akan memilih jenis tampilan share sesuai dengan jenis card type yang kita pilih:

Format:

<'meta name='twitter:card' content='jenis_card‘/>

Jenis_card yang mampu anda gunakan ialah sebagai berikut:

a. Summary, menampilkan share dengan thumbnail.
Jenis card ini cocok untuk share artikel postingan blog dengan thumbnail, kalau anda memilih card ini maka tampilan share akan terlihat kurang lebih akan terlihat seperti gambar dibawah ini:

Twitter sebagai salah satu jaringan informasi yang sangat populer di dunia bisa menjadi sa Cara Memasang Meta Tag Twitter Card di Blogspot : lengkap

b. Summary_large_image, menampilkan share dengan large image.
Jenis card ini sangat cocok untuk share artikel blog dengan gambar besar, Jika anda memilih card jenis ini maka tampilan hampir mirip dengan summary namun menampilkan gambar yang lebih besar seperti gambar dibawah ini:

Twitter sebagai salah satu jaringan informasi yang sangat populer di dunia bisa menjadi sa Cara Memasang Meta Tag Twitter Card di Blogspot : lengkap

c. photo, untuk menampilkan photo saja,
Jenis card ini cocok sekali dipakai untuk share photo saja, tampilan twitter photo card terlihat seperti gambar dibawah ini:

Twitter sebagai salah satu jaringan informasi yang sangat populer di dunia bisa menjadi sa Cara Memasang Meta Tag Twitter Card di Blogspot : lengkap

d. gallery, dapat menampilkan beberapa koleksi photo
Sama halnya dengan sumary lager image namun menampilkan beberapa foto gallery.

e. app, Untuk share applikasi mobile dengan direct download.

f. Product Card, Untuk Share product

Contoh Penggunaan:

<'meta name='twitter:card‘ content=’summary_large_image‘/>

#2 – twitter : url

Digunakan untuk menyimpan informasi url artikel blog anda yang dishare

Contoh Penggunaan:

http://“/>

#3 – twitter : description

Digunakan untuk menyimpan berita descripsi share, anda mampu mengisinya dengan descripsi dari artikel yang dishare. atau descripsi apapun yang mewakili isi artikel yang akan dishare.
Contoh Penggunaan:
ini diisi degan deskripsi yang mewakili artikel secara keseluruhan“/>

#4 – twitter : title

Digunakan untuk menyimpan gosip judul yang mewakili artikel yang dishare
teladan penggunaan:

letakan judul disini“/>

#5 – twitter : image

Digunakan untuk menyimpan gosip gambar yang akan ditampilkan di halaman share twitter, anda bisa mengisinya dengan gambar yang sesuai dengan gambar yang anda pasang pada artikel blog anda.
Contoh penggunaan:

url gambar“/>

Untuk lebih detail anda bisa baca disini: https://dev.twitter.com/cards/types

Cara Memasang Meta Tag Twitter Card di Blogspot

Untuk share artikel blog ke halaman twitter, twitter card yang paling cocok dipakai adalah summary atau summary_large_image, jika memilih summary maka share akan menampilkan judul, deskripsi, thumbnail image dan juga atribusi twitter, bila memilih summary_large_image, maka tampilan share seperti dengan summary namun dengan tampilan gambar yang lebih besar.

Summary cocok sekali dipakai bila artikel mengandung gambar yang tidak terlalu besar, sedangkan summary_large_image akan cocok sekali digunakan jika artikel mengandung gambar dengan ukuran yang besar.

Berikut saya akan contohkan cara memasang meta tag twitter card untuk blogspot dengan memakai card summary_large_image,  langkah-langkahnya ialah sebagai berikut:

a. Masuk ke Edit HTML Blog anda

c. Cadi arahan

























fb_admin‘ property=’fb:admins’/>
@Twitter_User_Name‘ name=’twitter:creator’/>

 Kode diatas bisa dipakai untuk share facebook dan juga share twitter dengan summary_large image,

Silahkan anda ganti goresan pena warna biru diatas dengan deskripsi yang anda inginkan atau biarkan saja, goresan pena warna biru untuk alternatif deskripsi kalau didalam artikel yang anda share tidak terdapat meta deskripsi.

Alternatif_image_url, silahkan anda ganti dengan url gambar pengganti kalau didalam artikel yang anda share tidak menyertakan gambar apapun.

fb_admin, anda mampu ganti dengan id facebook anda, untuk mendapatkan id Facebook anda bisa masuk ke halaman facebook anda, pada sajian dengan tulisan nama anda yang letaknya disamping kiri hidangan beranda, silahkan anda klik kanan lalu pilih sub sajian salin lokasi tautan, anda akan menerima mirip  https://facebook.com/ajidin, silahkan anda gunakan dengan menghilangkan https://facebook.com/ untuk mengganti fb_admin, sebagai acuan untuk id facebook saya ialah:

Petik.net merupakan media informasi yang menyajikan berita terbaru dan terkini dari berbagai sumber terpercaya. Baca berita hari ini seputar peristiwa, politik, crypto, teknologi, hiburan, dan masih banyak lagi.
Sukoharjo, Jawa Tengah, Indonesia
© 2023 Petik.net | All Rights Reserved.