Header Ads Widget

Responsive Advertisement

Meta Tag Blogspot SEO Friendly Valid HTML5

Monoz 2:21 AM

Meta Tag Blogspot SEO Friendly Valid HTML5 Lengkap yang saya dapatkan dari hasil berburu SEO di google. Pokok'e lengkap p p p... pokok'e mantab... meta tag yang saya dapatkan sudah di formulasikan untuk penggunaan blogspot dan yang pastinya super SEO friendly dan ter-update yang sudah dilengkapi dengan social meta tag untuk penggunaan snipet card Facebook, Twitter, Pinteres, Tumblr dan Linkdn so stay tuned terus di monozcore biar selalu update untuk dunia blogger yang berbasis blogspot.

Meta tag deskripsi memang sangat dianjurkan oleh Google Search Engine untuk dipasang di blog atau website pribadi dengan tujuan agar google lebih mudah menelusuri dan meng-indeks halaman blog dan juga untuk kemajuan pagerank blog. Selain untuk hal tersebut sekarang penggunaan meta tag menjadi semakin fungsional terlebih dengan adanya fitur card redirect interaction yang semakin banyak digunakan di situs-situs besar sosial media.

Apa sih card redirect interaction ??? Fitur card redirect interaction ini berguna pada saat kita mengetikan alamat suatu website dalam hal ini blog (karena topik pembicaraan adalah blog yang berbasis blogspot) maka akan muncul keterangan dari alamat website yang merujuk kepada isi artikel dari alamat website yang ditulis pada postingan status di media sosial.

Berikut contoh gambar dari penggunaan card redirect interaction :

Gambar Postingan Status Facebook Card dengan mengetikan URL : http://monozcore.blogspot.co.id/2017/06/slide-out-recommended-blog-post.html pada update status facebook

Gambar Tweet post Tweeter Card dengan mengetikan URL : http://monozcore.blogspot.co.id/2017/06/slide-out-recommended-blog-post.html pada tweet status di tweeter

Gimana keren kan..? oke lah buat yang tertarik langsung aja menuju TKP biar segera di perkarakan hehehe :), sebelumnya jangan lupa untuk Like, Share dan Subscribe yaaa... kalo masih kurang banyak nanti saya update lagi so stay tuned terus yaa di monozcore.

Penting !!! Tips dan trik SEO ini hanya untuk diterapkan pada template berbasis blogspot. Apabila anda sudah lama menggunakan blog dan ingin menggunakan trik ini ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari  hal-hal yang tidak diinginkan dalam menerapkan trik SEO meta tag ini.

Cara Pemasangan :
  • Login ke blog sobat...

  • Klik "TEMA" kemudian klik "Edit HTML".

  • Pada artikel ini saya berikan komplit kode meta tag yang sudah diformulasikan untuk penggunaan sehari-hari di blogspot, adapun modifikasi meta tag antara lain :
    1. formulasi meta tag social media.
    2. modifikasi tag judul blog supaya SEO friendly. Jangan lupa untuk menghapus tag judul default bawaan dari template blog yang sobat gunakan.
    3. optimasi meta tag untuk penggunaan browser Internet Explorer versi 9 ke bawah
    4. optimasi meta tag untuk beberapa search engine agar mantab SEO.
    5. modifikasi meta tag untuk penggunaan mobile device.
    6. penggunaan meta tag canonical.
    7. modifikasi meta tag deskripsi dan meta keywords.
    8. modifikasi meta tag untuk menghindari duplikasi karena halaman Archive.
    9. modifikasi meta tag untuk menghindari duplikasi karena halaman Label.
    10. modifikasi meta tag untuk menghindari duplikasi konten karena tampilan dinamis dan tampilan versi seluler / versi mobile.

    Hapus semua meta tag yang ada pada kode HTML template blog, Ingat hanya kode meta tag saja yaa jangan kode yang lain. Apabila sudah ganti kode meta tag yang lama tersebut dengan kode meta tag di bawah ini. Copy-paste kode di bawah ini dan taruh setelah kode <head> pada kode template blog sobat.

    <!-- SEO Title Tag Start-->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<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>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<!-- SEO Title Tag End-->

<!-- SEO IE Browser Start-->
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.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]-->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<!-- SEO IE Browser End-->

<!-- SEO Meta Tag Start-->
<meta charset='utf-8'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXnRDDz_eI-9VUOJD0gclqvBmIwQbLq7G2eWTM5qRy6cWFy08qYmqC_J9_n8wXXCcQwEwRqFfWErybTCYG4CkAHnLmVhX8HFNZBUQtIvLykhfJMJmuqEydYeabj6ytcD19L5OoqIOuVjyf/s1600/monozcore_New_Logo.png' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/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'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link href='https://plus.google.com/110307523421514782253/posts' rel='publisher'/>
<link href='https://plus.google.com/110307523421514782253/about' rel='author'/>
<link href='https://plus.google.com/110307523421514782253' rel='me'/>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>    
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>

