求真百科欢迎当事人提供第一手真实资料,洗刷冤屈,终结网路霸凌。

ALT属性查看源代码讨论查看历史

事实揭露 揭密真相
跳转至: 导航搜索
 ALT属性
 

外文名: alt

作 用: 一种补救措施

组 成: img与area两个元素

替代原因 :网速太慢、src 属性中的错误等

alt属性:是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性,作用是当HTML元素本身的物件无法被渲染时,就显示alt(替换)文字作为一种补救措施[1]

释义

在HTML 4.01中,alt属性主要用于两个img与area元素,alt属性的语法如下:

...

<area alt="..." />

介绍

alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。

假设由于下列原因用户无法查看图像,alt 属性可以为图像提供替代的信息:

1、网速太慢

2、src 属性中的错误

3、浏览器禁用图像

4、用户使用的是屏幕阅读器

标签的 alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。

比如:视力受损的读者如果使用屏幕阅读器JAWS(英语:JAWS (screen reader))或Orca(英语:Orca (assistive technology)),这些应用程序会将图像中提供的alt文字读出,让他们以聆听理解图像内容。[2]

纯文字网页浏览器如Lynx或允许使用者手动会禁止下载图像的浏览器会显示alt文字以取代图像;

一般能正常显示图像的网页浏览器的读者则需要开启图像属性或页面原始档才能得知alt属性内容。

误区

IE7将alt文字显示成弹出式提示框Internet Explorer 7及更旧版本会错误地将alt属性渲染成弹出式提示框(英语:tooltip)。这个设定导致许多网络开发者真的将alt属性当成弹出式提示框来使用,而忽视了title才是用来显示弹出式提示框的正确属性。

这个失误在Internet Explorer 8被改正过来,alt文字不会再被当成提示框弹出。alt属性有时亦会被误称为“alt元素”(alt tag,变相与img元素画上等号)。

重要性

图片alt属性是搜索引擎唯一能识别的图片信息,因此,在优化网站时,尽可能利用alt属性阐述图片的主题内容,但是又要避免关键词的重叠堆砌,该图片属性作用也不仅仅告诉搜索引擎图片的主要信息,另外在图片出现加载失败时,还能够让访客理解图片所阐述的内容!

用来对网页上的图片进行描述,光标在图片上时显示的提示语即采用该标签实现。从SEO用户体验来看,ALT-代替属性都是必要的,其重要性主要有:

网页内容相关性是关键词优化的前提,搜索引擎认为,网页上的图片应该与网页主题相关。反过来讲,当搜索引擎要判断网页的关键词时,图片的ALT-代替属性是一个可信任的参考点

所以, 别忘了在图片的ALT-代替属性里添加上该网页的关键词。有时候因为一些原因,比如使用屏幕读取器、带宽较低、网络阻碍等导致网页上的图片无法显示。[3]

描述性的ALT-代替属性可以告诉用户该位置的内容,从而添加用户体验。

正规的网站都应该这样做。有时,如果没有ALT-代替属性,会导致用户不明白该图片代表着什么,为什么放在这个网页。

标签写法

alt标签在html语言中的写法是这样的:图片描述 [4]

图片描述最好是用简短的语句,描述这张图片的内容,如果是链接,则描述链接的作用,并带上关键词。

注意事项

不好的习惯是每张图片都没有alt标签。而不可取的是,对于每个标签都采用关键词堆砌,这样就有可能会导致被视为Spam垃圾网站[5]

视频

seo知识-alt属性

网络营销SEO优化名称解释,什么是Alt属性,Alt属性的添加演示

参考资料

  1. HTML 标签的 alt 属性,W3School,
  2. HTML alt 属性,菜鸟教程,2017-12-19
  3. 图像ALT属性在网站优化中的作用分析,SEO技术-点瑞科技,2019-11-13
  4. HTML 标签的alt属性,一个yige.org
  5. 给图片加ALT属性是个什么意思?有什么优点呢,ldxsuanfa - 博客园,2019年3月15日