Meta Tag SEO Terbaru 2020 untuk Blogger, Update Meta Tag Anda Sekarang Juga!

Meta Tag SEO Terbaru 2020 untuk Blogger, Update Meta Tag Anda Sekarang Juga!

Meta Tag SEO Terbaru 2020 untuk Blogger

Mengoptimasi meta tag merupakan cara terbaik untuk memberikan informasi sebuah situs kepada mesin pencarian seperti google, bing dan sebagainya. Tak hanya itu meta tag merupakan salah satu komponen terpenting yang harus diterapkan dalam situs atau blog sebagai langkah optimasi SEO onpage yang paling dasar.

Jika disederhanakan, meta tag adalah sekumpulan kode HTML yang dipasang pada sebuah situs atau blog ditulis pada bagian <head> yang berfungsi membantu mesin pencari atau media sosial untuk mengetahui rangkuman keseluruhan isi dari sebuah situs.

Seberapa Penting Meta Tag?

Agar mendapat tempat di hasil pencarian, sebuah situs atau blog harus menyertakan meta tag kedalam struktur kode blog nya, kecuali jika blog tersebut disetting untuk pribadi atau pembaca tertentu. Bisa dikatakan data yang akan muncul pada hasil pencarian sebagian besar bersumber dari meta tag.

Meta tag yang baik terseusun rapi serta lengkap akan membuat situs Anda lebih cepat terindeks oleh mesin pencari serta besar kemungkinan mendapat posisi yang tinggi pada hasil pencarian.

Meta Tag SEO Terbaru 2020 untuk Blogger
Hasil pencarian dari artikel ini

Baca juga :


Apa yang Harus Ada Dalam Sebuah Meta Tag?

Meta tag yang paling standar adalah meta tag yang menyediakan beberapa informasi penting seperti Judul Situs, Desktripsi, Keyword, dan Gambar Thumbnail.

Jika keempat data diatas sudah ada pada meta tag Anda sebelumnya maka hal itu sudah cukup untuk bersaing di hasil pencarian. Tapi tidak hanya situs Anda yang menerapkan cara diatas, ada ribuan situs lain dengan niche serupa yang menerapkan hal yang sama bahkan dengan kualitas konten yang lebih baik dari situs Anda. Apakah Anda mampu bersaing dengan mereka?

Satu satunya kesempatan Anda adalah memaksimalkan meta tag Anda dengan menambahkan beberapa kode lain tak kalah penting untuk meningkatkan kualitas situs Anda. Lantas apa saja hal yang perlu Anda tambahkan dalam situs Anda? simak penjelasan dibawah:

Meta Open Graph
Sumber trafic sebuah situs tak hanya dari mesin pencari, sebagian besar juga bersumber dari sosial media. untuk itu juga penting untuk memberikan ringkasan informasi situs Anda kepada sosial media seperti facebook, Twitter dan sebagainya. Caranya adalah dengan menambahkan meta tag open graph pada situs Anda.

Site Authority
Berisi informasi kepemilikan dari sebuah situs, seperti nama pembuat situs tersebut link informasi pemilik situs, kode verifikasi webmaster dan lain sebagainya.

Meta Tag Robot
Meta tag ini berfungsi untuk memberikan informasi yang lebih kompleks pada robot mesin pencari, hal-hal penting yang biasa ditambahkan dalam meta tag ini adalah informasi bahasa situs Anda, lokasi situs Anda dan beberapa hal lainnya

Jika semua informasi diatas sudah Anda terapkan pada meta tag Anda, bisa dipastikan situs Anda akan menempati posisi tinggi pada hasil pencarian. Setidaknya situs Anda lebih cepat terindex dari pada biasanya.

Seperti Apa Penulisan Meta Tag yang Baik?

Tak hanya memberikan informasi yang lengkap, meta tag yang baik adalah yang tersusun rapi serta mudah difahami oleh pemilik situs itu sendiri, dengan merapikan susunan meta tag situs Anda, Anda tidak akan kesulitan untuk mengedit atau mengubahnya dika dibutuhkan dikemudian hari.

