How To Create Meta Tag SEO Friendly & Valid HTML 5 For Blogspot

On this occasion, I will discuss and provide a way for your blog to appear in the highest order on Google according to the right keywords.

Before I discuss further, do you know what meta tags are ? Meta tags are one of the optimizations on a blog so that the articles created have a clear identity (no spam).

So that your blog is also more easily identified by the google robot and provides a way so that the articles you write can appear on the top pages according to an accurate search.

There are several meta tag functions, I will explain one by one below in detail so that you can understand.

Meta Tag Keyword

This Meta Keyword Tag is very important if you are a blogger writer because this is the most important in determining search keywords in the search engines.

<meta content="Keyword 1, Keyword 2, Keyword 3,... name="keywords"/>

Meta Tag Description

The importance of this meta tag description is to explain the contents of your blog page, about what you discussed on the blog.

<meta content='Write your description here'  name='description'/>

Meta Tag Robots

The Robots Meta Tag is useful for determining which blog pages will be indexed by Google search. This is very useful for blogger users who use frames and navigation.

<meta content="index follow" name="robots"/>

These three SEO CSS codes can be directly combined, so it becomes like this.

<meta content="Keyword 1, Keyword 2, Keyword 3,... name="keywords"/>
<meta content='Write your description here'  name='description'/>
<meta content="index follow" name="robots"/>

META TAG SEO FRIENDLY HTML 5

Well, if you are familiar with the html code above, then for the long version, I explain below, and you can also copy this code and you can use it for SEO Meta Tags on your blog.

<!-- [ Meta Tag SEO ] -->
<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' 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='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 != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<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='DESCRIPTION BLOG' 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;http://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='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='GOOGLE-SEARCH-CONSOLE-VALIDATION-CODE' name='google-site-verification'/>
<meta content='CODE-VALIDATION-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='ADMIN-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVZtaB6Ov4QPxwaqhKy0Z1pOQUHQWX302nSmIcf_C9kb7MY20l_7oQatjaq6RRpVsvLSz9C7XF9MuEQleeRkawOna2sC9YOj0c8NxcG6sMuCWvznsFb4pGGPmfxLA5d0xUNXceB-j96Oi9/s1600/Arlina+Logo.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFILE-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='Facebook-Application-Code' property='fb:app_id'/>
<meta content='Facebook-Admin-Code' 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'/>
<meta content='summary_large_image' name='twitter:card'/>

Please copy the CSS SEO HTML 5 code above, before saving it in blogger, you must first change the red label above. Please change according to your own property and data. For an explanation, you can see below.

DESCRIPTION BLOG : Fill in the description of your blog and keywords for example like this 'Blogger Tutorial, Blogger Lesson, Blogger tips, Learn Blogger'
Google plus users can you fill in with your google plus account, or if it is not important, just leave it alone.
GOOGLE-SEARCH-CONSOLE-VALIDATION-CODE: fill in the validation code that has been provided by the google search console
Indonesia: well, this is very important, fill in the name of your own country.
Admin Name : Fill in the name of the blog author or fill in your own name.
Id : This one is filled with your country code, for example your country is the United States, then you just fill it with: us.

For other columns, please fill in your own data, if you feel that it's not important, then you don't need to fill in the data.

If all of you already with each other's data, all you have to do is save it in your blogger template. Enter the blogger menu and edit html.

Look for the <head> code and save the CSS code above just below <head> then you save the template.

It should be noted, the css code I gave above could have given your posts at the top level, but it all depends on many of your rivals. If your article is accurate, according to visitor search, your blog will be on the top page.

Make the article that is really most sought after by visitors, and prepare accurate keywords for the article. Then the html 5 css seo code above will help increase your article ranking to compete with other master bloggers.

See You Later :)

Keyword : How to make SEO blogger, how to make seo for blogger, How to make tags for bloggers, meta tag seo friendly,meta tag blogger, seo blogger, How to get the blog in the top position on Google, How to make a blog at the highest level, SEO code tags, Seo keywords, SEO friendly Meta Tags, Seo friendly Meta Tags for bloggers