如何将架构标记与图像 alt 标记结合起来？答案

【问题标题】：How do I combine schema markup with image alt tag?如何将架构标记与图像 alt 标记结合起来？
【发布时间】：2020-01-07 20:39:43
【问题描述】：

我正在尝试在我的网站上为图像实现 JSON-LD 模式标记，但是除了图像 alt 标记之外，我看不到模式是如何工作的。我知道这些是不同的东西，但如果我想两者兼得怎么办？例如：

    <script type="application/ld+json">
      {
      "@context": "http://schema.org/",
      "@type": "Organization",
      "url": "http://www.example.com/",
      "logo": "http://www.example.com/mcdonals-logo.png"
      }
    </script>

<img src="http://www.example.com/mcdonals-logo.png" alt="McDonald's Logo" />

【问题讨论】：

标签： schema semantic-markup

【解决方案1】：

alt 属性适用于用户及其浏览器。模式标记适用于搜索引擎和机器人。您不一定需要或希望 alt 标记中的信息与架构中的信息相同。

HTML specification

alt 属性的值为那些谁无法处理图像或禁用了图像加载

From the W3C

JSON-LD 是为处理数据的 Web 开发人员创建的对其他人来说很重要，并且必须通过 Web 进行互操作。作为根据草案的主要编辑之一，对更好的 Web API 的渴望是是什么推动了 JSON-LD 的创建，而不是语义网。

【讨论】：

那么我的示例在页面上提供这两者是有意义的，因此机器人可以解析架构并且用户可以使用替代文本。我的代码示例有什么问题还是提供两者的更好方法？
@DavidGarcia 是的，它似乎对我有用，但我会为您的 alt 标签提供更好的（或不提供）信息，因为您现在拥有的信息对于可能会使用它的人来说毫无意义。
@Rob alt 属性是完美的，不应该被删除。
@Sean 我没有说他应该删除它。我说他需要提供更好的信息或将其留空。 alt 属性用于提供图像无法显示时的信息。它不能仅仅用来说明它是某物的图像。
@Rob alt 属性不仅仅用于不加载图像。这是可访问性的主要部分。在这种情况下，一个空白的alt 是不合适的，而且“麦当劳的标志”也无法改进。