SEO:使用style="background-url“代替带有alt的img

Question

我有网络应用。对于图像，我们使用超文本标记语言img，我们也使用搜索引擎优化的alt属性。

现在，我们正在重新设计我们的网站以改善用户体验，我们的设计师建议用<div style="background-url(image)">替换img标签，因为使用这种技术图像不会调整大小等。然而，我看到了使用这种方法的一个很大的缺点，那就是我们失去了alt属性，这将直接影响我们的SEO。

有什么建议吗？

Answer 1

这取决于你对图像的控制程度，这将决定我的决定。因为你仍然可以通过你的img来调整和控制HTML标签。

你对背景图像的裁剪，定位，动画效果等有更多的控制，但是如果设计只需要根据屏幕尺寸调整图像的大小，那么你应该仍然可以使用HTML img标签来实现这一点。

但是，如果你想更多地了解这两种技术的优缺点，那么可以尝试阅读这个有用的帖子：

When to use IMG vs. CSS background-image?

Answer 2

您需要查看正在使用的图像的用途，如果它是背景图像，则使用背景图像或其他图像。

值得考虑的是，许多网站在h1中给出网站标题(这里不是在讨论title标签)，然后使用CSS隐藏文本并显示徽标图像，这也是alt标签的用途，实际上效果更好，因为它被包装在更好的标记中，比如h1，它给搜索引擎提供了这是网站的主要标题/标题(即:品牌名称)的含义。