Wednesday, 1 August 2012

How to add Alt Text to header image of blogger for better SEO


Blogger has Blog title, blog description and blog header image. You can use blogger header image instead of the blog title and description. Header image is used as the link to the homepage of your blogger blog.

When you publish your post having any image you add ALT TEXT to your image for better SEO results (by clicking on image, then on properties and then add title and alt text to image).

What if you want to add ALT text to your HEADER IMAGE. In this post I will describe about adding ALT TEXT to your blogger header image. By default your blogger header image ALT TEXT is your blog title.

Steps for adding ALT TEXT to Header Image

  • Go to Dashboard - Template - Backup/Restore - Download Full Template - Close - Edit HTML - Proceed - Check the box next to 'Expand Widget Templates'
  • Find the following line of code. (By pressing ctrl+F and search for "<!--Show the image only-->").
1:  <div id='header-inner'>  
2:      <a expr:href='data:blog.homepageUrl' style='display: block'>  
3:       <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>  
4:      </a>  

  • Repalce alt='data:title' from the above code with the following code
 alt='"YOUR_ALT_TEXT1, YOUR_ALT_TEXT2"'   

Here, YOUR_ALT_TEXT1 and YOUR_ALT_TEXT2 are the keyword for ALT TEXT. You will need to change these keyword according to your choice. Also you can add more keywords separated with (,).

For Example :

 alt='"pageword, my pageword blog"'  

Now you need to save your templete and adding of ALT TEXT to HEADER IMAGE is complete.

See also:  How to add custom link to your blogger header image

4 comments:

  1. Informative Blog !!

    Nice Share of information

    ReplyDelete
  2. Code to text ratio represents the percentage of actual text on a web page compared to the percentage of HTML code, and it is used by search engines to calculate the relevancy of a web page.code to text ratio seo

    ReplyDelete

  3. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I’ll be subscribing to your feed and I hope you post again soon.
    SEO Company in Chennai

    ReplyDelete

You can post comments and queries related to this topic.