最新消息:

如何更好的使用ALT属性来做优化

网页设计 李金龙 2184浏览 0评论

  很多朋友在做网站的时候都不注意ALT属性,今天给大家简单的聊一下,尤其是对于SEO的网站来说:
  ALT-替换属性,简单的来讲就是用来给我们网页中的图片起个名称(描述),当浏览者不能正确显示图片时使用,,正常情况下光标停在图片上时显示的提示语即为ATL替换属性,例:本站的LOGO,鼠标放上去试试看。
  从SEO优化和用户体验来看,ALT-替换属性都是必要的,对于建设符合W3C国际标准的网页来讲是必须的,其重要性主要有:
  网页内容相关性是关键词优化的前提,搜索引擎认为,网页上的图片应该与网页主题相关。反过来讲,当搜索引擎要判断网页的关键词时,图片的ALT-替换属性是一个可信任的参考点。所以, 不管是SEO还是面向用户友好及WEB标准,都应该在图片上加上ALT属性。
  有时候因为一些原因,比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。描述性的ALT-替换属性这时就大派用场了,ALT-替换属性可以告诉用户该图片的内容,从而面向用户友好,增强用户体验。正规的网站都应该这样做,当然您也不例外。
  有时,如果没有ALT-替换属性,会导致用户不明白该图片代表着什么,为什么放在这个网页,为什么会放在这个位置。
ALT-代替属性的写法
  旅游归来,拍摄的美好风光,是不是很想传到自己的网站跟好朋友分享一下呢?
未添加:
[code lang=”html”]
<img src="fengguang.jpg" />
[/code]
最不好(但最多见):
[code lang=”html”]
<img src="fengguang.jpg" alt="" /> [/code]
稍好(但没有告诉用户具体内容,更加的无意义):
[code lang=”html”]
<img src="fengguang.jpg" alt="旅游" /> [/code]
最佳(简单描述图片内容,并嵌套关键词):
[code lang=”html”]
<img src="fengguang.jpg" alt="黄山旅游,我与妻子的爱情留念照片。" /> [/code]
一定要避免(可能会导致被视为Spam垃圾网站):
[code lang=”html”]
<img src="fengguang.jpg" alt="黄山 黄山旅游 旅游 照片 旅游照片" />
<strong>注:禁止滥用ALT-替换属性</strong>[/code]
千万不可滥用ALT-替换属性,有些网站站长为了SEO优化,在里面添加大量的关键词,且形成了关键词堆砌,这样势必会遭搜索引擎的惩罚或降权。
这里提醒一下,W3C标准中规定,独立的标签必须使用“/”关闭,一定要记得写完ALT-替换属性后,使用“/”关闭它,记得在“/”前预留一个空格。

本文转自:SEOREN博客

转载请注明: » 如何更好的使用ALT属性来做优化

发表我的评论
取消评论

表情