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

5 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
  4. Thanks! It's such a very nice post. i will definitely share it with colleagues. I just stumbled upon your weblog from Google and wished to mention that I've truly loved browsing your
    blog posts. In any case I'll be subscribing to your rss feed and
    I'm hoping to read more of your great articles!

    Download Psiphon 3 latest version,
    Get here some cheap Gucci iPhone Cases for iPhone 7, iPhone X, iPhone 8 Plus,
    Want to start a new business? see this insanely easy Marketing Research to get started,
    Here are some best Marketing Strategies to boost your business in 2019,
    Beautiful Happy new year images,
    Latest MTN Night Browsing Codes, And charges,
    A true story about Shopping Habits
    . see more....

    ReplyDelete

You can post comments and queries related to this topic.