Skip to content Skip to sidebar Skip to footer

How to Create a Valid HTML5 SEO Friendly Meta Tag on Blogger

How to Create a Valid HTML5 SEO Friendly Meta Tag on Blogger

SEO Friendly Meta Tags, This time I will provide information on how to create an SEO blog using meta tags and Valid HTML5, but first, allow me to tell you what a meta tag is in SEO. 

Meta tags are data elements in HTML and XHTML programming that serve as information providers to search engines about metadata used by webmasters in providing all information about blog/website content which includes Blog Author Name, Country, description, keywords, to control crawler behavior in indexing.

With these meta tags, a crawler will find it easier to crawl the contents of our blog, and of course, it will make indexing easier for search engines, so how to make SEO-friendly meta tags for our blogs, here's a basic introduction to Meta Tags. 

1. Meta Tag Title

This tag serves as an information provider to crawlers about the title on the blog, the meta tag script is as follows:
<title><data:blog.pageTitle/></title>

2. Meta Tag Description 

This tag serves as a direct information provider to crawlers and users later this will affect how visitors judge the type of blog, the meta tag script is as follows:
<meta expr:content='data:blog.metaDescription' name='description'

3. Meta Tag Keyword

Keywords tags are special tags that are made to provide a piece of metadata information such as keywords of the content contained in the blog content, such as blogs you generally have content about Technology, Scripts, Tips then the right keywords are Technology, Script, Tips. Now for this tag, it is still a manual and the script is as follows:
meta content='YOUR KEYWORD 1 HERE, YOUR KEYWORD 2 HERE, YOUR KEYWORD 3 HERE, YOUR KEYWORD 4 HERE' name='keywords'/>

4. Tag Robot 

This tag functions as a crawler controller in crawling blog content and as a crawler blocker in determining what things don't need to be indexed, the most SEO Friendly Robot Tag Script in my opinion is as follows:

<meta content='index, follow' name='robots'/>

<meta content='index, follow' name='googlebot'/>

<meta content='index, follow' name='googlemediabot'/>

<meta content='index, follow' name='gulliver'/>

<meta content='index, follow' name='slurp'/>

<meta content='index, follow' name='fast'/>

<meta content='index, follow' name='scooter'/>

<meta content='index, follow' name='vscooter'/>

<meta content='index, follow' name='ia_archiver'/>

<meta content='index, follow' name='FAST-WebCrawler'/>

<meta content='index, follow' name='teoma'/>

<meta content='index, follow' name='Baiduspider'/>

<meta content='index, follow' name='AlexaBot'/>

<meta content='index, follow' name='Yandex'/>

<meta content='index, follow' name='JikeSpider'/>

<meta content='index, follow' name='naverbot'/>

<meta content='index, follow' name='yeti'/>

<meta content='index, follow' name='SurveyBot'/>

<meta content='index, follow' name='ZyBorg'/>

<meta content='index, follow' name='ArchitextSpider'/>

<meta content='index, follow' name='msnbot-media/1.0'/>

<meta content='index, follow' name='MSNPTC'/>

<meta content='index, follow' name='MSNBot'/>

<meta content='index, follow' name='bingbot'/>

<meta content='index, follow' name='coccoc'/>

<meta content='index, follow' name='Linespider'/> 

You can paste the SEO Friendly Meta Tag script into your template by going to Blog > Themes > Edit HTML  Then copy this code below and paste it under <head> or <head>


META TAG SEO FRIENDLY VALID HTML5

<!-- [ Meta Tag SEO Valid HTML5] -->

<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='https://www.blogger.com/openid-server.g' rel='openid.server'/>

<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

<link expr:href='data:blog.url' rel='canonical'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<title><data:blog.pageTitle/></title>

<b:else/>

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

<title><data:blog.pageName/> - <data:blog.title/></title>

</b:if></b:if>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>

<title>Page Not Found - <data:blog.title/></title>

</b:if>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<meta content='index, follow' name='robots'/>

</b:if>

<b:if cond='data:blog.searchLabel'>

<meta content='index, follow' name='robots'/>

</b:if>

<b:if cond='data:blog.isMobile'>

<meta content='index, follow' name='robots'/>

</b:if>

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

<meta expr:content='data:blog.metaDescription' name='description'/>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>

</b:if></b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<meta content='KEYWORD 1, KEYWORD 2, KEYWORD 3, KEYWORD 4' name='keywords'/></b:if>

<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;https://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'/>

<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>

<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>

<link href='/favicon.ico' rel='icon' type='image/x-icon'/>

<link href='//www.sharethis.com' rel='dns-prefetch'/>

<meta content='NEGARA' name='geo.placename'/>

<meta content='NAMA AUTHOR' name='Author'/>

<meta content='general' name='rating'/>

<meta content='id' name='geo.country'/>

<meta content='index, follow' name='robots'/>

<meta content='index, follow' name='googlebot'/>

<meta content='index, follow' name='googlemediabot'/>

<meta content='index, follow' name='gulliver'/>

<meta content='index, follow' name='slurp'/>

<meta content='index, follow' name='fast'/>

<meta content='index, follow' name='scooter'/>

<meta content='index, follow' name='vscooter'/>

<meta content='index, follow' name='ia_archiver'/>

<meta content='index, follow' name='FAST-WebCrawler'/>

<meta content='index, follow' name='teoma'/>

<meta content='index, follow' name='Baiduspider'/>

<meta content='index, follow' name='AlexaBot'/>

<meta content='index, follow' name='Yandex'/>

<meta content='index, follow' name='JikeSpider'/>

<meta content='index, follow' name='naverbot'/>

<meta content='index, follow' name='yeti'/>

<meta content='index, follow' name='SurveyBot'/>

<meta content='index, follow' name='ZyBorg'/>

<meta content='index, follow' name='ArchitextSpider'/>

<meta content='index, follow' name='msnbot-media/1.0'/>

<meta content='index, follow' name='MSNPTC'/>

<meta content='index, follow' name='MSNBot'/>

<meta content='index, follow' name='bingbot'/>

<meta content='index, follow' name='coccoc'/>

<meta content='index, follow' name='Linespider'/>

<meta content='GOOGLE WEBMASTER VERIFIKACATION CODE' name='google-site-verification'/>

<meta content='DMCA VERIFIKACATION CODE' name='dmca-site-verification'/>

<meta content='YANDEX WEBMASTER VERIFIKACATION CODE' name='yandex-verification'/>

<!-- [ END Meta Tag SEO Valid HTML5] -->

Then after that replace the red mark with the data that is on your blog, and the results I get after using the Meta tag is that my blog is indexed more easily, almost always in the first place on search engines. But if you feel that you don't fit the Meta Tag, you can ignore it because I think each template has its own way of optimizing blogs. So, until here, our first encounter was in discussing SEO Friendly and Valid HTML5 meta tags, as usual, if you like this article, please share it on social media to help us provide information about Optimizing Blog SEO to everyone and of course providing benefits to all.

Post a Comment for "How to Create a Valid HTML5 SEO Friendly Meta Tag on Blogger"