Meta Tags SEO Friendly Terbaru untuk Blog Blogger - Blogger Bandung

Meta Tags SEO Friendly Terbaru untuk Blog Blogger. Agar Cepat dan Mudah Terindeks Google

Meta Tags adalah kode yang memberikan informasi mengenai situs web atau blog kepada mesin telusur (search engine). Mesin pencari akan mengenali dan mengindeks sebuah blog dengan adanya meta tags ini.

Menurut Google, meta tags atau tag meta adalah cara terbaik bagi webmaster atau blogger dalam memberikan informasi mengenai situs/blog mereka kepada mesin telusur. Tag meta dapat digunakan untuk memberikan informasi ke semua jenis klien dan setiap sistem hanya memproses tag meta yang dipahaminya dan mengabaikan yang lain. (Support Google).

Elemen Meta Tags

Meta tag memiliki tiga elemen penting untuk memberikan informasi kepada mesin telusur tentang judul, deskripsi, dan kata kunci blog:

1. Judul - Meta Title
2. Deskripsi - Meta Description
3. Kata Kunci - Meta Keywords

Kodenya:

<title>Judul Blog</title>
<meta content=’Deskripsi Blog’ name=’description’/>
<meta content=’Kata Kunci’ name=’keywords’/>

Meski secara teknis bukan merupakan tag meta, tag judul (title tag) sering digunakan bersamaan dengan "deskripsi". 

Konten tag ini umumnya ditampilkan sebagai judul dalam hasil penelusuran (dan tentu saja dalam browser pengguna). 

Tag deskripsi memberikan deskripsi singkat mengenai laman terkait. Dalam situasi tertentu, deksripsi ini digunakan sebagai bagian dari cuplikan yang ditampilkan di hasil penelusuran. 

Di template blog simple bawaan blogger, kode meta tags sangat simple pula. Hanya terdiri dari dua baris kode berikut ini:

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

Baris kode pertama (<b:include data='blog' name='all-head-content'/>) jika diekstrak atau dibedah berisi kode-kode sebagai berikut:

<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>
<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/579771828-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 Tags SEO Friendly Terbaru untuk Blog Blogger

Perpaduan antara meta tags di template bawaan blogger dengan meta tags yang sudah dioptimalkan agar lebih ramah mesin pencari (SEO Friendly) menghasilkan kode sebagai berikut:

<!--  SEO Title Tag Start -->
<b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.pageName == &quot;&quot;'>
<title>All Posts - <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
<title>Page Not Found - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
</b:if>
<!--  SEO Title Tag End -->
<!-- Link canonical-->
<link expr:href='data:blog.url' rel='canonical'/>
<!--Favicon-->
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<!--Meta Deskripsi-->
<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>
<!--Meta Keywords-->
<b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.title' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<!-- No index Arsip dan Search-->
<b:if cond='data:blog.pageType in {&quot;archive&quot;} or data:blog.searchLabel or data:blog.searchQuery'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<!--Open Graph-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/><b:else/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<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/AVvXsEjt1hgCC_jTufkyt_mmK_ZXL4azEecAs7ma8TFlJ5Ijty74mYeCZKZ89yLgKd-YDupfjjl6j4rTgPjG8rE3UpCPE0UQKnWDNVg9CJt5VrfKB1hS7JfxE6rye-AY5AjBjMruRndnKOh0h6c/s320/no_image.png' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='summary_large_image' name='twitter:card'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/><b:else/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>

Kode Meta Tags SEO Friendly Terbaru untuk Blog Blogger di atas sudah ditambah Open Graph tags untuk tampilan postingan saat dibagikan di Facebook atau Twitter.

Anda bisa gunakan Meta Tags SEO Friendly Terbaru untuk Blog Blogger di atas dengan menghapus dulu meta tags yang ada, yaitu semua kode yang ada di bawah <head> hingga <b:skin>, kecuali Viewport Meta Tag seperti ini:

<meta name="viewport" content="width=device-width, initial-scale=1">

Itu meta tags untuk template blog responsive (jangan dihapus).*