如何正确的给网站图片加上ALT标签优化

  • 2016-11-27
  • 295
  • 0
ALT标签文字是指图片的替换文字。ALT标签在html语言中的写法是这样的:<img src=”图片路径” alt=”图片描述”/>,当鼠标移动到该图片上的时候,会出现提示“图片描述”。代码如下:

<img  src=”/uploads/allimg/161115/1-161115105443512.png”  alt=”上海郁金香图片” />

在某些情况下,比如用户浏览器禁止显示图片,或由于网络等原因图片文件没有被下载完成,以及视障人士使用的专用浏览器,导致图片不能被正常显示,图片ALT属性中的文字将被显示在页面上。如图:
未显示图片的alt标签作用
某些浏览器,如IE7以前的Internet Explorer,鼠标放到图片上时,ALT文字也会被显示出来。图片ALT文字中出现关键词对页面相关性也有一定影响,近一两年ALT文字重要程度还有所提高,所以在图片ALT属性中以简要文字说明图片内容,同时包含关键词,也是页面优化的一部分。如图:
上海郁金香图片
下图红圈中的文本框是用户把鼠标移动到图像上时,IE7 浏览器所显示的效果:
上海郁金香图片alt标签作用
与页面Title一样,ALT文字中不要堆积关键词,只要出现一次关键词即可。图片做成链接时,ALT文字就相当于文字链接的锚文本。所以网站左上角出现的公司logo,应该在alt文字中包含首页目标关键词。logo一般都链接到首页,而且通常是页面上出现的第一个连到首页的链接,ALT文字中包含关键词,就相当于文字链接锚文本中包含关键词。
图片文件名中包含关键词对图片本身出现在图片结果中,以及所在页面的相关度也有一点影响。这种优化主要用在英文网站上。中文网站用中文关键词做图片文件名,和关键词出现在URL中类似,作用不大,有的时候得不偿失。

声明: 未经授权,不得复制、转载或以其他方式使用本网站的内容。Friends blog