Meta Tag SEO Friendly Terbaru untuk Blogger
By Romeltea | Published: December 17, 2017
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:
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:
Dengan kode berikut ini --sudah ditambahkan kode Open Graph Facebook dan Twitter agar tampilan share di Facebook dan Twitter normal:
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).*
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 == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<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 == "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>
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 + "favicon.ico"' 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='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 == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex, nofollow' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<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 == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<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
« Prev Post
Next
Next Post »
Next Post »
saya menggunakan template bawaan blooger dan sudah pasang meta tag ..terus gimana cara mengecek dan mengetahui meta yang terpasang sudah seo ??
ReplyDeletecek di seocentro dot com
DeleteMeta Twitter , jika mempunyai Twitter ,
ReplyDeleteJika tidak punya Twitter bisa di gantikan Meta Profile Blog
kalau kode yang begini <b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if>
ReplyDeletemaksudnya apa ya? apakah kondisi apabila tampilan mobile maka tidak diindex, kalo iya kenapa tidak boleh di index?
Makasih atas sharing ilmunya gan
ReplyDelete