<meta content='global' name='distribution'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<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'/>

<meta content='jZm3N_ZvyOuahbk_dkPSNAM1DZXuiwuly9ajt5y3-ik' name='google-site-verification'/>
<meta content='2A2B44F0E214C297DEB9EEC1D3E3B6CA' name='msvalidate.01'/>
<meta content='9ba13fa40f5f4bd5a926649435213509' name='p:domain_verify'/>

<meta content='MonozCore' name='Author'/>
<meta content='Public' name='rating'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='general' name='rating'/>
<meta content='English' name='language'/>
<!-- SEO Meta Tag End -->
<!-- Facebook Open Graph Start-->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'> 
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTp-4OgqoG9FGAMdQ2cgMHPrV5WPAukLSAtaltToSW9RVGAnAwgkCz_XB7scHl_57_EF7Kj_6lrU77zzs4yKC_8uk10-Dq6Tql6uFNH20H4xCIk2YWLBhF2X1WWU-LuSxBALNHpI5vaHF/s1600/monozcore.png' property='og:image'/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/fajar.reggy' property='article:author'/>
<meta content='https://www.facebook.com/fajar.reggy' property='article:publisher'/>
<meta content='1787580363' property='fb:admins'/>
<meta content='198573203529943' property='fb:app_id'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='hi_IN' property='og:locale:alternate'/>
<!-- Facebook Open Graph End-->
<!-- Pinteres Rich Pins Start-->
<meta expr:content='data:post.timestampISO8601' property='article:published_time'/>
<meta expr:content='data:blog.pageName' property='article:author'/>
<!-- Pinteres Rich Pins End-->
<!-- Twitter Snipet Card Start-->
<b:if cond='data:blog.pageType == "item"'>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='435' name='twitter:image:width'/>
<meta content='375' name='twitter:image:height'/>
<b:else/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.title' name='twitter:title'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<meta content='@monozcore' name='twitter:site'/>
<meta content='@monozcore' name='twitter:creator'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='"Silahkan baca artikel " + data:blog.pageName + " ini selengkapnya di " + data:blog.title + ""' name="twitter:description"/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image:src'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTp-4OgqoG9FGAMdQ2cgMHPrV5WPAukLSAtaltToSW9RVGAnAwgkCz_XB7scHl_57_EF7Kj_6lrU77zzs4yKC_8uk10-Dq6Tql6uFNH20H4xCIk2YWLBhF2X1WWU-LuSxBALNHpI5vaHF/s1600/monozcore.png' name='twitter:image:src'/>
</b:if>
</b:if>
<!-- Twitter Snipet Card End-->

    Sabar sob sebelum digunakan ada beberapa parameter kode yang perlu dimodifikasi oleh sobat... !!! Ganti semua parameter kode yang berwarna biru pada kode meta tag di atas.

    • Pada kode <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXnRDDz_eI-9VUOJD0gclqvBmIwQbLq7G2eWTM5qRy6cWFy08qYmqC_J9_n8wXXCcQwEwRqFfWErybTCYG4CkAHnLmVhX8HFNZBUQtIvLykhfJMJmuqEydYeabj6ytcD19L5OoqIOuVjyf/s1600/monozcore_New_Logo.png' rel='icon' type='image/x-icon'/> merupakan kode URL gambar favicon kecil blog silakan diganti dengan gambar favicon blog sobat. Apa sih favicon ? itu lho gambar kecil di atas addressbar browser, masih belum tau juga silakan googling dengan keyword "favicon", gitu aja koq repot.

    • Pada kode :
      <link href='https://plus.google.com/110307523421514782253/posts' rel='publisher'/>

      <link href='https://plus.google.com/110307523421514782253/about' rel='author'/>

      <link href='https://plus.google.com/110307523421514782253' rel='me'/>

      merupakan kode dari akun google+ silakan sobat ganti angkanya dengan akun user google+ milik sobat. Apa sih kode angka akun google+ milik saya (sobat) ? gampang tinggal klik disini kemudian klik gambar profil sobat dan lihat di atas addressbar browser sobat, kodenya seperti :
      https://plus.google.com/110307523421514782253
      kalo sudah tinggal copy angka tersebut.

    • Nah kalo yang ini kode verifikasi website :
      <meta content='jZm3N_ZvyOuahbk_dkPSNAM1DZXuiwuly9ajt5y3-ik' name='google-site-verification'/>
      <meta content='2A2B44F0E214C297DEB9EEC1D3E3B6CA' name='msvalidate.01'/>

      <meta content='9ba13fa40f5f4bd5a926649435213509' name='p:domain_verify'/>

      1. kode verifikasi dari webmaster tool google
      2. kode verifikasi dari webmaster tool yahoo bing
      3. kode verifikasi dari website tool pinterest

      oke tinggal klik link diatas trus otak-atik sendiri yaa...pabila masih bingung silakan ditanyakan lewat kotak komentar.

    • Kalo kode yang ini mah gampang
      <meta content='MonozCore' name='Author'/>
      tinggal ganti huruf yang berwarna biru dengan nama sendiri atau nama blog sobat, kalo yang ini bebas.

    • Pada kode ini :
      <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTp-4OgqoG9FGAMdQ2cgMHPrV5WPAukLSAtaltToSW9RVGAnAwgkCz_XB7scHl_57_EF7Kj_6lrU77zzs4yKC_8uk10-Dq6Tql6uFNH20H4xCIk2YWLBhF2X1WWU-LuSxBALNHpI5vaHF/s1600/monozcore.png' property='og:image'/> <meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
      merupakan URL gambar yang akan digunakan pada card interaction pada halaman selain halaman postingan artikel silakan sobat ganti dengan URL gambar yang sobat inginkan. Minimal ukuran gambar harus 200px x 200px, lebih boleh kalo kurang jangan.

    • Pada kode berikut ini :
      <meta content='https://www.facebook.com/fajar.reggy' property='article:author'/>

      <meta content='https://www.facebook.com/fajar.reggy' property='article:publisher'/>

      <meta content='1787580363' property='fb:admins'/>

      <meta content='198573203529943' property='fb:app_id'/>

      merupakan alamat akun facebook dan kode ID akun facebook, untuk mengetahui kode ID facebook silakan klik disini. Pada kode <meta content='198573203529943' property='fb:app_id'/> merupakan kode aplikasi facebook, apabila belum pernah membuat aplikasi berbasis facebook silakan dihapus saja meta tag tersebut.

    • Pada kode ini
      <meta content='@monozcore' name='twitter:site'/>

      <meta content='@monozcore' name='twitter:creator'/>

      merupakan kode akun user name twitter, silakan diganti dengan nama akun tweeter sobat. Lambang @ tetap digunakan seperti pada contoh tersebut.

    • Pada kode ini sama dengan kode URL gambar.
      <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdTp-4OgqoG9FGAMdQ2cgMHPrV5WPAukLSAtaltToSW9RVGAnAwgkCz_XB7scHl_57_EF7Kj_6lrU77zzs4yKC_8uk10-Dq6Tql6uFNH20H4xCIk2YWLBhF2X1WWU-LuSxBALNHpI5vaHF/s1600/monozcore.png' name='twitter:image:src'/>

      merupakan URL gambar yang akan digunakan pada card interaction pada halaman selain halaman postingan artikel silakan sobat ganti dengan URL gambar yang sobat inginkan. Minimal ukuran gambar harus 200px x 200px, lebih boleh kalo kurang jangan.

  • Klik "Save" dan lihat hasilnya...

  • Apabila sudah di sesuaikan dan dicoba maka tinggal melihat hasilnya fitur card interaction sosial media. Silakan klik link di bawah ini untuk melihat tampilan card di media sosial :

Untuk mengatasi terjadinya duplikat content karena versi mobile bisa langsung dengan mengatur setelan Robots.txt caranya :
  • Pilih Setelan
  • Pilih Preferensi Penelusuran
  • Aktifkan robots.txt khusus lalu letakkan kode dibawah ini :

User-agent: Googlebot
Allow: /
Disallow: /search
Disallow: /?m=0
Disallow:/view/*

User-agent:*
Allow: /
Disallow: /search
Disallow: /?m=0
Disallow:/view/*

Sitemap: http://nama blog anda/feeds/posts/default?orderby=updated

KETERANGAN :
  • Ganti nama blog anda dengan alamat blog anda

    Contoh : monozcore.blogspot.com

  • Klik "Save" dan lihat hasilnya...
Oke sobat monozcore terima kasih sudah berkunjung ke blog monozcore jangan lupa Like, Share dan Subscribe ... happy blogging... Apabila berkenan silakan tuliskan sepatah atau dua patah kata di kotak komentar.

.: Semoga Bermanfaat :.
Tags:
Monoz

Posted by: Monoz

Post a Comment

0 Comments