Sekarang ini banyak para Blogger yang sangat antusias mempelajari SEO pada Blog, baik yang SEO off Page maupun maupun SEO Onpage. Optimasi SEO blog pun tidaklah mudah sebab abjad di setiap template berbeda tergantung dari Jenis atau Niche konten yang akan disajikan ke pembaca blog. Ada banyak juga yang berpendapat bahwa penerapan SEO pada Blog ialah hanya Mitos belaka namun ada banyak juga yang mempercayainya dan menganutnya menyerupai aku ini salah satunya yang sedang mendalami Optimasi SEO pada blog.
Dikesmpatan kali ini kita akan membahas mengenai pemasangan Meta Tag yang menurut aku wajib ada dan terpasang di dalam blog yang kita kelola, sebelum berlanjut ada baiknya kita bahas dulu apa itu Meta Tag ?. Meta Tag ialah kumpulan arahan perintah yang terpasang di dalam templated blog yang fungsinya untuk menunjukkan info berupa metadata terkait arahan XHTML atau HTML yang terpasang didalam template blog yang akan bekerja sesuai dengan perintah dan fungsinya masing-masing. Meta tag sendiri di bagi menjadi tiga yaitu name, content dan http-equiv.
Meta tag tersebut salah satu fungsi pentingnya ialah membawa blog untuk bersaing memudahkan dalam perayapan di search engine untuk meraih posisi halaman satu terutama di Google Search, menyerupai pembahasan sebelumnya Ranking 1 Google Melalui Optimasi Sosial Media di Blog yang berfokus pada meningkatkan secara optimal Sosial Media.
Pemasangan Meta tag ini pada umumnya di pasang dibawah <head> meskipun bahwasanya dapat ditaruh ditempat lain tergantung dari kebutuhan. Nah berdasarkan pemahaman diatas dan sudah aku buktikan juga Optimasi SEO salah satunya ialah pemasangan Meta tag pada blogger di postingan kali ini aku akan menyebarkan Cara Membuat Meta Tag SEO Valid HTML5 Untuk Blogspot 2017, bagi teman yang mau mencoba memasangnya silahkan pakai Meta tag SEO ini yang sudah valid HTML5 terbaru 2017.
Disini disajikan dua cara pemasangan untuk niche blog yang menggunakan bahasa Indonesia dan Niche Blog yang menggunakan bahasa English, pribadi saja berikut penerapannya.
Pemasangan Meta Tag untuk Blogspot bahasa Indonesia.
Silahkan salin arahan dibawah ini lalu ganti meta tag yang teman sudah gunakan dengan arahan ini.
Silahkan ganti arahan XXXX dengan arahan yang teman punya dan sesuaikan.
Pemasangan Meta Tag untuk Blogspot bahasa English
Silahkan salin arahan dibawah ini lalu ganti meta tag yang teman sudah gunakan dengan arahan ini.
Silahkan ganti arahan XXXX dengan arahan yang teman punya dan sesuaikan.
Perhatikan langkah dalam penerapan kodenya, kalau sudah akibat silahkan SAVE. Selamat mencoba agar bermanfaat.
<meta charset='utf-8'/> <!--[if lt IE 9]> <script src="https://www.blogger.com/static/v1/jsbin/4044097237-ieretrofit.js"> </script> <![endif]--> <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='IE=edge' http-equiv='X-UA-Compatible'/> <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='"//www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <link href='//www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <meta content='XXXXX' name='google-site-verification'/> <meta content='XXXXX' name='msvalidate.01'/> <meta content='XXXXX' name='yandex-verification'/> <link href='//plus.google.com/XXXXX/posts' rel='publisher'/> <link href='//plus.google.com/XXXXX/about' rel='author'/> <link href='//plus.google.com/XXXXX' rel='me'/> <!-- SEO Title Tag --> <b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/></title> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <title>Archive For <data:blog.pageName/></title> <meta content='noindex,nofollow,noarchive' name='robots'/> <b:else/> <b:if cond='data:blog.pageType == "error_page"'> <title>Page Not Found</title> <b:else/> <title><data:blog.pageName/></title> </b:if> </b:if> </b:if> <!-- SEO Meta Tag --> <b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageName' property='og:title'/> <b:else/> <meta expr:content='data:blog.title' property='og:title'/> </b:if> <meta content='YOUR KEYWORDS HERE' name='keywords'/> <b:if cond='data:blog.homepageUrl == data:blog.url'> <meta content='YOUR DESCRIPTION HERE' name='description'/> <meta content='YOUR DESCRIPTION HERE' property='og:description'/> <meta content='YOUR DESCRIPTION HERE' property='twitter:description'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='description'/> <meta expr:content='data:blog.metaDescription' property='twitter:description'/> <meta expr:content='data:blog.metaDescription' property='og:description'/> </b:if> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='description'/> <meta expr:content='data:blog.metaDescription' property='twitter:description'/> <meta expr:content='data:blog.metaDescription' property='og:description'/> </b:if> </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='all' name='audience'/> <meta content='YOUR NAME' name='author'/> <meta content='blogger' name='generator'/> <meta content='translate' name='google'/> <meta content='general' name='rating'/> <meta content='id' name='geo.country'/> <meta content='Indonesia' name='geo.placename'/> <!-- SEO Meta Tag end --> <script type="text/javascript">(function() { var a=window,c="jstiming",d="tick";var e=function(b){this.t={};this.tick=function(b,o,f){f=void 0!=f?f:(new Date).getTime();this.t[b]=[f,o]};this[d]("start",null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&&a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void 0,k),j[d]("wtsrt_","_wtsrt",l),j[d]("tbsd_","wtsrt_"))} try{var m=null;a.chrome&&a.chrome.csi&&(m=Math.floor(a.chrome.csi().pageT));null==m&&a.gtbExternal&&(m=a.gtbExternal.pageT());null==m&&a.external&&(m=a.external.pageT);m&&(a[c].pt=m)}catch(n){};a.tickAboveFold=function(b){var g=0;if(b.offsetParent){do g+=b.offsetTop;while(b=b.offsetParent)}b=g;750>=b&&a[c].load[d]("aft")};var p=!1;function q(){p||(p=!0,a[c].load[d]("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",q,!1):a.attachEvent("onsFroll",q); })();</script> <!--[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]--> <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> <!-- Tag Facebook Open Graph --> <b:if cond='data:blog.pageType == "item"'> <meta property='og:type' content='article'/> <b:else/> <meta property='og:type' content='website'/> </b:if> <meta content='ID FANPAGE FACEBOOK' property='fb:app_id'/> <meta content='ID FB ADMIN' property='fb:admins'/> <meta content='id_ID' property='og:locale'/> <meta content='en_US' property='og:locale:alternate'/> <meta content='en_GB' property='og:locale:alternate'/> <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'/> <meta property='og:url' expr:content='data:blog.canonicalUrl'/> <!-- Large image, original size --> <b:if cond='data:blog.postImageUrl'> <meta property='og:image' expr:content='data:blog.postImageUrl'/> <b:else/> <!-- Thumbnail image, 72 × 72 pixels --> <b:if cond='data:blog.postImageThumbnailUrl'> <meta property='og:image' expr:content='data:blog.postThumbnailUrl'/> <b:else/> <!-- Default, no image. Use favicon or your own image URL --> <meta property='og:image' expr:content='data:blog.blogspotFaviconUrl'/> </b:if> </b:if> <!-- Tag Twitter Open Graph --> <meta expr:content='data:blog.title' name='twitter:site'/> <meta name='twitter:card' value='summary'/> <meta content='summary_large_image' name='twitter:card'/> <meta content='XXXXX' name='twitter:creator'/> <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>Silahkan ganti arahan XXXX dengan arahan yang teman punya dan sesuaikan.
Pemasangan Meta Tag untuk Blogspot bahasa English
Silahkan salin arahan dibawah ini lalu ganti meta tag yang teman sudah gunakan dengan arahan ini.
<meta charset='utf-8'/> <!--[if lt IE 9]> <script src="https://www.blogger.com/static/v1/jsbin/4044097237-ieretrofit.js"> </script> <![endif]--> <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='IE=edge' http-equiv='X-UA-Compatible'/> <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='"//www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <link href='//www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <meta content='XXXXX' name='google-site-verification'/> <meta content='XXXXX' name='msvalidate.01'/> <meta content='XXXXX' name='yandex-verification'/> <link href='//plus.google.com/XXXXX/posts' rel='publisher'/> <link href='//plus.google.com/XXXXX/about' rel='author'/> <link href='//plus.google.com/XXXXX' rel='me'/> <!-- SEO Title Tag --> <b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/></title> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <title>Archive For <data:blog.pageName/></title> <meta content='noindex,nofollow,noarchive' name='robots'/> <b:else/> <b:if cond='data:blog.pageType == "error_page"'> <title>Page Not Found</title> <b:else/> <title><data:blog.pageName/></title> </b:if> </b:if> </b:if> <!-- SEO Meta Tag --> <b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageName' property='og:title'/> <b:else/> <meta expr:content='data:blog.title' property='og:title'/> </b:if> <meta content='YOUR KEYWORDS HERE' name='keywords'/> <b:if cond='data:blog.homepageUrl == data:blog.url'> <meta content='YOUR DESCRIPTION HERE' name='description'/> <meta content='YOUR DESCRIPTION HERE' property='og:description'/> <meta content='YOUR DESCRIPTION HERE' property='twitter:description'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='description'/> <meta expr:content='data:blog.metaDescription' property='twitter:description'/> <meta expr:content='data:blog.metaDescription' property='og:description'/> </b:if> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='description'/> <meta expr:content='data:blog.metaDescription' property='twitter:description'/> <meta expr:content='data:blog.metaDescription' property='og:description'/> </b:if> </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='all' name='audience'/> <meta content='YOUR NAME' name='author'/> <meta content='blogger' name='generator'/> <meta content='translate' name='google'/> <meta content='general' name='rating'/> <meta content='id' name='geo.country'/> <meta content='Indonesia' name='geo.placename'/> <!-- SEO Meta Tag end --> <script type="text/javascript">(function() { var a=window,c="jstiming",d="tick";var e=function(b){this.t={};this.tick=function(b,o,f){f=void 0!=f?f:(new Date).getTime();this.t[b]=[f,o]};this[d]("start",null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&&a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void 0,k),j[d]("wtsrt_","_wtsrt",l),j[d]("tbsd_","wtsrt_"))} try{var m=null;a.chrome&&a.chrome.csi&&(m=Math.floor(a.chrome.csi().pageT));null==m&&a.gtbExternal&&(m=a.gtbExternal.pageT());null==m&&a.external&&(m=a.external.pageT);m&&(a[c].pt=m)}catch(n){};a.tickAboveFold=function(b){var g=0;if(b.offsetParent){do g+=b.offsetTop;while(b=b.offsetParent)}b=g;750>=b&&a[c].load[d]("aft")};var p=!1;function q(){p||(p=!0,a[c].load[d]("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",q,!1):a.attachEvent("onsFroll",q); })();</script> <!--[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]--> <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> <!-- Tag Facebook Open Graph --> <b:if cond='data:blog.pageType == "item"'> <meta property='og:type' content='article'/> <b:else/> <meta property='og:type' content='website'/> </b:if> <meta content='ID FANPAGE FACEBOOK' property='fb:app_id'/> <meta content='ID FB ADMIN' 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'/> <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'/> <meta property='og:url' expr:content='data:blog.canonicalUrl'/> <!-- Large image, original size --> <b:if cond='data:blog.postImageUrl'> <meta property='og:image' expr:content='data:blog.postImageUrl'/> <b:else/> <!-- Thumbnail image, 72 × 72 pixels --> <b:if cond='data:blog.postImageThumbnailUrl'> <meta property='og:image' expr:content='data:blog.postThumbnailUrl'/> <b:else/> <!-- Default, no image. Use favicon or your own image URL --> <meta property='og:image' expr:content='data:blog.blogspotFaviconUrl'/> </b:if> </b:if> <!-- Tag Twitter Open Graph --> <meta expr:content='data:blog.title' name='twitter:site'/> <meta name='twitter:card' value='summary'/> <meta content='summary_large_image' name='twitter:card'/> <meta content='XXXXX' name='twitter:creator'/> <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> Silahkan ganti arahan XXXX dengan arahan yang teman punya dan sesuaikan.
Perhatikan langkah dalam penerapan kodenya, kalau sudah akibat silahkan SAVE. Selamat mencoba agar bermanfaat.
Comments