Meta Tag SEO Friendly Valid HTML5 untuk Blogspot

Diterbitkan Oleh Muaz Ramdany October 03, 2017 Loading... views 5 Komentar
Menerapkan Meta Tag merupakan teknik dasar SEO yang sangat penting untuk memberikan informasi mengenai Blog atau Website sobat kepada mesin pencari. Hal ini seharusnya sudah sobat atur dan sesuaikan dengan baik ketika awal membuat Blog atau Website. Dengan penggunaan yang benar dan didukung dengan konten berkualitas, maka akan memudahkan sobat untuk mendapatkan hasil yang terbaik di Google Search Engine. Lantas buat apa itu dan mengapa ? simak penjelesannya dibawah ini :

Apa itu Meta Tag ?

Meta Tag adalah elemen penting dalam bahasa pemrograman HTML atau XHTML yang berguna untuk memberikan informasi mengenai identitas dan isi sebuah blog atau website ketika di indeks oleh mesin pencari. Elemen Meta ini harus diletakkan di dalam kode <head> sebelum </head>. Secara umum, terdapat beberapa macam Meta Tag dengan fungsi yang berbeda. Beberapa fungsi tersebut misalnya meta keywords, robots, dan description.

Informasi apa saja yang diatur di Meta Tag kepada mesin pencari ?
  • Keywords ini salah satu jenis meta yang memiliki fungsi menjelaskan isi dari halaman web melalui beberapa kata atau frasa. Seiring perkembangan zaman, jumlah penggunaan keywords telah dibatasi. Seperti Google yang menganggap "spam" penggunaan keywords dengan jumlah di atas 7 kata. 
  • Robots ini salah satu jenis meta yang memiliki fungsi mengontrol perilaku perayapan dan pengindeksan mesin telusur. Meta Tag robots berlaku untuk semua mesin telusur (search engine), untuk Meta Tag "googlebot" di khususkan hanya untuk google. Contoh nilainya seperti "index,follow" (sama dengan "all") dan tidak perlu ditetapkan. 
  • Description ini salah satu jenis meta yang memiliki fungsi memberikan garis besar isi halaman web. Cara menggunakan ini berbeda dengan keywords yaitu menggunakan kalimat bukan kata. 
Ketiga elemen Meta Tag diatas wajib diterapkan atau disesuaikan dengan identitas Blog atau Website milik sobat. Sekarang apa itu Meta Tag SEO Friendly ?

Meta Tag SEO Friendly adalah salah satu teknik untuk mengoptimasi informasi situs sobat pada mesin pencarian google dan sejenisnya atau bisa juga untuk manampilkan informasi situs sobat ke media sosial seperti facebook, twitter dll pada sebuah tautan link yang sobat bagikan dan tentunya ramah untuk di tampilkan menurut saya. Seperti contoh di bawah ini :

Hasil dari mesin pencarian Google :


Hasil dari Facebook :


Hasil dari Twitter :


Contoh di atas itu adalah hasil dari optimasi yang saya terapkan di Meta Tag yang kemudian dari masing masing vendor merespon dan menampilkannya. Ngomong ngomong soal posisi di mesin pencarian google, Meta Tag Seo Friendly ini menurut saya sangat mempengaruhi untuk posisi website/blog sobat karna ada kemungkinan google menggunakan algoritma nya sebagaimana kualitas blog dan tentunya banyak pengunjungnya dan optimasi SEO yang baik untuk menjadikannya page/position one (koreksi bila salah).

Lantas Bagaimana Contoh Kode Nya ?

Setelah saya melakukan experimen pembuatan template 3x Rebuild dan Redesign akhirnya saya memutuskan template inilah yang saya patenkan dengan cara menerapkan Meta Tag SEO Friendly Valid HTML5. yang dimana menurutku informasi blog ini ke dalam meta atau dari hasil pencarian google itu lebih efektif dan jelas dan kemungkinan di mata google berkualitas.

