December 17, 2017

Meta Tag SEO Friendly Terbaru untuk Blogger

By Romeltea | Published: December 17, 2017

Meta Tag SEO Friendly Terbaru untuk Blogger
Meta Tags (Tag Meta) adalah cara terbaik bagi para webmaster/blogger dalam memberikan informasi mengenai blog/situs mereka kepada mesin telusur (pencari).

Demikian dikemukakan Google dalam penjelasan tentang Meta Tag yang Dimengerti Google (Meta Tags that Google Understands).

Meta Tag dapat digunakan untuk memberikan informasi ke semua jenis pengguna dan setiap sistem hanya memproses tag meta yang dipahami dan mengabaikan sisanya.

Bahasa sederhananya, Meta Tag adalah "tanda pengenal" atau identitas sebuah blog sehingga dikenali, diakui, dan diindeks oleh mesin pencari, terutama Google.

Meta Tags dalam template blog bawaan Blogger hanya terdiri dari dua baris kode berikut ini:

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Meta Tag SEO Friendly Terbaru untuk Blogger

Jika Anda menggunakan template bawaan blogger, agar meta tag lebih SEO Friendly, cukup mengganti kode yang kedua, yaitu Title Tag (<title><data:blog.pageTitle/></title>) dengan kode berikut ini:

    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | Deskripsi Singkat Blog Anda di Sini</title>
    </b:if>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<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>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

Meta Tags Blog HTML5


Untuk template blog yang menggunakan kode-kode valid HTML5 atau dijadikan template valid HTML5, ditandai dengan tulisan HTML (huruf besar semua) di bagian atas dan </HTML> di bagian bawah, maka meta tags seo-nya sebagai berikut:

Hapus dan Ganti kode:

<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

Dengan kode berikut ini --sudah ditambahkan kode Open Graph Facebook dan Twitter agar tampilan share di Facebook dan Twitter normal:

<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/771816573-ieretrofit.js"></script>
<![endif]-->
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' 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'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex, nofollow' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='keywords'/>
<meta content='index, follow' name='robots'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageTitle != data:blog.title'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
</b:if>
</b:if>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | Deskripsi Blog Ringkas di Sini</title>
    </b:if>
    <b:else/>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    </b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta expr:content='data:blog.metaDescription' name='description'/>
    <meta content='NAMA ADMIN' name='Author'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
</b:if>
 <meta expr:content='data:blog.pageName' property='og:title'/>
        <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
        <meta content='article' property='og:type'/>
        <meta expr:content='data:blog.postImageUrl' property='og:image'/>
        <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
        <meta expr:content='data:blog.metaDescription' name='og:description'/>
         <meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='ID ADMIN FB ANDA' property='fb:admins'/>
<meta content='ID APP FB ANDA' property='fb:app_id'/>
      <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
      <meta expr:content='data:blog.pageName' name='twitter:title'/>
      <meta content='summary_large_image' name='twitter:card'/>
      <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
      <meta content='summary' name='twitter:card'/>
      <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
       <meta expr:content='data:blog.pageName' name='twitter:title'/>
      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
      <meta content='@username' name='twitter:site'/>
      <meta content='@username' name='twitter:creator'/>

Template blog yang didesain para desainer blogger --selain template bawaan blogger-- biasanya sudah mencantumkan meta tags seo friendly seperti di atas, sehingga tidak usah lagi diganti.

Demikian Meta Tag SEO Friendly Terbaru untuk Blogger yang saya "intip" dari beberapa blog yang sering muncul di halaman pertama hasil pencarian Google. Wasalam. (www.romelteamedia.com).*

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me: facebook twitter instagram linkedin youtube

Recommended Posts

Related Posts

Show comments
Hide comments

5 comments on Meta Tag SEO Friendly Terbaru untuk Blogger

  1. saya menggunakan template bawaan blooger dan sudah pasang meta tag ..terus gimana cara mengecek dan mengetahui meta yang terpasang sudah seo ??

    ReplyDelete
  2. Meta Twitter , jika mempunyai Twitter ,
    Jika tidak punya Twitter bisa di gantikan Meta Profile Blog

    ReplyDelete
  3. kalau kode yang begini <b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if>
    maksudnya apa ya? apakah kondisi apabila tampilan mobile maka tidak diindex, kalo iya kenapa tidak boleh di index?

    ReplyDelete
  4. Makasih atas sharing ilmunya gan

    ReplyDelete

Contact Form

Name

Email *

Message *