 |
| Meta Tag Seo Friendly 2021 Dan Valid HTML5 |
Apa itu meta tag ?
Meta Tags (Tag Meta) adalah cara untuk terbaik bagi para webmaster/blogger dalam memberikan sebuah informasi mengenai blog/situs mereka kepada mesin telusuri (mesin pencarian google).
Demikian dikemukakan oleh pihak dari Google dalam penjelasan tentang Meta Tag yang Di mengerti Google (Meta Tags that Google Understands).
Meta Tag dapat digunakan untuk memberikan sebuah informasi ke semua jenis pengguna dan setiap sistem hanya dapat memproses tag meta yang dipahami dan mengabaikan sisanya.
Bahasa sederhananya, Meta Tag adalah "tanda pengenal" atau identitas sebuah blog sehingga nudah untuk dikenali, diakui, dan diindeks oleh mesin pencarian, terutama dari Google.
Meta Tag SEO Friendly Terbaru untuk Blogger
Jika Anda menggunakan template bawaan blogger, supaya agar menjadi meta tag lebih SEO Friendly, cukup hanya dengan mengganti kode yang kedua, yaitu Title Tag (<title><data:blog.pageTitle/></title>) dengan kode berikut ini:
Demikian dikemukakan oleh pihak dari Google dalam penjelasan tentang Meta Tag yang Di mengerti Google (Meta Tags that Google Understands).
Meta Tag dapat digunakan untuk memberikan sebuah informasi ke semua jenis pengguna dan setiap sistem hanya dapat memproses tag meta yang dipahami dan mengabaikan sisanya.
Bahasa sederhananya, Meta Tag adalah "tanda pengenal" atau identitas sebuah blog sehingga nudah untuk dikenali, diakui, dan diindeks oleh mesin pencarian, terutama dari Google.
Jika Anda menggunakan template bawaan blogger, supaya agar menjadi meta tag lebih SEO Friendly, cukup hanya dengan 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 dan juga selain template bawaan blogger maupun dengan biasanya sudah mencantumkan meta tags seo friendly seperti di atas, sehingga tidak usah untuk diganti lagi.
0 Comments