背景图片和搜索引擎优化

目前，我的网站上有一些在 CSS 文件中定义为背景图像的图像。

代码如下所示。

HTML：

<a href="http://domain.com" title="Website Title" class="image"></a>

The CSS:

 .image {
    background: url("../img/deelnemende-organisaties/arcadis.png") no-repeat;
 }

由于此背景的一些其他 CSS3 效果，无法将背景更改为正常背景<img> tag.

现在我想知道使用背景图像并保持尽可能高的 SEO 排名的最佳方法是什么。

我看到了一些解决方案：

• 将文本放入<a>标签，然后用 CSS 隐藏它text-indent: -9999em
• 仅在包含文本的标签上放置标题属性
• 在标签中放置一个与标签标题相同的透明标签
• 保留我在示例中的做法，并在 XML 文件中构建所谓的图像站点地图

现在我不确定什么是最好的解决方案，我不想通过做一些他们称之为非法的事情来破坏我的 SEO 排名。

我看到了一些解决方案： - 将文本放入标签中，然后使用带有文本缩进的 CSS 隐藏它：-9999em - 仅在包含文本的标签上放置标题属性。 - 在标签中放置一个与您的标签具有相同标题的透明标签 - 保留它，就像我在示例中一样，并在 XML 文件中构建所谓的“图像站点地图”。

作为一个拥有两年文案和 SEO 领导经验的人来说，其中两种技术会让你受到惩罚，而且很难恢复，这绝对被认为是黑帽。就图像而言，您唯一能做的就是编写良好的替代图像标签，以简洁准确地描述图像，以供 Google 等图像搜索使用。使用 alt 标签，例如：

<img src="myimage.png" alt="Dog running in front of Redwood Trees"></img>

这已经有两年了，对于 SEO 来说已经相当老了，但大多数基础知识仍然是正确的，而且 SEOMoz 是一个你通常可以信任这些信息的地方。

http://www.seomoz.org/blog/image-seo-basics-whiteboard-friday http://www.seomoz.org/blog/image-seo-basics-whiteboard-friday

现在，在图像方面有一个“最佳实践”。图片对于 SEO 来说作用不大，但如果图片漂亮且有趣，它们确实可以帮助人们留在您的网站上。如果您将漂亮的图片放在 Facebook 和 Pintrest 等网站上，这会有所帮助，这些网站也会增加您网站的流量并帮助您被发现。虽然这些是 SMO（社交媒体优化）而不是 SEO，但它仍然是良好网页设计的一部分，可以为您带来更多流量并最终提高您的 PageRank。永远不要做任何黑帽事情。希望有帮助！