出于搜索引擎优化的原因，在 div 中使用 alt 标签？答案

【问题标题】：Using alt tags with div for SEO reasons?出于搜索引擎优化的原因，在 div 中使用 alt 标签？
【发布时间】：2012-08-09 08:16:12
【问题描述】：

目前我在 css 中使用 div 和“背景图像”来放入我的图像。但是，在 SEO 方面，我如何利用这些优势？我曾经在我的 SEO 策略中经常使用 alt-tags。你如何用div做到这一点。还是建议只在相关部分使用 img src？

【问题讨论】：

标签： html css seo

【解决方案1】：

目前我在 css 中使用 div 和“背景图像”来放入我的图像。

对背景图像执行此操作。不要对内容图像这样做。

但是，在 SEO 方面，我如何利用这些优势？

为人们编写（可访问的）内容。相信搜索引擎会找到它。

我曾经在我的 SEO 策略中经常使用 alt-tags。

希望它们是good alt texts（希望您的意思是属性，而不是标签）。

或者你们建议只在相关部分使用 img src 吗？

内容图片应使用<img> 元素。

【讨论】：

【解决方案2】：

这取决于上下文。

如果您的图片是背景图片（如平铺背景，或属于背景的某种形式的图片），那么它应该是背景图片，理论上不需要替换文字。

如果您的图片是内容图片，那么出于可访问性和 SEO 目的，这应该是 img 元素。

StackOverflow 上已经有一个关于“img vs background-image”使用的非常流行的问题，可以在这里找到：

【讨论】：

【解决方案3】：

如果图像只是出于设计原因，请通过 css 的背景图像添加它，并且不需要 seo 的 alt。但是当图片对网站内容很重要时，你应该将它插入到html中，然后使用<img src="" alt="" />。

【讨论】：

【解决方案4】：

任何不遵循the HTML spec 的东西都是个坏主意。从技术上讲，您可以使用标题标签，但请不要。

在 SEO 中过度优化总是一个坏主意。

【讨论】：