SEO优化之使图片可见
2006年2月,全国盲人联盟对target.com提出集体诉讼,原因是该网站不便于残疾人浏览,违反了加州法律中要求企业对残疾人消费才提供平等的服务。
这里的诉讼不是本文要说的主题,为什么不便于残疾人浏览,这是珠海SEO要告诉大家的,缺少图片的替代文本、不可获取的图片映射、以及违反其它易访问性指南,使残疾人无法在target.com上浏览并完成交易。
那么要回到我们的主题——使图片可见,令许多初级SEOer费解,不就是一个img标签吗,指定一个存在的src属性就可以了,多简单的事情。
<h2><img src="images/zhuhai-seo.gif"/>珠海seo</h2>
就是这行代码,当盲人使用屏幕阅读器遇到图片时,会无法识别,而且还会在工具提示框中错误的显示。根据W3C规格,图片标签都需要配有alt属性,增强易访问性。这样优化后的代码为
<h2><img src="images/zhuhai-seo.gif" alt="珠海seo"/>珠海seo</h2>
经过优化后的代码会令搜索引擎开心地索引图片和alt属性中的文本,并把它当作评价页面关键词密度的指标。
如果目标图片没有什么实际意义,仅仅是用作页面美化,像通常导航栏中的漂亮背景,这样的图片应该被用作CSS背景图片和填充物,突出显示文本。
XHTML代码:<h2>珠海SEO</h2>
CSS: h2 {background:url(images/zhuhai-seo.gif) no-repeat left;}
另外一种情况是当alt属性不能正常描述图片的意义时,可以用longdesc属性来链接到完整描述的文件。
如 <img src="images/zhuhai-seo.gif" alt="珠海seo" longdesc="http://yangchongyuan.com/zhuhai-seo/1.html"/>
这种做法有三个弊端:
1,需要用户离开正在浏览的网页,这很不友好;
2,将更多的内容,关键词转到了另一个页面,分散了页面权重,因为它不是与页面其它关联的内容放在一起;
3,在网站里势必在多创建一个文件,多个图像都需要有longdesc时,操作会显得繁琐。
珠海SEO的解决办法是,为了避免将longdesc的内容引导到另一个页面,SEOer可以在标记中创建注脚,在longdesc放链接
<img src="images/zhuhai-seo.gif" alt="珠海seo" longdesc="#zhuhaiseodesc"/>
在网页的页脚处再加入注解代码
<ul id="zhuhaiseonotes">
<li id="zhuhaiseodesc">珠海seo,是博主杨重圆精心打造的seo技术学习交流网站,于2013年10月正式上线。</li>
</ul>
这里无序列表作为我们注解的容器,显得非常恰当,贴切,这种单一的结构方便我们新增更多的注解文字,也很方便SEOer去设置注解文字对用户是隐藏的,稍稍修改代码让注解内容显示在页面下面9999像素。
#zhuhaiseonotes { text-indent:-9999px;position:absolute }
对于图片的seo优化,请关注博主的下一篇文章——SEO优化之图片映射。