认识达内从这里开始

相信大家在学习网站优化技术的时候接触到过关于图片的alt属性的添加方法和修改方法了吧，下面我们就一起来了解一下，在网页开发中的alt属性优化方法都有哪些。

alt属性的文本有什么用?

alt属性是一小段HTML代码，用于描述页面上显示的图片，但在Web开发和编辑内容时经常被忽略。它是如此的不起眼，以至于它似乎对普通用户没有任何影响，但它确实具有非常重要的用途：

屏幕阅读器的Web可访问性：假设我们有一个包含大量图片的页面，但没有一张图片包含了alt属性文本。使用屏幕阅读器进行冲浪的用户只能听到“image”这个词，这对他们来说这不是很有用。他们只知道这是一张图片，除此之外没有其他任何信息。如果有了alt属性文本，屏幕阅读器就可以帮助视障人士“看到”图片里有什么，以便更好地理解页面的内容。有人说一张图片胜过千言万语，但如果没有alt属性文本，这些用户就错失了这些千言万语。

如果无法加载图片，就显示文本：Web似乎是绝对可靠的，就像纽约一样，从来不需要睡觉，但错误的连接确实是存在的，如果发生这种情况，图片往往无法被正确加载，并且出现“损坏”。alt文本是一种安全措施，它会显示在页面上出现“损坏”图像的位置，为用户提供后备内容。

SEO性能：图片的alt文本也有助于提升SEO性能。虽然它并不能让网页的搜索排名更靠前，但它也是提升SEO性能的一个考虑因素。

在了解了这些重要性之后，希望你能够在开发和内容编辑期间加入正确的alt文本。但是，试图为大量积压的图像进行详细描述可能是一项艰巨的任务，特别是如果你的时间很紧迫或者奔忙于多个项目之间。

如果有一种方法可以在上传图片时应用alt文本该有多好!如果有办法检查页面是否缺少alt属性，并自动填充它们，那该有多好!

解决方案来了!

计算机视觉(或图像识别)实际上已经出现了相当长一段时间。谷歌、IBM和微软等公司都提供了自己的公开API，开发人员可以利用这些功能来识别图像以及图像中的内容。

有些开发人员已经在使用这些服务，并创建了自己的插件来生成alt文本。以SarahDrasner的生成器为例，它演示了如何使用Azure的计算机视觉API为上传的图片或URL链接的图片创建alt文本。

JacobPeattie开发了一个自动alt文本插件，这也是一个使用了Azure计算机视觉API的WordPress插件。它基本上是工作流的一个补充，允许用户上传图片并自动生成alt文本。

人工智能的介入

我曾经尝试过一些人工智能服务，我敢说，Azure计算机视觉生成的结果是好的。谷歌和IBM提供的服务肯定也有他们的专长，它们仍然可以识别出图像并得到正确的结果，但微软的服务非常好，非常准确，以至于我认为没有必要再去考虑其他选项。

你可以从中选择可能用于图片的alt文本。如何构建这个功能取决于你：

你可以创建一个CMS插件，并将其添加到内容工作流中，当上载图片并将其保存到CMS中时，会生成图像的alt文本。

你可以开发一个JavaScript插件，如果加载的图片缺少alt文，可以即时添加alt文本。

你可以创建一个浏览器扩展程序，当它发现网页中的图片缺少alt文本时，会自动为它们添加alt文本。

你可以编写代码来搜索现有数据库或内容存储库，找出缺失的alt文本，并更新它们，或创建拉取请求做出相应的更改。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!