HOT!Buy Ready-Made Authority WebsitesClick Here

Making Blogger Professional, Important Updates !!

Hello SoraBloggingTips Readers, If you are reading this, then we would like to appreciate your efforts for being supportive. We know its har...

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.

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 == &quot;index&quot;'>
            <data:blog.pageTitle/>
        <b:else/>
            <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
                <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 == &quot;index&quot;'>
    <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 == &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>
    <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 != &quot;&quot;'>
        <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'>{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;WebSite&quot;,&quot;name&quot;:&quot;<data:view.title.escaped/>&quot;,&quot;url&quot;:&quot;<data:view.url.canonical/>&quot;,&quot;potentialAction&quot;:{&quot;@type&quot;:&quot;SearchAction&quot;,&quot;target&quot;:&quot;<data:view.url.canonical/>search?q={search_term_string}&quot;,&quot;query-input&quot;:&quot;required name=search_term_string&quot;}}</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 How to Add Seo Friendly Meta Tags In Blogger 2020 Reviewed by TemplatesYard on October 02, 2020 Rating: 5

3 comments:

  1. When I add the above code in my blogger template. The resonsive design doesn't work just desktop site shows in every device.

    ReplyDelete
  2. Thanks 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.

    You 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

    ReplyDelete
  3. Thanks sir, I was in a lot of trouble, my problem was solved by this post.

    ReplyDelete

Note : -We have stopped giving support to free version users, please read this article Making Blogger Professional, Important Updates !!. If You Are Facing Any Problem While Setting Up The Free Theme, Then We Recommend You To Read Our FAQ(Frequently Asked Question) Page.