3

目前，我的网站上有一些在 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>标签中，然后使用 CSS 将其隐藏text-indent: -9999em
  • 只在包含文本的标签上放置一个标题属性
  • 在标签中放置一个与您的标签具有相同标题的透明标签
  • 保持我在示例中的样子，并在 XML 文件中构建一个所谓的图像站点地图

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

4

2 回答 2

1

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

作为具有两年文案撰稿人和 SEO 负责人经验的人，其中两种技术会让你受到惩罚，而且很难从中恢复过来，这绝对被认为是黑帽。就图像而言，您唯一能做的就是编写好的 alt 图像标签，以简洁准确地描述图像，以便像 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

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

于 2013-05-14T12:12:58.930 回答
0

通过文本缩进替换图像是一种常见模式，如果谷歌要惩罚这种技术，那将是常识。如果您的目标是最大化 SEO 表面或至少与带有 alt 的标准 img 相提并论，那么在您的选项中，文本缩进会添加您将添加的文本内容，如果它是 img 并且当前没有被谷歌的索引算法。使用带有 alt 文本的透明图像可能是相同的 SEO 曝光，但谷歌可能会考虑一个微小的 sub KB spacer-like 图像，这可能会产生索引效果，但这只是猜测。

OP特别声明他必须在这个地方使用背景图片。背景没有 alt属性，因此 Copenhaver 没有提供答案。

于 2015-12-04T15:31:06.397 回答