Added SEO optimized meta tags to Blogger 2023

 Today's topic is about how to add SEO-friendly meta tags in Blogger 2023, Meta tags are the most important thing for a blogger, they are responsible for making your website appear in different search engines. Without meta tags, search engines cannot recognize your blog content, it also helps identify post content, links, and images in social media shares. Meta tags are snippets of text that provide a description of the content of a blog post; meta tags are not visible on the blog homepage itself, only in the blog source code.

Let's move on and see how to add SEO-optimized meta tags in Blogger 2023.

Why are meta tags important? Meta tag

is a very important post description that tells search engines what the blog and blog post is about. Meta tags provide a description of a blog post in HTML format. This short description is called metadata. It can be read by various search engines and their crawlers. Search engines like Google use crawlers to extract metadata from META tags to learn important information about blogs and blog posts. Search engines can use this information to show your website in their search results, especially for ranking purposes, and finally, it helps your website to show snippets in search results.


Step 1 (Add HTML)

Find the tag in the template and paste the following HTML code just below.

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


Changes: - Simply replace the highlighted code with your blog description and keywords.

Note:- For the search description to work, just enable the search description from settings. For this, go to your blog dashboard >> Settings >> go to meta tags and enable the search description option.

Conclusion

Congratulations!! 


you did it. Now you know how to add SEO-optimized meta tags in Blogger 2023. Visit your blog to see the amazing changes hope you like this tutorial, and if you like it, share it with your friends, we are working hard to develop other such amazing tutorials, keep following us. 

Goodbye!! (Goodbye in Ghana).

Post a Comment

0 Comments