« 上一篇下一篇 »

慎用通过CSS对图片进行SEO

以前我们经常利用CSS技术来处理图片在搜索引擎不能有效抓取的问题,经过秦爱实践发现这种方式已经被搜索引擎当作隐藏链接处理了,至少谷歌是这样的。在HTML语言中,我们在页头用图片来代替文字,但图片不能被搜索引擎识别为文字信息,即使使用了ALT标签也是一样的。于是,有些搜索引擎专家提出了利用CSS并结合H1标签进行SEO的处理方法,来突出或强调关键词:

在CSS中定义H1标签:

h1.logo {

width:300px; height:300px;

background:url(http://www.newsunday.com/favicon.ico)no-repeat top left;

text-indent: -9999px;

在HTML中调用图片,并定义关键词

<h1 class="logo">Keywords</h1>

这样做之后,在读者正常浏览时即看不到图像上的文字(已经被扔到-9999px外了),搜索引擎却能正常读取,由于利用H1标签,搜索引擎又将其作为重点的关键词来进行处理。最初提出这种方法的似乎来自于SEOMOZ 2006年的CSS 图像替换及SEO,但秦爱在试用后发现这已经成为搜索引擎惩罚网站的一条了。

秦爱的一个朋友的网站由于用了大量的H标签,但却没有H1,当用这种方法加上后,原本在谷歌中排名第三页的排名一天后就被扔到了第十页。作为最初提出这种方法的SEOMOZ也已经放弃了这种优化手段,查看该网站的源代码,你就可以看到他已经利用传统的H1加文字方式了。最近国外的一些博客也对此进行了讨论,这种技术处理是否应该被判为隐藏链接或者作弊。

本文是对秦爱以前的一篇文章《H1标签应用技巧》的纠正,因为在该文章中秦爱就提到了H1标签在图片中的应用。如果你已经采用,请尽快处理。