Membuat Twitter Cards sendiri di blogger

3 komentar
Dengan membuat Twitter Cards anda sendiri ini tentu saja bisa untuk melampirkan beberapa informasi biasanya terlihat "View Summary" serta pengalaman sosial media khususnya untuk Tweets yang mana akan memperkaya konten serta tautan Anda. Caranya pun termasuk gampang, tinggal tambahkan beberapa baris kode HTML ke halaman Web / blog Anda, dan apabila ada pengguna yang memakai link Tweet ke konten Anda maka akan memiliki seperti tanda pengenal otomatis ke Tweet yang terlihat pada follower anda. Sebetulnya ada berbagai jenis Twitter Cards yang dapat dilampirkan ke Tweet dan tiap card memiliki tampilan yang berbeda dan dibangun berdasar web Twitter serta klien mobile: 
  • Summary Card: Kartu bawaan, termasuk judul, deskripsi, thumbnail, dan akun Twitter atribut.
  • Large Image Summary Card: Mirip dengan summary card, namun memiliki kemampuan untuk menonjol fitur gambar.
  • Photo Card: Sebuah Tweet kartu foto ukuran.
  • Gallery Card: Sebuah kartu Tweet diarahkan menyoroti koleksi foto.
  • App Card: Sebuah kartu Tweet untuk menyediakan profil dari aplikasi.
  • Player Card: Sebuah Tweet ukuran video / audio / kartu media player.
  • Product Card: Kartu Tweet untuk lebih mewakili isi produk.
Jika ingin membuat Twitter Cards di platform Blogger yang bisa digunakan hanya model Summary Card dan berikut dibawah ini adalah cara untuk membuat Twitter Cards di Blogger Blogspot:
  • Login di dasboard blogger anda, kemudian klik bagian Template dan Edit html, cari kode </head> pakai Ctrl -F biar lebih cepat lalu silakan paste kode dibawah dan sesuaikan parameter twitter:site serta twitter:creator berdasar yang anda punya.
    <!-- twitter cards -->
    <meta content='summary' name='twitter:card'/>
    <meta content='@masaiyabiz' name='twitter:site'/>
    <meta content='@masaiyabiz' name='twitter:creator'/>
    <meta content='masaiya.biz' name='twitter:twitter:domain'/>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
    <meta expr:content='data:blog.title' name='twitter:title'/>
    <b:else/>
    <meta expr:content='data:blog.url' name='twitter:url'/>
    <meta expr:content='data:blog.pageName' name='twitter:title'/>
    </b:if>
    <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/> <b:else/> <meta content='http://3.bp.blogspot.com/-MLYG3-nt2IY/UcHLKnKX3qI/AAAAAAAAAME/KIeTKg5umf8/s1600/logomasa.jpg' name='twitter:image'/> </b:if>
    <!-- end twitter cards -->
  • Sekarang kunjungi Twitter Cards Validator dan pastikan anda login dengan akun twitter anda setelah itu Pilih Summary >> Validate & Apply >> Masukkan URL yang ingin dites -> Request approval. Ini hanya dilakukan sekali untuk selanjutnya tinggal test dan GO saja namun pastikan setiap url yang ingin anda buatkan kartunya harus memiliki meta deskripsi.
Twitter Cards
sample validasi Twitter Cards
Selamat mencoba Membuat Twitter Cards sendiri di blogger gratis lho dan anggap saja anda punya kartu nama untuk setiap informasi tweet yang anda kicaukan.

3 komentar:

  1. bermanfaat banget gan. langsung top markotop dicoba berhasil.

    BalasHapus

Tanggapan dan sanggahan dari yang menyimak.

artikel populer