How to Add Seo Friendly Meta Tags In Blogger 2020
Today's topic is about How to Add Seo Friendly Meta Tags In Blogger 2020, Meta tags are the most important thing for blogger blogs, it is responsible for your site appearing in various search engines. Without meta tags search engines can't identify your blogs content, it also helps in recognizing post content, links and images in social media sharing. Meta tags are snippets of text that provides description of a blog's post content; the meta tags aren't visible on the blog's front end itself, but only in the blogs source code.
Lets move further and see How to Add Seo Friendly Meta Tags In Blogger 2020.
Lets move further and see How to Add Seo Friendly Meta Tags In Blogger 2020.
Why Meta Tag Is Important?
Meta tags are very important post details descriptors that tells the search engine what a blog and blog post is about. Meta tags provide description about the post in the HTML format of the blog. This little piece of description is called metadata. It can be read by various search engines and their web crawlers. Search engines like Google use bots to extract metadata from meta tags to understand important information about the blog and blog post. Search engines can use this information for displaying your site on their search results and most importantly ranking purposes, at the end it helps your site to display snippets in search results.
Step-1 ( Adding HTML )
In the template, search for the <head> tag and just below it paste the following HTML Coding.
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> - <data:blog.title/>
<b:else/>
ERROR 404 - <data:blog.title/>
</b:if>
</b:if>
</title>
<!-- Description and Keywords (start) -->
<b:if cond='data:blog.pageType == "index"'>
<meta content='YOUR DESCRIPTION HERE' name='description'/>
</b:if>
<meta content='YOUR KEYWORDS HERE' name='keywords'/>
<!-- Description and Keywords (end) -->
<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>
<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.postImageThumbnailUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:if cond='data:blog.postImageUrl'>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
<meta content='summary' name='twitter:card'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
</b:if>
</b:if>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<b:if cond='data:view.isHomepage'>
<script type='application/ld+json'>{"@context":"http://schema.org","@type":"WebSite","name":"<data:view.title.escaped/>","url":"<data:view.url.canonical/>","potentialAction":{"@type":"SearchAction","target":"<data:view.url.canonical/>search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
</b:if>
Edits :- Just replace the highlighted code wth your blog's description and keywords.
Note :- To make the search description work simply enable the search description from settings, to do that, Go to your blogs dashboard >> Settings >> Navigate to Meta Tags and enable the search description option.
Conclusion
Congrats !! You have made it. now you have learned that How to Add Seo Friendly Meta Tags In Blogger 2020. Visit your blog and check the awesome chnages live in action, hope you liked this tutorial, if you enjoyed then please share it with your friends, we are working hard to develop more such awesome tutorials please stay tuned with Us. Adios !! (Goodbye in Spanish).
How to Add Seo Friendly Meta Tags In Blogger 2020
Reviewed by TemplatesYard
on
October 02, 2020
Rating:
Reviewed by TemplatesYard
on
October 02, 2020
Rating:
![How To Setup Newsplus Blogger Template [TemplatesYard]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTtM6eBfvHRk_0xFBfh-_zR2z2SIAI-QtCSF4DfDwvhdEIFkn8hPzGfaqxnezcUrxkizQV-nJqpsnOMNljDQmPQtZnI699gmTvVIYDwAVh-N4g4aWVGw-FlnEf41s26tTgk12dyT0qW-KI/s72-c/Newsplus+Blog+Magazine+Blogger+Template.png)
When I add the above code in my blogger template. The resonsive design doesn't work just desktop site shows in every device.
ReplyDeleteThanks admin for creating this amazing post. But when I added this above code in my blogger template and save it, my website doesn't work fine. I am facing responsive issue when I add this code in my blogger.
ReplyDeleteYou have YouTube Channel named live Blogger and Sora Blogging Tips. Please make videos for these articles and linked this article in that video description and then share that video with us so that we checked what mistakes we had done to face issues.
Sorry for bad English
Thanks sir, I was in a lot of trouble, my problem was solved by this post.
ReplyDelete