Dibawah ini kami akan membagikan meta tag terbaru dan terbaik menurut kami yang sudah digunakan situs ini, meta tag ini disusun lebih rapi agar lebih mudah untuk di modifikasi serta kami akan memberikan panduan untuk Anda mengedit beberapa bagian dari meta tag ini.

Berdasarkan pengalaman menggunakan meta tag ini, posisi situs ini jagodesain.com tidak terpengaruh bahkan setelah beberapa kali mengganti template berkat meta tag dibawah ini. Kami tidak mengatakan meta tag ini adalah yang paling sempurna, tapi setidaknya ini layak untuk dicoba karena jika kami saja berhasil maka Andapun pasti juga berhasil.

Tempelkan kode meta tag dibawah ini pada bagian <head> ... </head> di situs atau blog Anda, atau ganti meta tag yang sebelumnya Anda gunakan dengan meta tag dibawah ini:


  <!-- Blog Title -->
  <b:if cond='data:view.isError'><title>Error 404: Page Not Found</title></b:if>  
  <b:if cond='data:view.isHomepage'><title><data:blog.pageTitle/></title></b:if>
  <b:if cond='!data:view.isMultipleItems'><title><data:blog.pageName/></title></b:if>
  <b:if cond='data:view.isMultipleItems'>
    <b:if cond='data:view.search.query'><title>Search : <data:view.search.query/></title></b:if>
    <b:if cond='data:view.search.label'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
    <b:if cond='data:view.isArchive'><title>Blog Archive in : <data:blog.pageName/></title></b:if>
    <b:if cond='data:view.search and !data:view.search.label and !data:view.search.query and !data:view.isArchive'><title>Blog : <data:blog.title/></title></b:if>
  </b:if>

  <!-- Meta Title -->
  <b:if cond='data:view.isMultipleItems'>
  <meta expr:content='data:blog.pageTitle' property='og:title'/>
  <meta expr:content='data:blog.pageTitle' property='og:image:alt'/>
  <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  <meta expr:content='data:blog.pageTitle' name='twitter:image:alt'/>
  <b:else/>
  <meta expr:content='data:blog.pageName' property='og:title'/>
  <meta expr:content='data:blog.pageName' property='og:image:alt'/>
  <meta expr:content='data:blog.pageName' name='twitter:title'/>
  <meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
  </b:if>
  <meta expr:content='data:blog.title' property='og:site_name'/>

  <!-- Meta Image -->
  <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
      <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
      <b:else/>
      <meta content='logo-blog.png' property='og:image'/>
    </b:if>
  </b:if>
  <b:if cond='data:view.isMultipleItems'>
    <meta content='logo-blog.png' name='twitter:image'/>
    <b:else/>
    <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
  </b:if>
  <b:if cond='data:view.isPost'>
    <link expr:href='resizeImage(data:blog.postImageUrl, 700)' rel='image_src'/>
  </b:if>

  <!-- Meta Description -->
  <meta expr:content='data:blog.metaDescription' name='description'/>
  <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' property='og:description'/>
    <b:else/>
    <meta expr:content='data:post.snippet' property='og:description'/>
  </b:if>
  <meta expr:content='data:blog.metaDescription' name='twitter:description'/>

  <!-- Meta Keywords -->
  <meta expr:content='data:blog.title + ", " + data:blog.pageName' name='keywords'/>
  <meta expr:content='data:blog.title' property='article:tag'/>

  <!-- Meta Link -->
  <link expr:href='data:blog.url' rel='canonical'/>
  <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
  <meta expr:content='data:blog.canonicalUrl' property='og:url'/>

  <!-- Meta Owner -->
  <meta content='Nama Anda' name='Author'/>
  <link href='https://www.facebook.com/userfb' rel='me'/> // link profil Facebook anda
  <link href='https://www.facebook.com/userfb' rel='author'/> // link profil Facebook anda
  <link href='https://www.facebook.com/linkFanspage' rel='publisher'/> // link Fanspage anda jika ada, jika tidak ada silahkan ganti dengan link profil
  <meta content='000000000000999' property='fb:admins'/> // kode profil Facebook anda
  <meta content='000000000000999' property='fb:pages'/> // kode fanspage Facebook anda jika ada
  <meta content='00000000000099988' property='fb:app_id'/>
  <meta content='https://www.facebook.com/000000000000999' property='article:author'/> // link profil Facebook anda
  <meta content='https://www.facebook.com/000000000000999' property='article:publisher'/> // link Fanspage anda jika ada
  <meta content='@akun.twitter' name='twitter:site'/>
  <meta content='@akun.twitter' name='twitter:creator'/>
  <meta expr:content='data:blog.title' name='copyright'/>

  <!-- Meta Icon -->
  <link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
  <link href='.../s300/logo-blog.png' rel='apple-touch-icon'/>
  <link href='.../s57/logo-blog.png' rel='apple-touch-icon' sizes='57x57'/>
  <link href='.../s72/logo-blog.png' rel='apple-touch-icon' sizes='72x72'/>
  <link href='.../s76/logo-blog.png' rel='apple-touch-icon' sizes='76x76'/>
  <link href='.../s114/logo-blog.png' rel='apple-touch-icon' sizes='114x114'/>
  <link href='.../s120/logo-blog.png' rel='apple-touch-icon' sizes='120x120'/>
  <link href='.../s144/logo-blog.png' rel='apple-touch-icon' sizes='144x144'/>
  <link href='.../s152/logo-blog.png' rel='apple-touch-icon' sizes='152x152'/>
  <link href='.../s180/logo-blog.png' rel='apple-touch-icon' sizes='180x180'/>

  <!-- Meta Theme Color -->
  <meta content='#fff' name='theme-color'/>
  <meta content='#fff' name='msapplication-navbutton-color'/>
  <meta content='#fff' name='apple-mobile-web-app-status-bar-style'/>
  <meta content='yes' name='apple-mobile-web-app-capable'/>

  <!-- Meta Blogger Rss -->
  <meta content='blogger' name='generator'/>
  <link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
  <link expr:href='data:blog.url' rel='openid.delegate'/>
  <link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
  <link expr:href='"//www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
  <link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>

  <!-- Meta Open Graph -->
  <meta content='article' property='og:type'/>
  <meta content='id_ID' property='og:locale'/>
  <meta content='en_US' property='og:locale:alternate'/>
  <meta content='en_GB' property='og:locale:alternate'/>
  <meta content='summary_large_image' name='twitter:card'/>

  <!-- Meta Robots Search -->
  <meta content='width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=5.0' name='viewport'/>
  <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  <meta content='all-language' http-equiv='Content-Language'/>
  <meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
  <meta content='Indonesia' name='geo.placename'/>
  <meta content='id' name='geo.country'/>
  <meta content='ID-BT' name='geo.region'/>
  <meta content='id' name='language'/>
  <meta content='global' name='target'/>
  <meta content='global' name='distribution'/>
  <meta content='general' name='rating'/>
  <meta content='1 days' name='revisit-after'/>
  <meta content='true' name='MSSmartTagsPreventParsing'/>
  <meta content='index, follow' name='googlebot'/>
  <meta content='follow, all' name='Googlebot-Image'/>
  <meta content='follow, all' name='msnbot'/>
  <meta content='follow, all' name='Slurp'/>
  <meta content='follow, all' name='ZyBorg'/>
  <meta content='follow, all' name='Scooter'/>
  <meta content='all' name='spiders'/>
  <meta content='all' name='WEBCRAWLERS'/>

  <!-- Owner Sife Verification -->
  <meta content='xxxxxxxxxxxxxxxxx_g' name='google-site-verification'/>
  <meta content='xxxxxxxxxxxxxxxxx' name='msvalidate.01'/>
  <meta content='xxxxxxxxxxxxxxxxx' name='p:domain_verify'/>
  <meta content='xxxx_xxxxx-xxxxxxx' name='majestic-site-verification'/>


