Cara membuat Twitter card diblog untuk optimasi social media(SMO)

Selain SEO blogger masa kini perlu juga mengenal apa itu SMO.Karena keseharian orang jaman now sudah lekat dengan yang namanya social media.Maka perkembangan Social Media Optimization pun sudah menjadi bagian terpenting kedua seorang blogger.

SMO(Social Media Optimization)

SMO merupakan bagian dari strategi penambah visitor bagi situs yang kita miliki.Beberapa faktor penting SMO adalah bagaimana cara menarik pengunjung dengan mempublikasikannya atau biasa kita kenal dengan share artikel ke semua sosial media yang kita miliki.

Karena hari ini titlenya membahas perihal Twitter card,maka kita bahas terlebih dahulu apa itu Twitter card.Untuk id card dari sosmed lain seperti Facebook card,dan google + card mungkin next akan saya buat tutornya ya gan.😊

Perihal Twitter card

Twitter card merupakan bentuk validasi pengenalan gambar yang dimiliki oleh blog kita,hal ini mirip dengan schema markups yang digunakan oleh google.Jika google memakai schema markups untuk mengenali data yang ada pada blog,Twitter menggunakan markup Twitter card sebagai pengumpul data dalam bentuk tag meta yang akan dibaca oleh Twitter sebagai kode snippet blog yang anda miliki.

Jika blog anda ingin memiliki Twitter card ada baik untuk memasang script meta tag Twitter card terlebih dahulu.

Fungsi Twitter card

Apakah anda pernah share di twitter dan mendapati share link anda hanya menampilkan link tanpa memiliki gambar sama sekali?
Nah Twitter card merupakan pengenal data anda atau bisa juga disebut sebagai profile id Twitter anda dalam bentuk seperti gambar yang tertera didalam artikel yang anda miliki dan menampilkannya di tweet anda nantinya.
Pada beberapa template premium twitter card biasanya telah ditambahkan secara otomatis.

Namun bagaimana bagi para pengguna template default blogger?Tenang,saya akan membagikan nya pada anda sesaat lagi.Makanya,baca terus sampai habis yah👍.

Nah,sekarang saya akan menjawab terlebih dahulu pertanyaan dari Topik saya kali ini.
Apakah Twitter card penting untuk social media optimization?
Jika dilihat dari fungsinya Twitter card akan menambah rasa penasaran dari pemirsa tweet kita karena memiliki tampilan yang enak dilihat,hal ini berdampak pada user experience dari pemirsa tweet,sehingga Twitter card merupakan salah satu cara dari SMO(social media optimization).

Cara membuat Twitter card diblog.

Ada 2 jenis Twitter card yang bisa anda tambahkan salah satunya kedalam blog anda,yaitu:

1.Summary style


Summary type Twitter card

Summary style mungkin adalah salah satu bentuk Twitter card yang cukup simple dengan penempatan image yang relatif lebih kecil ukurannya namun akan terlihat penuh pada tweet anda.Untuk menambahkan meta tag Twitter card ini cukup pergi ke dashbor blogger >>tema>>edit html anda,
kemudian copy code dibawah ini dan tempatkan tepat dibawah kode <head>

<meta content='summary' name='twitter:card'/> <meta expr:content='data:blog.pageTitle' name='twitter:title'/> <meta content='@usernameanda' name='twitter:site'/> <meta expr:content='data:blog.metaDescription' name='twitter:description'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' name='twitter:image'/> <meta expr:content='data:blog.pageName' name='twitter:image:alt'/> <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postThumbnailUrl' name='twitter:image'/> <meta expr:content='data:blog.pageName' name='twitter:image:alt'/> <b:else/> <meta content='url logo anda' name='twitter:image'/> </b:if></b:if>


Mudah bukan?

2.Summary large image style

Twitter card

Summary large image style merupakan type Twitter card yang soundonmike gunakan saat ini.Tampilan image yang lebar dengan title dibawahnya membuat tampilan Twitter card lebih enak dilihat menurut saya.Cara menambahkannya sama dengan summary style.Ini codenya:

<meta content='summary_large_image' name='twitter:card'/> <meta expr:content='data:blog.pageTitle' name='twitter:title'/> <meta content='@usernameanda' name='twitter:site'/> <meta content='@usernameanda' name='twitter:creator'/> <meta expr:content='data:blog.metaDescription' name='twitter:description'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' name='twitter:image'/> <meta expr:content='data:blog.pageName' name='twitter:image:alt'/> <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postThumbnailUrl' name='twitter:image'/> <meta expr:content='data:blog.pageName' name='twitter:image:alt'/> <b:else/> <meta content='url logo anda' name='twitter:image'/> <meta expr:content='data:blog.title' name='twitter:image:alt'/> </b:if></b:if>

Catatan:

Anda bisa mengubah usernameanda dengan user name akun Twitter yang anda miliki dan url logo anda dapat anda ganti dengan url gambar logo blog anda.
Contoh:
  • Username: laborscky
  • Url logo :https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv4IiJx5HzHizxhyuksc7AkH11N2CQjO0jluYzzxbY_0gWkZ26CWLsF993_-K3lHecwqWWFCwLEV_JMKs9Z56A_0zPXmxt6trztDjRGj7vEJa4B4lLm2EX26BEcQQCwipmV1IHtNMbQqSX/s320/flatlogo_166-min.png

Maka kode script summary nya akan seperti berikut:

<meta content='summary' name='twitter:card'/> <meta expr:content='data:blog.pageTitle' name='twitter:title'/> <meta content='@laborscky' name='twitter:site'/> <meta expr:content='data:blog.metaDescription' name='twitter:description'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' name='twitter:image'/> <meta expr:content='data:blog.pageName' name='twitter:image:alt'/> <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postThumbnailUrl' name='twitter:image'/> <meta expr:content='data:blog.pageName' name='twitter:image:alt'/> <b:else/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv4IiJx5HzHizxhyuksc7AkH11N2CQjO0jluYzzxbY_0gWkZ26CWLsF993_-K3lHecwqWWFCwLEV_JMKs9Z56A_0zPXmxt6trztDjRGj7vEJa4B4lLm2EX26BEcQQCwipmV1IHtNMbQqSX/s320/flatlogo_166-min.png' name='twitter:image'/> </b:if></b:if>

Setelah anda menempelkan kode script meta Twitter card saatnya anda mencoba untuk memvalidasi Twitter card anda dengan cara mengunjungi situs berikut"card validator",akan tetapi untuk dapat menggunakan card validator tersebut anda harus dalam keadaan login ke akun Twitter Anda terlebih dahulu,setelah anda login baru anda dapat mencoba validasi Twitter card anda.Dibawah ini merupakan gambar contoh validasi Twitter card dari blog soundonmike ini.

Twitter card
Nampaknya artikel saya kali ini sudah sampai pada tahap akhir,semoga apa yang telah saya tuliskan diatas dapat bermanfaat untuk anda yang telah setia membaca artikel saya kali ini sampai habis.
Semoga bermanfaat.