Cara Memasang Meta Twitter Card Di Blog Dengan Benar

Cara Memasang Meta Twitter Card Di Blog Dengan Benar

Mungkin twitter card belum banyak yang menggunakannya tapi menurut saya ini perlu juga di pasang pada blog, karena pengunjung blog berasal dari mana saja dan tidak menutup kemungkinan ingin mengeshare ke twitter.

Dan kali ini saya akan berbagi bagai mana cara memasang meta twitter card, fungsinya sama saja seperti facebook open graph untuk memunculkan seperti Descripsi Author dan Gambar yang ada pada blog saat di share ke twitter. Untuk lebih jelasnya bisa kunjungi Card Overview

Apa Bedanya Blog Yang Tidak Pasang Dan Pasang Twitter Card..??

Tentu akan terlihat jelas bedanya, jika blog yang pasang meta twitter card akan tampil seperti di bawah ini

Lain lagi jika tidak pasang card yang tampil hanya url tunggal saja.

Langsung di simak caranya :

Copy Code Meta Tag Di bawah.

<meta content='summary' name='twitter:card'/> <meta content='@si_nasrull' name='twitter:site'/> <meta content='@si_nasrull' name='twitter:creator'/> <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/> <b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.canonicalUrl' name='twitter:url'/> <meta expr:content='data:blog.pageName' name='twitter:title'/> <meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/> <b:else/> <meta expr:content='data:blog.homepageUrl' name='twitter:url'/> <meta expr:content='data:blog.pageTitle' name='twitter:title'/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicc31yzm984N8-4dYNdpv5z_ezMwL9CRUwxNx9rAfCUCs7PfQCnO8XrmUSEL7j0BX3AUTRDAGLAP8oGrhCbfTHlUzj22KG98yFNRKl1Jo57uU9eWXb5H30-LoSaxUdqCXF3CO2qUXc57QM/s1600/AntarezPedia-logo-2017.png' name='twitter:image:src'/> </b:if> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='twitter:description'/> </b:if> <meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>

Sebelum di pasang edit dulu hapus dan ganti yang saya kasih tunjuk.

@si_nasrull [ Ganti dengan id twitter agan ]

4.bp.blogspot.com/-wyW7IJsGADI/WY0xN-w9o7I/AAAAAAAABZ0/F8AwHCvdlFwva9-Zu3ww0qhSOnJVv77cgCK4BGAYYCw/s1600/AntarezPedia-logo-2017.png [ Ganti dengan url gambar yang ingin agan tampilkan. ]

Selanjutnya tinggal pasang di template blog agan letakan code tadi di bawah <head> , untuk mengetahui sudah terpasang dengan benar apa belum silahkan test di Validator card tinggal masukan url blog agan dan molai mengujinya. Apa bila sudah benar maka akan ada notif sucses dan muncul gambar yang sudah agan pasang tadi.

Selamat mencoba jika ragu boleh backup dulu template blog agan, buat jaga-jaga jika terjadi salah pasang atau erorr tapi menurut pengalaman saya tingkat kegagalan hanya 1%.

AntarezPedia

Percayalah Tidak Ada Hasil Yang Menghiyanati Usaha Dan Tidak Akan Ada Usaha Yang Berahir Sia - Sia.

Cara Memasang Meta Twitter Card Di Blog Dengan Benar

0 Response to "Cara Memasang Meta Twitter Card Di Blog Dengan Benar"

Posting Komentar