返回  

Alt标签文本很重要的10个原因

2022/7/20 9:17:21 来源:深圳网站建设公司Clh

如果你没有在网站建设项目中使用有意义的Alt文本,那么你简直就是在“暴殄天物”。这个不起眼的元素具有很大的功能,并对可用性、可读性和可访问性将产生巨大影响。

如果你认为Alt文本仅仅只用于可访问性,请再认真想一想。它可以帮助比如百度、Google以及必应等搜索平台更好地理解你的内容,为你的页面提供重要的隐藏信息,并帮助读者更好的浏览。

以下是一些可以帮助创建友好的Alt文本的指南,这将有助于在你的网站上产生更大的影响和更好的用户体验。


1. Alt文本提供信息以促进可访问性(Alt Text Provides Information to Facilitate Accessibility)

两个拿着冲浪板走向大海的女人

对于在网站上看不到任何信息的图像,Alt标签文本提供了屏幕阅读器可以理解的“语言”,这样信息的上下文就不会丢失。

作为网站设计师或开发人员,为网站上的每张图片提供简短但实用的描述非常重要。

对于像上面的图片,Alt文字可能使用“两个拿着冲浪板走向大海的女人”为最佳。虽然Alt文本不需要是完整的句子或包含标点符号,但它应该对图像中的内容提供比较准确的描述。


2. Alt文本对搜索引擎有好处(Alt Text is Good for Search Engines)

谷歌搜索界面

为了说服你在网站设计中使用Alt描述和信息,这可能是你需要知道的内容:

“谷歌使用Alt文本以及计算机视觉算法和页面内容来理解图像的主题”出自谷歌开发者。

Alt 标签是搜索引擎优化的必备品。


3. 用户和计算机都可以阅读Alt文本(Alt Text Is Readable by Humans and Computers)

Alt文本不仅仅是计算机可以理解的东西,所有用户在将鼠标悬停在图像上或检查页面内容时都可以看到和阅读它。

此外,计算机、屏幕阅读器和搜索引擎都可以读取Alt文本。


4. Alt文本包含有关页面内容的附加信息(Alt Text Contains Additional Information About Page Content)

虽然用搜索引擎的关键字填充替代内容不是最佳实践,但这些描述可以并且确实提供了有关网页内容的额外内容。

这使得使用更贴近页面内容的图像和描述变得很重要。

这是关于图像和Alt文本的另一个小问题。将图像和Alt文本尽可能更贴切的关联在一起以获得最大影响,同时避免文字图像。这不是一种功能设计技术,并且作为设计一部分的这些词的丢失不值得将它们放在替代文本中。(搜索引擎更快乐,并且比替代文本更重视实际页面内容。)


5. Alt文本提供图像的描述信息(Alt Text Provides Descriptive Information for Images)

蓝天白云下的向日葵田

想想同一张图片的这两个 alt 描述的不同主题:

· 蓝天白云下的向日葵田

· 世界上最大的黄色向日葵的特写

描述性Alt信息可以为页面上的其余内容增加价值和关联性。你不必用信息来进行图像描述,而是用视觉元素来解释照片的内容和原因可能才是最合适的。


6. Alt文本可帮助你更快地查找内容(Alt Text Helps You Find Content More Quickly)

由于它对搜索引擎的影响,Alt文本可以帮助你更快地在互联网上找到你要查找的内容。附加的这些Alt信息和内容向搜索引擎发送一个关于页面及其包含内容的信号。

这里有一个比较进阶的提示:虽然曾经建议使用 longdesc 标签来包含更多的 alt 文本,但这是一个不常用且可以避免的大部分已弃用的功能。


7. Alt文本有助于为每个用户提供相同的用户体验(Alt Text Helps Provide Common User Experiences for Everyone)

网站设计中使用Alt文本和描述的最重要方面之一是,你为所有访问者提供了相同的用户体验,无论用户的自身条件如何。Alt文本弥合了理解和视觉障碍方面的差距,以便每个人都知道页面设计上的内容。

不要忘记为按钮等元素添加Alt文本。这些用户界面元素上的 alt 属性应该描述按钮的功能,例如“提交”、“应用”或“搜索”。


8. Alt文本有助于“人工智能”更智能(Alt Text Contributes to “AI” Intelligence)

靠近海岸的白色沙滩上坐着的金毛猎犬

你认为计算机如何“学习”形状和图像的名称?Alt文本实际上可以帮助促进人工智能学习和监督,其中为计算机提供一组训练图像以及相应的标签,并创建一个可用于在未来识别相似图像的模型。

上图可能有一个“金毛猎犬”的Alt标签,可以帮助人工智能分辨和学习。


9. Alt文本为缺失图像提供上下文(Alt Text Powers Context for Missing Images)

白色桌子上放置的电脑设备和代码界面

几乎每个人都遇到过一个网站,其中图像由于某种原因没有加载好或无法识别。无论是速度慢还是其他类型的技术错误,这些图像上的Alt文字都可以确保你知道设计中具体缺少什么。

网页设计的用户端没有按预期进行时,将Alt文本或描述视为一种 B 计划。


10. Alt文本是可索引的(Alt Text is Indexable)

几乎不言而喻,就像我们在此处引用搜索引擎与 alt 文本的关系一样,但重要的是要理解:Alt 标签可以被搜索引擎索引。

如果其他关于使用 alt 文本的有点没有引起你的共鸣。搜索优化是将你的网站内容和设计提供给尽可能多的相关人员的关键。你希望你的网站易于在线查找,并在相关用户寻找与你的网站包含的信息或产品有关的条件时显示出来。

Alt文本和描述是搜索优化巨型算法中的另一个促成因素。


总结

中的来说,Alt文本和描述是每个网站设计的重要元素。这种类型的微文案不在设计的最前沿,而是一种幕后功能,可以帮助确保你的设计易于访问、易于阅读和理解,并针对搜索引擎进行了优化。

在考虑如何编写Alt文本时,请在描述性的同时保持描述尽可能简短。用关键字填充替代文本或描述以“欺骗”信息对搜索优化并没有帮助,实际上可能对网站设计有害。









----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务