当您使用有关 SEO 的背景图像时，使用替代文本的最佳方法是什么

如何解决当您使用有关 SEO 的背景图像时，使用替代文本的最佳方法是什么

我想确保以下解决方案针对 SEO 进行了优化，或者至少能够在整个 HTML 代码中检测到。

我工作的网站只有图片，所以这主要是我必须担心的最重要的问题。

1.第一种方法，也是我最喜欢的方法，因为当我将鼠标悬停在图片上时，您已经知道通过单击图片您将被重定向到另一个页面，因为浏览器默认设置链接动画：

<div class="table">
    <a href="NEW LINK" alt="TAGS" class="thumbnail" style="background-image: url(LINK);">Tags</a>
</div>

如上所示，我在两个位置添加了标签。

创建了一个替代

在标签内

2. 我在互联网上寻找我现在问的相同问题时发现的第二种方法：

<div class="table">
    <span onclick="NEW LINK" class="thumbnail" role="img" style="background-image: url(LINK);" aria-label="TAGS"></span>
</div>

解决方法

<a> 标签不支持 alt 属性。如果您使用的是背景，则最好使用 aria-* 属性，正如您发现的 role="img" 和 aria-label=""

,

您可以在 div 中添加实际图片，并使用自定义代码将其设置为背景图片！一般来说，这是“规则”：用标准内嵌图片替换非装饰性 CSS 背景。