Add SEO friendly Meta Tags In Blogger 2024



Welcome to Bimal Sir G Blog. In this post, we'll dive into the world of SEO-friendly meta tags for Blogger and learn to add meta tags in HTML page of blogger. But before we jump in, let's understand what meta tags are all about.


What are Meta tags?
Meta tags are basically pieces of text that provide a description of a blog's content. They are not visible in blocks but they can be seen in the blog's source code, acting as crucial detailed descriptors. These descriptions tell search engines exactly what our blog and blog post is about.

Think of meta tags as tiny snippets of information in HTML format, packed with details about our posts. Search engines and their web crawlers, like Google's bots, rely on these meta tags to extract vital information about our blog and its content. This information is then used by search engines to display our site in search results, and more importantly, for ranking purposes.

By optimizing our meta tags, we are essentially helping search engines understand our content better. This, in turn, helps our site display informative snippets in search results, potentially attracting more visitors to our blog.

Step-1 ( Add HTML Code) 


Go to your blogs dashboard >> Theme >> Navigate to CUSTOMIZE>> Click on DROP-DOWN button>> Click on Edit HTML>>
Search for the <head> tag and  then paste the following HTML Codes just below the <head> tag.

Note:- Just replace the highlighted code in orange colour with your blog's description and keywords(if you don't know then watch the YouTube video with timestamp given in video description.


Copy HTML Code

    <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>

👇
Note:- To have the search description function, enable it from settings by going to your blogs dashboard >> Settings >> Navigate to Meta Tags and enable the search description option as shown in image.

0 Comments

If the 'BimalSirG YouTube App ' doesn't install or work in your phone, then please comment here your mobile model with problem details.

Post a Comment

If the 'BimalSirG YouTube App ' doesn't install or work in your phone, then please comment here your mobile model with problem details.

Post a Comment (0)

Previous Post Next Post