CSS背景图像/按钮 - Alt Text SEO?

时间:2012-06-06 18:35:50

标签: html css seo

我正在努力改进一个糟糕的开发人员编码的旧网站上的SEO。它包含许多通过CSS background:显示的图像以及按钮。我想知道是否还有包含“alt / title”文字或其他搜索引擎优化选项以保存此网站 - 无需完整重建。

4 个答案:

答案 0 :(得分:5)

你也可以使用它:

a {
    background: url('image.png') no-repeat center center transparent;
    display: block;
    text-indent: -9999em;
    overflow: hidden;
}

并将HTML编写为:

<a href="/">Welcome</a>

由于您将“欢迎”放在<a>标记内,因此您可以成为SEO友好。

答案 1 :(得分:1)

如果未显示图像,则无法使用图像标记上的传统“alt / title”。

但是你可以为正在设计风格的div添加一个'title'属性。我不确定它会携带多少SEO重量。

答案 2 :(得分:0)

查看元标记,说明和标题属性。让他们更富有

为每个<a>的每个重要图片和标题添加alt,并尽可能多地添加文字。如果它100%由图像组成,则很难保存它。

答案 3 :(得分:0)

最好使用真正的img标签,而不是依赖CSS background-image属性。既然我相信你已经知道了,这里有一些其他建议!

图片alt标签适用于SEO,但仅作为更大策略的一部分。通过创建有价值的内容,您可以获得更大的搜索引擎优化:博客,在相关论坛和博客上发布链接,更新您网站的副本。

定期更新的博客会为您的SEO做更多的事情,而不是整个网站重建,以便为您的图片添加alt和标题标签。

您也可以考虑将图片重命名为更适合搜索引擎优化的名称。例如,“flapjack.png”之类的东西比“image_01.png”更好。这不会花费太多时间。