Today's topic is about the way to Add Seo Friendly Meta Tags In Blogger 2020, Meta tags are the foremost important thing for blogger blogs, it's liable 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 pictures in social media sharing. Meta tags are snippets of text that gives description of a blog's post content; the meta tags aren't visible on the blog's front itself, but only within the blogs ASCII text file
Lets move further and see the way to Add Seo Friendly Meta Tags In Blogger 2020
Why Meta Tag Is Important
Meta tags are vital post details descriptors that tells the program what a blog and blog post is about. Meta tags provide description about the post within the HTML format of the blog. this tiny piece of description is named metadata. It are often read by various search engines and their web crawlers. Search engines like Google use bots to extract metadata from meta tags to know important information about the blog and blog post. Search engines can use this information for displaying your site on their search results and most significantly ranking purposes, at the top 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.
<b:if cond='data:blog.pageType == "item"'>
<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/>
<!-- Description and Keywords (start) -->
ERROR 404 - <data:blog.title/>
</b:if>
</b:if>
</title>
<meta content='YOUR DESCRIPTION HERE' name='description'/>
<b:if cond='data:blog.pageType == "index"'>
</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>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:if cond='data:blog.postImageUrl'>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if></b:if>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:if cond='data:blog.postImageUrl'>
<meta content='summary' name='twitter:card'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<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'>
</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.
0 Comments