Cara Pasang Twitter Cards di blog nextwapblog

Cara Pasang Twitter Cards di blog nextwapblog

      Selum saya membagikan meta tag twitter card sudah pada taukan apa kegunaan dan fungsi twitter card, tidak beda jauh dengan facebook open graph yaitu untuk memunculkan deskripsi website/blog saat kita share link ke twitter. Ada beberapa tipe card yang telah di sediakan oleh twitter namun di sini saya hanya membagikan yang simple dan biasa di gunakan oleh  blogger pada umumnya jika kalian ingin memasang meta tag yang lebih kompleks lagi bisa mencarinya pada halaman Developer Twitter di situ terdapat meta tag untuk video dan musik.

Berikut contoh blog yang menggunakan meta tag twitter cards.

Akan sangat berbeda jika tidak menggunakan meta twitter cards, yang muncul hanya link/url saja tanpa ada keterangan.

Di sini saya hanya membangun 6 meta tag saja di antaranya:

  • "twitter:image:src"

  • "twitter:domain"

  • "twitter:creator"

  • "twitter:site"

  • "twitter:title"

  • "twitter:title"
  • Jika kalian ingin memasangnya juga silahkan copy meta tag berikut, andai ada keselahan atau kekurangan mohon sampaikan nanti saya perbaiki..

     <meta name="twitter:card" content="summary"/>  
     <meta name="twitter:site" content="@si_nasrull"/>   
     <meta name="twitter:creator" content="@si_nasrull"/>  
     <meta name="twitter:domain" content="{{ view.link }}"/>  
     <meta name="twitter:title" content="{{ site.name }}"/>  
     <meta name="twitter:description" content="{{ view.description }}"/>   
     <meta name="twitter:url" content="{{ site.url }}"/>  
     <meta name="twitter:title" content="{{ page_title }}"/>  
     <meta name="twitter:title" content="{{ post.title }}"/>   
     <meta name="twitter:description" content="{{ page_description }}"/>   
     <meta name="twitter:image:src" content="{{ view.thumb }}"/>   
     <meta name="twitter:image:src" content="http://ngeblog.nextwapblog.com/files/mymp3.jpg"/>   
    

    Cara meletakannya sebagai berikut:

    Sebelumnya edit terlebih dulu bagian di bawah ini sesuai dengan yang ingin anda tampilkan di cards nanti :

  • "@si_nasrull"
  • "@si_nasrull"
  • "http://ngeblog.nextwapblog.com/files/mymp3.jpg"
  • Pergi ke-Dasbor nextwapblog > Klik tema > Edit Template > header.html

    <head>

    Letakan code meta tag twitter cards di sini..

    </head>

    Sedangkan untuk mengetahui sudah benar apa belum meletakan meta tag tersebut bisa cek di Twitter Validator tinggal masukan url blog agan mulailah menguji dan berikut tampilan setelah di pasang card twitter:

    Bagai mana.. sangat mudahkan.. Jika ada pertanyaan tentang Cara memasang meta twitter cards di blog nextwapblog sampaikan saja lewat komentar atau bisa juga melalui kontak us, sebisa mungkin saya akan balas pesan dari anda secepatnya..

    Subscribe to receive free email updates:

    0 Response to "Cara Pasang Twitter Cards di blog nextwapblog"

    Posting Komentar

    Komentar Yang Anda Kirim Mencerminkan Kepribadian Anda, komentar yang tidak sesuai dengan postingan ini akan saya hapus.