Meta tag SEO friendly valid html5 True Canonical Blogspot, Kali ini saya akan mencoba membagikan meta tag untuk blogspot ala randi design yang pastinya lebih SEO Friendly. dan lebih simple. Pada template bawaan blogger ada sedikit permasalahan yang harus kita atasi, seperti title yang kurang SEO , tidak valid hatml5. dan bisa memunculkan duplikat konten kalo kita tidak paham akan pentingnya meta robot.
Dan perlu diperhatikan juga buat sobat blogger , bahwa telah banyak beredar meta tag seo valid html5 yang pada kenyataannya justru tidak SEO pada blogspot. ini diakibatkan karena rel canonical tidak true canonical yang justru akan mengakibatkan duplikat konten pada blogspot, terkecuali yang sudah menganti domain blogspot menjadi domain yang lain, ini tidak jadi masalah untuk mengunakan meta tag seperti itu.
Untuk lebih jelasnya Pada meta tag canonical yang sering kita jumpai misalnya "<link expr:href='data:blog.url' rel='canonical'/> " kenyataannya code ini malah akan menghasilkan lebih dari satu rel canonical. ini disebabkan oleh kebijakan google yang memberikan alamat domain yang berbeda-beda pada masing-masing negara. misalnya negara indonesia akan berubah menjadi .co.id pada blogspot. sehingga akan terindeks lebih dari satu domain dengan alamat yang sama.
Tapi apakah blogger tidak memberikan pemecahan masalahnya? sebenarnya itu sudah diberikan pemecahan masalahnya oleh blogger yaitu dengan meta tag all head content. Namun code ini masih belum valid html5.
Berikut ini contoh meta tag seo friendly valid html5 true canonical untuk blogspot
Untuk lebih jelasnya Pada meta tag canonical yang sering kita jumpai misalnya "<link expr:href='data:blog.url' rel='canonical'/> " kenyataannya code ini malah akan menghasilkan lebih dari satu rel canonical. ini disebabkan oleh kebijakan google yang memberikan alamat domain yang berbeda-beda pada masing-masing negara. misalnya negara indonesia akan berubah menjadi .co.id pada blogspot. sehingga akan terindeks lebih dari satu domain dengan alamat yang sama.
Tapi apakah blogger tidak memberikan pemecahan masalahnya? sebenarnya itu sudah diberikan pemecahan masalahnya oleh blogger yaitu dengan meta tag all head content. Namun code ini masih belum valid html5.
Berikut ini contoh meta tag seo friendly valid html5 true canonical untuk blogspot
<!-- [ Meta Tag SEO Valid html5 true canonical] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl.canonical' rel='openid.delegate'/>
<link expr:href='data:blog.canonicalUrl' rel='canonical'/>
<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'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<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>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl.canonical + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl.canonical + "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'/>
<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>
<link expr:href='data:blog.canonicalUrl' hreflang='x-default' rel='alternate'/>
<link expr:href='data:blog.homepageUrl.canonical + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<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://www.blogger.com/img/blogger-logotype-color-black-2x.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
Keterangan
Tulisan | Penjelasan |
---|---|
DESKRIPSI-BLOG | isi dengan deskripsi atau kata kunci blog |
USER-GOOGLE-PLUS | isi dengan link Google+ admin blog, contoh : +Randidesign |
KODE-VALIDASI-GOOGLE-WEBMASTER | isi dengan kode validasi Google di Search Console |
KODE-VALIDASI-BING-WEBMASTER | isi dengan kode validasi Bing Webmaster * |
NAMA-ADMIN | Isi dengan nama penulis |
id dan Indonesia | Isi dengan kode negara lokasi dimana blog sobat dipublikasikan |
PROFIL-FACEBOOK | Isi dengan link profil Facebook sobat |
FAN-PAGE-FACEBOOK | Isi dengan link Fan Page Facebook |
KODE-APLIKASI-FACEBOOK | Isi dengan kode App Facebook, bisa buat di https://developers.facebook.com |
KODE-ADMIN-FACEBOOK | Isi dengan kode profil Facebook sobat, dapatkan di http://findmyfbid.com |
USER-TWITTER | Isi dengan nama user Twitter sobat |
Poin penting Meta Tag SEO Friendly Valid HTML5 yang harus dilihat pada meta tag tersebut adalah title, meta robot, canonical url, description, keyword. selainnya itu hanya optional saja dan boleh2 saja dihapus kalo tidak diperlukan.
hmmm... masih manual untuk pengisian deskripsinya .. nice share
ReplyDeleteuntuk deskripsi Itu sudah otomatis, kecuali keyword nya, unntuk yang homepage harus diisi manual, tapi untuk keyword blog post sudah otomatis, trimakasih
DeleteIjin pake diblog saya kang.
ReplyDeletesilahkan mas :)
Deleteizin pake juga di blog sya bang
ReplyDeleteSilahkan :)
Deletecaranya gimana bang ...?gak tau sama skli...trmks
ReplyDeleteini hanya untuk yang mau pake html5, tapi kalau masih pake template bawaan blogger dan gak paham html, mending pake yang sandar template blogger sudah cukup
DeleteIzin ane mau pake ya kang ke blog saya
ReplyDelete