网页窗口标签(网站alt标签详解)

网页窗口标签(网站alt标签详解)(1)

“alt tag”被正确地命名为“图像标记的替代属性。”alt属性是一个修饰符,它提供有关在HTML代码页中的单个图像标记中调用的图像的描述性信息。alt属性的描述性信息可用于帮助视障用户和搜索引擎抓取工具在浏览网站时提供帮助。

img 标签。在页面上显示图像。

src 属性。指定要显示的图像文件。

宽度 和高度属性。指定图像的显示宽度和高度。

alt 属性。“假日玩具清单。”

alt属性只是图像标记的一个元素。是的,当你说“alt tag”时,每个人都明白你的意思,但它实际上并不是一个标签。这就像指着一辆轻便摩托车并称之为汽车。人们会明白你认识到轻便摩托车是一种车辆,但他们也可能认为你的经验不足。

网页窗口标签(网站alt标签详解)(2)

页面上的唯一文本内容无法替代客户可见且有用的内容。如果一个页面仅包含没有页面描述性文本的基于图像的内容,那么它将很难在搜索引擎上排名。

即使是完美优化的alt属性也不会有足够的突出性来发挥作用。他们只是没有足够强大的SEO信号。

最初开发用于改善受损访问者的可访问性,alt属性在某种程度上成为许多人心目中的SEO元素。这是一种虚假和危险的心态,因为alt属性可以为SEO“优化”,实际上阻碍了他们改善可访问性的真正目的。

实际上,通过将alt属性的真正目的保持在最前沿,可以最好地满足SEO需求:可访问性。

Alt属性只是可访问性图片的一部分,但它们既有帮助又有害。为图像编写简短的描述性alt属性,以帮助消费者理解页面的内容以及如何完成所需的操作。在这样做的同时,您还将优化搜索引擎优化,而不必担心每个内容填充太多内容或太多关键字。

网页窗口标签(网站alt标签详解)(3)

例如,如果图像是产品,则大多数电子商务图像应该是,产品的名称是适当的alt属性。如果您的网站销售多个品牌的产品,将品牌添加到产品名称也可能是一个好主意。

哪些信息可以帮助客户理解并采取行动而不会过多地压倒她?这是你的alt属性。

许多图像不需要替代属性。如果您的站点使用spacer,line,bullet和其他纯粹面向设计的图像,请不要在这些图像标记中使用alt属性。想象一下,为了理解菜单中有四个导航链接,我必须慢慢阅读这样的内容:

简而言之,在为图像指定alt属性之前,请考虑图像的描述性或导航值。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页