Jika sobat sedang Redesign Template atau membuat Template sendiri mungkin kode di bawah ini bisa sobat terapkan :

  <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
    <b:if cond='data:blog.pageType == &quot;index&quot; and !data:blog.searchQuery'>
      <title><data:blog.pageTitle/></title>
      <b:else/>
      <title><data:blog.pageName/> - <data:blog.title/></title>
    </b:if>
  </b:if>
  <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    <title>Page Not Found - <data:blog.title/></title>
  </b:if>

  <meta charset='utf-8'/>
  <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
  <meta content='width=device-width, minimum-scale=1, initial-scale=1' name='viewport'/>
  <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  <meta content='notranslate' name='google'/>

  <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
    <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
    <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
    <link expr:href='data:blog.homepageUrl' rel='canonical'/>

    <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
    <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
    <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>

    <!--international-targeting-->
    <link expr:href='data:blog.url' hreflang='en-ca' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='en-au' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='en' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='id-US' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='id-HK' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='de-AE' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='be' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='de' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='de-ES' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='en-GB' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='fr-be' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='nl-be' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='EN-id' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='en-ie' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='id-UK' rel='alternate'/>
    <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>

    <!--google-webmaster-->
    <meta content='-GOOGLE-VERIVYCATION-' name='google-site-verification'/>
    <!--bing-webmaster-->
    <meta content='-BING-VERIVYCATION-' name='msvalidate.01'/>
    <!--yandex-webmater-->
    <meta content='-YANDEX-VERIVYCATION-' name='yandex-verification'/>

    <meta content='Indonesia' name='geo.placename'/>
    <meta content='-NAMA-SOBAT-' name='author'/>
    <meta content='general' name='rating'/>
    <meta content='id' name='geo.country'/>
    <link href='https://plus.google.com/GOOGLEPLUS-USERNAME' rel='Publisher'/>
  </b:if>

  <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
    <meta expr:content='data:blog.title' property='og:site_name'/>
    <b:if cond='data:blog.pageType in {&quot;index&quot;, &quot;item&quot;}'>
      <meta expr:content='data:blog.metaDescription' name='description'/>
      <meta content='-URL-GAMBAR-LOGO-' name='image'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <meta expr:content='data:blog.metaDescription' name='keywords'/>
      </b:if>
    </b:if>
  </b:if>

  <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
    <!--Facebook-OG-->
    <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
      <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' property='og:title'/>
      <b:else/>
      <meta expr:content='data:blog.title' property='og:title'/>
    </b:if>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <meta content='article' property='og:type'/>
      <b:else/>
      <meta content='website' property='og:type'/>
    </b:if>
    <meta expr:content='data:blog.metaDescription' property='og:description'/>
    <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='-URL-GAMBAR-LOGO-' property='og:image'/>
      </b:if>
    </b:if>
    <meta content='-FB-FANSPAGE-ID_OR_PROFILE-ID-' property='fb:admins'/>
    <meta content='-FB_APPLICATION-ID-' property='fb:app_id'/>
    <meta content='en_US' property='og:locale'/>
    <meta content='en_GB' property='og:locale:alternate'/>
    <meta content='id_ID' property='og:locale:alternate'/>

    <!--Twitter-Card -->
    <b:if cond='data:blog.pageType in {&quot;index&quot;, &quot;static_page&quot;}'>
      <meta content='summary' name='twitter:card'/> <!--[change summary]-->
      <b:else/>
      <meta content='summary_large_image' name='twitter:card'/>
    </b:if>
    <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
      <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='twitter:title'/>
      <b:else/>
      <meta expr:content='data:blog.title' name='twitter:title'/>
    </b:if>
    <meta content='@USERANAME-TWITTER' name='twitter:site'/>
    <meta content='@USERANAME-TWITTER' 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-GAMBAR-LOGO-' name='twitter:image'/>
        <meta expr:content='data:blog.title' name='twitter:image:alt'/>
      </b:if>
    </b:if>
   </b:if>

Itulah penjelasan dan tulisan singkat saya mudah mudahan bisa bermanfaat. Terima kasih telah berkunjung.

Pos Terkait

Komentar Pada `Meta Tag SEO Friendly Valid HTML5 untuk Blogspot`

5 Komentar Pada `Meta Tag SEO Friendly Valid HTML5 untuk Blogspot`

  1. Mantab!! sudah aku pasang di https://www.pinjamandanatunai.info hasilnya OK

    ReplyDelete
  2. Mantap broo
    https://mengungkap-sejarahdunia.blogspot.com/2019/04/inilah-topeng-pejuang-hak-asasi-manusia.html?m=1

    ReplyDelete