在HTML中使用替代文本（alt-text）一直是一种常见的SEO最佳实践，这对可访问性也很有效。这篇文章向您展示了如何以编程方式在Cloudinary上为图像生成、保存和使用alt文本。Alt Text的优点根据Moz，Alt Text是"在HTML代码中用来描述页面上图像的外观和功能的。"Alt Text有三个用途：它支持可访问性，即帮助视力受损的用户理解内容。它充当占位符，以防相关图像无法访问。它通过提供上下文帮助搜索引擎爬虫索引内容。理想情况下，您应该用alt文本标记所有图像。即使不这样做，经验法则是，如果图像与内容相关，请将alt text添加到图像。用于例如，可以跳过装饰图像的alt文本。但是，如果加载失败，您的查看器将无法找到丢失了什么的线索。因此，为了获得更好的用户体验，将alt-text转换为图像是一种普遍的做法。网络研讨会Alt Text和Cloudinary当您将图像上传到Cloudinary时，我们为它分配一个名为Context metadata的元数据字段。此字段中是alt文本的占位符，它在鼠标悬停或单击图像时显示预览。或者，如果启用了结构化元数据，则可以通过以下步骤访问alt文本：选择一个图像，然后单击设置的扳手图标。单击右上角的"变换"按钮。单击"编辑元数据"链接。然后显示图像的上下文详细信息，如下例所示：在这篇文章的后面，您将学习如何使用alt字段来标记带有alt文本的图像以上。设置并用api检索Alt文本，设置Alt上下文元数据，设置context方法。例如，在Python上，类型：结果=cloudinary.uploader.add_上下文（context，public_id，**选项）接下来，使用Cloudinary的"Get details of single resource"API检索标记。在Python中，代码看起来像此：cloudinary.api.resource（public_id，**options）在JSON响应中查找context->custom->alt字段。此部分响应是示例：复制到剪贴板{"public_id"："wvpbmcdyuxdcktgaqwgz"，"format"："jpg"，"版本"：1575658469，"resource_type"："镜像"，..."标签"：["鸟"，"褐鹈鹕"，"鹈鹕"],"上下文"：{"自定义"：{"alt"："鹈鹕白天栖息在木码头上"}}..}Alt文本的生成现在出现了一个百万美元的问题：如何按比例生成Alt文本？早先一篇题为"使媒体可访问：如何自动生成图像的alt文本"的博客文章给出了答案。要解释图像，请使用由提供的第三方API云景。一代在上传图片到Cloudinary时，您可以指定一个webhook通知URL。利用这一功能进行标记。下图说明了过程注释那个https://api.cloudsight.ai/v1/images是标记图像的端点给，给你生成的alt标记一旦生成alt标记，就可以使用Cloudinary的单资源API获取它。但是，该API是有速率限制的，使用限制根据您的云数据库而变化计划。如另一种方法是，设置一个Cloudflare Worker作为代理。通过代理该Worker调用，您可以将响应缓存在Cloudflare Workers KV中，然后可以在不增加API速率的情况下进行大规模利用-限制。英寸此工作流在您请求图像的标记信息时，Cloudflare Worker将检查KV数据库。如果在那里找不到任何条目，工作人员将从Cloudinary获取详细信息并返回并缓存到KV存储中，从那里为所有后续请求提供服务。缓存对于避免达到底层Cloudinary API中的速率限制是必要的打电话。看下图为工艺.样品以下是两个示例请求。缓存当你第一次请求一个图像的alt文本时，它不在KV存储中，如示例响应所示以下：复制到剪贴簿卷曲-s"https://testfetch.cloudinary.workers.dev"-d'{"cloudName"：""，"publicId"："some image"，"apiKey"："NNNNNN"，"apiSecret"："XXXX"}'-H"内容类型：application/json"| jq{"alt_text"："鹈鹕白天栖息在木码头上"，"source"："API调用"}KV store上的缓存命中如果在KV存储中存在图像的alt文本，Cloudfare Worker将返回响应，而不会产生API开销。请求格式与前面的示例相同。反应看起来像收件人：抄送至剪贴板{"alt_text"："鹈鹕白天栖息在木码头上"，"来源"："KV存储"}删除KV存储项当前，Cloudflare Workers无法删除条目。但是，您可以使用以下命令将缓存过期时间重置为零（0）语法：复制到剪贴簿_命名空间.put（publicId，tagWord，{expirationTtl:0}）然后从商店。是吗你准备好让你的图像可以访问了吗？一定要免费试一试Cloudinary。下面是构建本文中描述的解决方案的示例代码。期待着看到你的建设！关于cloudinarcolodinary为世界顶级品牌提供易于使用、基于云的媒体管理解决方案。Cloudinary在美国、英国和以色列设有办事处，迅速成为全球主要公司的开发者和营销人员用来简化富媒体管理和提供最佳最终用户的实际解决方案经验。为了更多信息，请访问网站或者在Twitter上关注我们