Keterangan dan Panduan penggunaan
Sebelum menyalin dan menempel meta tag diatas pada situs Anda, UBAHLAH! beberapa bagian yang ditandai dengan informasi dari situs Anda atau pada meta tag yang Anda gunakan sebelumnya.
  • <!-- Blog Title -->
    Kelompok tag pertama ini berfungsi untuk menampilkan judul dari situs atau halaman tertentu pada blog pada hasil pencarian. Misal ada sebuah artikel baru yang dipublish maka judul artikel tersebut akan otomatis tertulis pada dalam kode ini, hasilnya pada mesin pencari bisa di dilihat pada gambar dibawah:

    Meta Tag SEO Terbaru 2020 untuk Blogger

    Aturan atau kondisi yang terdapat dalam tag ini antara lain adalah :

    cond='data:view.isError'
    Baris pertama menampilkan judul pada halaman error 404 situs Anda. Secara default hasil yang ditampilkan adalah Error 404: Page Not Found, Anda bisa menggantinya dengan judul lain sesuai keinginan misal Maaf! Halaman Tidak Ditemukan atau sebagainya

    cond='data:view.isHomepage'
    Menampilkan judul dari halaman Homepage situs Anda, Anda bisa menambahkan kalimat lain pada hasil pencarian misal seperti Nama Blog : Pusat Informasi Handphone Terbaru atau semisalnya dengan cara mengubah baris kode ini menjadi :

    
    <b:if cond='data:view.isHomepage'><title><data:blog.pageTitle/> : Judul Tambahan</title></b:if>
    

    Hasilnya seperti contoh gambar dibawah ini:

    Meta Tag SEO Terbaru 2020 untuk Blogger

    Memang terlihat sederhana, tapi hal ini bisa nenambah kekuatan keyword yang ditarget situs Anda.

    cond='!data:view.isMultipleItems'
    Menampilkan judul halaman posting dan halaman static, defaulnya yang akan ditampilkan hanyalah judul dari postingan blog Anda, Tapi ada beberapa blog yang juga menambahkan judul blognya pada bagian ini sebagai penguat keyword blog nya contohnya seperti dibawah :

    Daftar Handphone Ram 6Gb dengan Harga dibawah 3 Juta - Raja Android

    Jika blog Anda juga menampilkan judul seperti diatas maka ubahlah baris kode ini menjadi :

    
    <b:if cond='!data:view.isMultipleItems'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
    

    Anda bisa mengubah tanda pisah diatas dengan tanda lain yang menurut Anda cocok seperti : atau |

    cond='data:view.isMultipleItems'
    Menampilkan judul pada halaman index blogger (selain homepage, posting dan halaman statis) yang pada blogger ditandai dengan /search pada url-nya, ada 4 kondisi yang ditulis untuk mampilkan judul yang berbeda pada halaman index blog Anda diantaranya :

    Search : query pencarian - Menampilkan judul dari halaman pencarian pada blog Anda, secara otomatis kata kunci apapun yang ditulis oleh user akan tampil pada judul ini dan Anda juga bisa mengubah kata Search : pada baris ini dengan kata lain seperti Hasil Pencarian : atau kata lainnya. Contoh penerapan kode ini bisa Anda lihat pada halaman ini.

    Nama Label - Judul Blog - Menampilkan judul halaman label pada blog Anda, jika user mengklik link label pada blog Anda maka bagian inilah yang akan ditampilkan sebagai judul.

    Blog Archive in : Januari 2020 - Bagian ini adalah opsional yang artinya bisa Anda terapkan atau tidak Tapi seandainya Anda mengaktifkan fitur arsip atau menambahkan Widget Archive pada blog Anda, maka judul inilah yang akan tampil ketika user mengklik halaman arsip blog Anda.

    Blog : Judul Blog - Jika semua kondisi diatas tidak terpenuhi maka judul inilah yang akan ditampilkan, biasanya judul ini akan tampil ketika user mengklik tombol navigasi Postingan lebih lama, Postingan lebih baru atau navigasi numbering pada blog Anda.

    Kebanyakan blogger memilih untuk mencekal halaman ini untuk tampil di hasil pencarian, tapi pengaturan ini tetap layak dicoba untuk lebih mempercantik tampilan judul halaman blog Anda
  • <!-- Meta Image -->
    Meta tag ini berfungsi untuk menampilkan thumbnail/cuplikan gambar blog Anda, pada halaman postingan cuplikan gambar yang ditampilkan pada bagian ini adalah gambar pertama dari artikel Anda.

    Jika artikel yang Anda tulis tidak memiliki gambar, maka yang akan ditampilkan adalah link gambar yang Anda sisipkan dalam tag ini, Ubahlah bagian yang ditandai pada baris ini dengan link logo blog Anda. (siapkan gambar logo blog Anda dengan ukuran minimal 300px x 300px)

    
    <meta content='logo-blog.png' property='og:image'/>
    
    // ubah dengan link blog Anda, sebagai contoh hasilnya adalah seperti dibawah ini
    
    <meta content='https://1.bp.blogspot.com/-0rBDCRtFSls/XhPhrEpk-BI/AAAAAAAAO5E/LJ44z0MR3E006rm7L6iyZNhdFftcXa9RgCPcBGAYYCw/s1600/jagodesain-logo.png' property='og:image'/>
    
  • <!-- Meta Description -->
    Salah satu cara optimasi SEO Onpage adalah menambahkan deskripsi blog disetiap halaman, deskripsi ini akan ditampilkan pada hasil pencarian di bagian bawah judul blog seperti pada gambar dibawah ini:

    Meta Tag SEO Terbaru 2020 untuk Blogger

    Maka dari itu sebisa mungkin tambahkanlah deskripsi pencarian pada setiap Anda posting artikel, pada blogger ketika menulis artikel Anda bisa menuju bidang kanan dan klik tulisan Deskripsi Penelusuran, untuk lebih jelaskan Anda bisa lihat pada gambar dibawah ini:

    Meta Tag SEO Terbaru 2020 untuk Blogger

    Salah satu kelebihan dari meta tag yang dibagikan pada kali ini adalah disediakan alternatif deskrpisi ketika Anda tidak menuliskan deskripsi pada blog. Ketika tidak terdapat deskripsi pada sebuah postingan, otomatis paragraf pertama dari postingan tersebut akan ditampilkan menjadi desktripsi blog.
  • <!-- Meta Owner -->
    Berisikan informasi data kepemilikan blog atau situs, bisa itu perorangan atau kelompok. Silahkan ini bagian yang sudah ditandai pada tag ini dengan data diri Anda.
  • <!-- Meta Icon -->
    Berfungsi untuk menampilkan icon pada platform IOS, silahkan ganti bagian yang sudah ditandai dengan url logo blog Anda, ubah juga ukuran logo Anda dengan cara mengubah bagian /s1600/ pada url blog Anda dengan ukuran icon yang sudah tertera pada kode meta tag diatas.
  • <!-- Meta Theme Color -->
    Ubah kode warna yang ditandai pada baris kode ini dengan warna dominan dari blog Anda, bagian ini berfungsi untuk mengubah warna address bar pada browser Google Chrome di android atau browser Safari pada IOS
  • <!-- Meta Robots Search -->
    Kumpulan meta tag ini berfungsi untuk membuat hasil pencarian menjadi lebih akurat dan lebih cepat, jika blog Anda berbahasa Indonesia maka tidak ada yang perlu diubah pada bagian ini, tapi jika blog yang Anda kelola berbahasa lain maka Anda bisa menyesuaikannya dengan bahasa yang blog Anda gunakan
  • <!-- Owner Sife Verification -->
    Bagian terakhir ini berfungsi untuk memverifikasi kepemilikan situs atau blog di beberapa situs tertentu. Dalam kode ini terdapat 4 kode verifikasi diantaranya adalah verifikasi untuk Google Webmaster / Search Console, Bing Webmaster, Pinterest Site Verification dan Majestic SEO Tools Verification.

    Sementara ini tidak menyediakan tutorial cara mendapatkan kode verifikasi diatas, silahkan Anda mencari sendiri di google cara mendapatkannya.

Silahkan berikan komentar Anda setelah menggunakan meta tag ini dan silahkan ajukan pertanyaan jika ada kendala dalam penerapan meta tag diatas.