How to Create Seo Friendly and Valid HTML5 Meta Tags for Blogger
What are Seo Friendly and Valid HTML5 Meta Tags? Is it important for bloggers? Maybe among bloggers often hear the words Meta Tags Seo Friendly and Valid HTML5 & of course this is what bloggers need most to develop the blog that is being managed.
Seo Friendly and Valid HTML5 Meta Tags are from the name alone, there is the word SEO. This means what bloggers need most so that their blog posts can be in the top position when keywords are cared on Google. So this meta tag is very active in helping your blog posts to be easily found if there are the same search keywords as your posts.
Maybe almost all templates have this meta tag, but not all use good meta tags. Especially if you are using the free version of the template, you may not find this tag code in your template. Even though the template that you are using is also paid, this seo meta tag does not necessarily work normally. Therefore, I will provide this html meta tag code to be attached to your blogspot so that it can encourage your blog to be easily searchable if there are the same keywords in a google search.
How to Add Seo Friendly and Valid HTML5 Meta Tags on blogspot
For how to add this meta tag code, you have to add it via your html template. Follow the method below:
- Go to blogger dashboard, select Theme > Edit HTML.
- Press CTRL + F Key to bring up the search box.
- Find the code </head>, then put the meta tag code below right above the code </head>.
<!-- [ Meta Tag SEO ] -->
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<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 == "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": "https://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='Keyword 1 , Keyword 2, Keyword 3, Keyword 4' name='keywords'/></b:if>
<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='"https://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.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://www.blogger.com/profile/Blogger-Profile-ID' rel='publisher'/>
<link href='https://www.blogger.com/profile/Blogger-Profile-ID' rel='author'/>
<link href='https://www.blogger.com/profile/Blogger-Profile-ID' rel='me'/>
<meta content='Google-Search-Console-code' name='google-site-verification'/>
<meta content='Bing-Webmaster-Code' name='msvalidate.01'/>
<meta content='Your-country' name='geo.placename'/>
<meta content='Blog-Title' name='Author'/>
<meta content='general' name='rating'/>
<meta content='us' name='geo.country'/>
<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='"Please Visit " + data:blog.pageTitle + " To read interesting posts."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<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='Your-Favicon-URL' property='og:image'/>
</b:if>
</b:if>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/><link href='//www.googletagservices.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/><link href='//adservice.google.ca' rel='dns-prefetch'/><link href='//adservice.google.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//fonts.googleapis.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//disqus.com' rel='dns-prefetch'/><link href='//github.com' rel='dns-prefetch'/><link href='//cdn.jsdelivr.net' rel='dns-prefetch'/><link href='//fontawesome.com' rel='dns-prefetch'/><link href='//www.sharethis.com' rel='dns-prefetch'/>I recommend pasting it in Notepad first. To make it easier to edit the code. Then replace all the codes that I marked with red, using your respective keywords, usernames, & IDs.
- Keyword : Fill With Your Blog Keyowrd For example, Tutorials, Blogging, Free Templates, CSS.
- Blogger-Profile-ID : Fill in the blogger profile ID. For example https://blogger.com/profile/000000000. Take your ID in blogspot dashboard url.
- Google-Search-Console-code : Take the Google search console verification code for the html tag. Then fill in the column above.
- Bing-Webmaster-Code: Use the Bing search console code, but if you don't use Bing, you can delete the code.
- Your-country: Fill in the name of the country where you live. You can also use the destination country for posting your article. But just adjust the language of your posts on the blog.
- Blog-Title: Title or Name of your Blog.
- US: This is the United States country code, so to replace it, simply replace the country code with your country code. This country code is usually only 2-digit letters.
- Your-Favicon-URL: To display the favicon url, simply upload it on your blog, then right click, select open page url.
Is this way your blog will be crowded with visitors? it all depends on the keywords or topics you discuss. To get a lot of visitors on the blog, make articles that are really needed and are trending. Then adjust it with your post keywords. This Seo Friendly and Valid HTML5 Meta Tag will help your posts be easier to find because the keywords that you have installed above will be read easily by Googlebot.
Post a Comment for "How to Create Seo Friendly and Valid HTML5 Meta Tags for Blogger"