SEOMoz homepage - the lack of img alt tags
-
This might be a stupid question but the homepage of SEOMoz doesn't have img alt tags on the three feature screenshots.
I've hovered my mouse and looked at the code, the images just have the link to www.seomoz.org/features
Everyone goes adding image tags is key, any reason why SEOMoz don't?
-
Hi Cyto
I've had a look and they do have alt-text on the three feature screenshots. Granted the alt-text doesn't seem to appear when hovering-over, but the alt-text is there. In their respective orders:
- "Link Analysis"
- "Identify SEO Issues"
- "Monitor Changes"
The actual code is:
<div id="<a class="attribute-value">home_border</a>"> <div id="<a class="attribute-value">home_contentC</a>" class="<a class="attribute-value">hverts</a>"> <div class="<a class="attribute-value">wrapper</a>"> <div id="<a class="attribute-value">manageC</a>" class="<a class="attribute-value">clearfix</a>"> <h1>Effectively Manage Your SEO and Monitor Your Social Media h1> <img src="[http://cdn.seomoz.org/img/transparent.gif](view-source:http://cdn.seomoz.org/img/transparent.gif)" id="<a class="attribute-value">stars</a>" class="<a class="attribute-value">hsprite</a>" alt="" _cdn="<a class="attribute-value">true</a>" /> <div id="<a class="attribute-value">link_analysis_ss</a>" class="<a class="attribute-value">span-8</a>"> <a href="[/features](view-source:http://www.seomoz.org/features)"> <img src="[http://cdn.seomoz.org/img/transparent.gif](view-source:http://cdn.seomoz.org/img/transparent.gif)" id=" <a class="attribute-value">link_analysis_ss</a>" class="<a class="attribute-value">sprite-screenshots ss</a>" alt="<a class="attribute-value">Link Analysis</a>" _cdn="<a class="attribute-value">true</a>" />a> <div class="<a class="attribute-value">span-2</a>"> <img src="[http://cdn.seomoz.org/img/transparent.gif](view-source:http://cdn.seomoz.org/img/transparent.gif)" id=" <a class="attribute-value">link_analysis_icon</a>" class="<a class="attribute-value">hsprite icon</a>" alt="<a class="attribute-value"> </a>" _cdn="<a class="attribute-value">true</a>" /> div> <div class="<a class="attribute-value">pull-1 span-6 last</a>"> Analyze links and track key performance metrics in an efficient all-in-one dashboard. div> div> <div id="<a class="attribute-value">identify_seo_issues_ss</a>" class="<a class="attribute-value">span-8</a>"> <a href="[/features](view-source:http://www.seomoz.org/features)"> <img src="[http://cdn.seomoz.org/img/transparent.gif](view-source:http://cdn.seomoz.org/img/transparent.gif)" id="<a class="attribute-value">identify_seo_issues_ss</a>" class="<a class="attribute-value">sprite-screenshots ss</a>" alt="<a class="attribute-value">Identify SEO Issues</a>" _cdn="<a class="attribute-value">true</a>" />a> <div class="<a class="attribute-value">span-2</a>"> <img src="[http://cdn.seomoz.org/img/transparent.gif](view-source:http://cdn.seomoz.org/img/transparent.gif)" id="<a class="attribute-value">identify_seo_issues_icon</a>" class="<a class="attribute-value">hsprite icon</a>" alt="<a class="attribute-value"> </a>" _cdn="<a class="attribute-value">true</a>" /> div> <div class="<a class="attribute-value">pull-1 span-6 last</a>"> Identify critical SEO issues and get actionable recommendations. div> div> <div id="<a class="attribute-value">monitor_changes_ss</a>" class="<a class="attribute-value">span-8 last</a>"> <a href="[/features](view-source:http://www.seomoz.org/features)"> <img src="[http://cdn.seomoz.org/img/transparent.gif](view-source:http://cdn.seomoz.org/img/transparent.gif)" id="<a class="attribute-value">monitor_changes_ss</a>" class="<a class="attribute-value">sprite-screenshots ss</a>" alt=" <a class="attribute-value">Monitor Changes</a>" _cdn="<a class="attribute-value">true</a>" />a> <div class="<a class="attribute-value">span-2</a>"> <img src="[http://cdn.seomoz.org/img/transparent.gif](view-source:http://cdn.seomoz.org/img/transparent.gif)" id="<a class="attribute-value">monitor_changes_icon</a>" class="<a class="attribute-value">hsprite icon</a>" alt="<a class="attribute-value"> </a>" _cdn="<a class="attribute-value">true</a>" /> div> <div class="<a class="attribute-value">pull-1 span-6 last</a>"> Automatically monitor changes to your rankings and take control of your organic traffic. div> div> div>Regards
Simon
-
Ofcourse! I kept thinking "hmm why isn't any text appearing when I hover my mouse"
Thanks Simon
-
You're welcome.
A lot of websites make use of Alt instead of Title for alternative image text, with Alt usually only appearing when images don't, whereas with Title, the alternative text usually appears whether the image is displayed or not.
Have a good day

-
Any idea on what this does or how to use it: _cdn="<a rel="nofollow" target="_blank">true</a>"
Trying to find info but can't seem to find anything!