Wednesday, April 19, 2017

Detailed guide on Meta Tags for Blogger

in published on April 19, 2017 2 comments
blogger meta tags keywords
As you know, Blogger have few limitation including meta descriptions, we have made detailed blogpost on Blogger Meta Tags. You can view details for different meta tags for each blogger page or post.

 Step by step instruction for Add meta tags in Blogger.

 Step 1: Go to edit HTML mode in blogger

 Open blogger and click on Theme from left sidebar and click Edit HTML option.

 Step 2: Install necessary optimized meta tags

 Add following code exactly after <head> tag.

 <b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

 Step 3: Add Meta Tags for Blogger Description and Meta keywords

 For homepage:

 <b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>

</b:if>

 For blog post:

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, your keyword1, keyword2, keyword3 &quot;' name='keywords'/>

</b:if>

 Important: Change the Red text to your own.

 Step 5: Close skin tag

 After last line of above code type below code.

 <b:skin><![CDATA[/*

 Your final code should looks like below:

 <b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>

</b:if>

 <b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>

</b:if>

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, your keyword1, keyword2, keyword3 &quot;' name='keywords'/>

</b:if>

 Step 6: Save template.

 By adding above codes, blogger will automatically create meta tags and description for all pages and posts.

 Comment your questions below. We will try to solve the same. Thanks for reading :)

2 comments:

  1. ZinavoOctober 3, 2018 at 6:29 AM

    Lovely blog with much more interesting article, I will keep on reading your update. Thanks for the share Website Development Company in Bangalore | Web Designing Company in Bangalore | Website Design Companies in Bangalore

    ReplyDelete
  2. FreyaMarch 30, 2019 at 12:22 AM

    Awesome website...you have written very well with great efforts..Thanks for sharing this post with us all !!!!
    Blockchain Development Company | Big data analytics companies

    ReplyDelete