Question

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

代码看起来像这样。

HTML：

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

CSS：

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

由于此背景下的其他一些CSS3效果，无法将背景更改为普通<img>标记。

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

我看到了一些解决方案：

将文字放入<a>标记，然后使用带text-indent: -9999em
仅在标签上添加标题属性
在标记中放置一个与标记具有相同标题的透明
在我的示例中保留它，并在XML文件中构建一个所谓的Image Sitemap

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

Answer 1

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

作为具有两年作为撰稿人和搜索引擎优化领导经验的人，这些技巧中的两种会让你受到惩罚而且很难从中恢复，这绝对被认为是黑帽。就图像而言，你唯一能做的就是编写好的alt图像标签，简洁准确地描述像谷歌这样的图像搜索图像。使用alt标签，如：

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

这是两年的历史，对于搜索引擎优化已经很老了，但大部分基础仍然是正确的，而SEOMoz是一个你可以信任的地方。

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

现在，有关图像的“最佳实践”。图像对搜索引擎优化不起作用，但如果它们非常有趣，它们可以真正帮助人们留在您的网站上。如果您将漂亮的图像放在像Facebook和Pintrest这样的网站上，这也可以为您的网站带来流量并帮助您找到它。虽然这些是SMO（社交媒体优化）而不是SEO，但它仍然是良好网页设计的一部分，它将为您提供更多流量并最终增加您的PageRank。从不做任何黑帽子。希望有所帮助！

Answer 2

通过文字缩进替换图像这是一种常见的模式，如果谷歌要惩罚这种技术，那将是常识。如果您的目标是最大化搜索引擎优化表面或至少与标准img与alt相提并论，那么在您的选项中，文本缩进会添加您添加的文本内容（如果它是img并且目前不受欢迎）谷歌的索引算法。在其上使用带有替代文字的透明图像可能是相同的SEO曝光，但Google可能会考虑一个微小的子KB间隔式图像，并且可以拥有但索引效果是推测。

OP明确表示他必须在此位置使用背景图像。背景没有alt 属性，因此Copenhaver没有提供答案。

背景图像和SEO

2 个答案: