How to Add Seo Friendly Meta Tags In Blogger

How to Add SEO-Friendly Meta Tags in Blogger

Today's topic is about how to add SEO-friendly meta tags in Blogger. Meta tags are crucial for blogger blogs as they determine your site's visibility on various search engines. Without meta tags, search engines cannot identify your blog's content. Meta tags also help recognize post content, links, and images when shared on social media.

Meta tags are snippets of text that provide a description of a blog post's content. They are not visible on the blog's front end but are found in the blog's source code.

Let's move further and see how to add SEO-friendly meta tags in Blogger.

How to Add Seo Friendly Meta Tags In Blogger

Why Are Meta Tags Important?

Meta tags are vital post detail descriptors that inform search engines about a blog and its posts. They provide a description of the post in the blog's HTML format. This small piece of description is called metadata. Various search engines and their web crawlers can read metadata.

Search engines like Google use bots to extract metadata from meta tags to understand essential information about the blog and its posts. This information is used for displaying your site in search results and, most importantly, for ranking purposes. Ultimately, it helps your site 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>
    
    <b:if cond='data:blog.pageType == "index"'>
    <meta content='<b>YOUR DESCRIPTION HERE</b>' name='description'/>
    </b:if>
    <meta content='<b>YOUR KEYWORDS HERE</b>' name='keywords'/>
    
    <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>

Adding SEO-Friendly Meta Tags

Just replace the highlighted code with 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 blog's dashboard >> Settings >> Navigate to Meta Tags and enable the search description option.

Conclusion

Congrats! You have made it. Now you have learned how to add SEO-friendly meta tags in Blogger for. Visit your blog and check out the awesome changes live in action. Hope you liked this tutorial. If you enjoyed it, please share it with your friends. We are working hard to develop more such awesome tutorials, so please stay tuned with us.

How to Add Seo Friendly Meta Tags In Blogger