SEO案例：锚文本、关键字、nofollow、Web标准化（二）

国平 发表在 SEO案例 于 2009年,七月 24th | 47 个回复

上篇谈到了Globalsources是如何应用“锚文本”和“关键字”的。这篇还是讲Globalsources，我们来给它的做法改进一下，看看如何应用“nofollow”和“Web标准化”。

Globalsources的这些SEO优化，全是Stephen在06年指导他们完成的。之后，他们就一直延续了那时候的改造而没有进一步优化。

为了处理“Global Sources Home”这个文字干扰主页内容的表达，它用的是把文字转化成图片的方式。其实就像在上篇的评论中“cm”说的那样，可以保留这个文字，而用nofollow把这个锚文本屏蔽掉的。 不知道大家还记得吗，在“锚文本的重要性”中提到过：一个链接被nofollow, PR和锚文本是不会被传递的。所以，用了nofollow,也是一种不错的解决方法。这样，在大网站的话，和网页设计人员也好交代了。不然，文字图片化在他们看来是很奇怪的做法。这样做不会削弱锚文本对首页的影响力。

在那篇和ZAC的nofollw争论后，有很多人都问我为什么不用robots.txt文件或者 meta robots标签来控制爬虫的抓取。其实，nofollow是这两种方式无法替代的。具体的原因，等你真正打算用nofollow，来查看一个网页上所有的链接的时候就知道。

nofollow的应用，在另一个国外大网站上已经用到了炉火纯青的地步。这个或许以后可以说。

再来看“web标准化”，SEO要在这方面做文章就要时刻想着“web标准化”中的那个网页模型。那个模型不是给网页设计人员看的。

Globalsources 在处理logo指向首页的链接中，用的是退而求其次的方法。其实不用退而求其次的，有一种更好的方法，这种方法就是“图片替换”。有比较多的国外SEO人在用。

先看Globalsources的代码，是这样写的：

<a name=”top” href=”http://www.globalsources.com”>
<img title=”globalsources.com – manufacturers” src=”http://…../SITE/I/GS2.GIF” border=”0″ alt=”globalsources.com – manufacturers” /></a>

而“图片替换”的代码就是这样的：

1，

<div id=”logo”>
<a href=”http://www.globalsources.com/”
title=”globalsources.com – manufacturers”>globalsources.com – manufacturers</a>
</div>

然后在CSS文件里这样写：

2，

#logo a {
background: url(http://…../SITE/I/GS2.GIF);
height:80px;
width:300px;
text-indent:-1000px;
}

这样的做法，是先做一个完美的“内容层”和“结构层”给搜索引擎看。代码1中，既有锚文本，又有title属性。而不像原来一样是没有锚文本的，只有title属性和alt文本。

代码2是一个“表现层”，text-indent:-1000px; 的意思把文字偏移到屏幕的一千个像素以外。用户看不到那些文字的。然后把那张logo图片作为这个<div>的背景。把原来那个的logo图片放在CSS里来了。这样在外观上和原来是一模一样的。这种做法完美的平衡了用户体验与SEO。

这里有一个问题，就是google认不认为这个是作弊的方法。因为这个好像是隐藏内容，用户看到的和搜索引擎看到的不一样。这个担心确实有点道理。不过暂时来看，这个方法要应用得当，是没什么负面影响的。

因为这个方法其实一开始是网页设计人员为了更好的web标准化而做的。此方法由来以久而且比较多的网页设计人员在用。在08年11月份，有人咨询过google的工程师，这个方法，在技术上不会被列入作弊的范围的。但是如果你恶意应用，还是会被认为作弊。比如在里面写一大堆东西，或者用来隐藏一篇文章等等。

这种“图片替换”的思想就是把“内容层”的无关因素移到“表现层”。然后想办法怎么在“内容层”和“结构层”更好的表达信息给搜索引擎看。我上次说的web标准化会有很多技巧，这就是其中一个。还有更多技巧大家可以去发掘。

下篇博客我会讲一个三年前就预测到google会使用的排序方法。以及讲述一下我为什么能预测到这个。



47 Responses to “ SEO案例：锚文本、关键字、nofollow、Web标准化（二） ”

  1. 转角遇到钱 说：
    2009年07月24日于13:19

    先沙发一下~~~

    回复
  2. kyw 说：
    2009年07月24日于13:24

    nofollow的应用网站案例，URL是？

    回复
  3. 山寨货网 说：
    2009年07月24日于13:39

    学习了，俺是菜鸟，但俺有个疑问就是LOGO跟那个主页home不是一样的吗？之间有什么区别？为什么文字的要换成图片，而图片的却要换成文字？

    回复
  4. 艾瑞 说：
    2009年07月24日于14:18

    占个位置慢慢看~

    回复
  5. 核桃 说：
    2009年07月24日于14:23

    以前看过阿里国际站，也是这种处理方法好像，呵呵！学习了！

    回复
  6. SEO研究院 说：
    2009年07月24日于15:53

    很希望能有具体的案例来进行讲解说明。

    回复
  7. 备考网 说：
    2009年07月24日于17:02

    看到的第二篇高质量文章

    继续学习

    现在好多友情链接外链作弊都用这种方法

    回复
  8. yuno 说：
    2009年07月24日于19:04

    “图片替换”的写法包括淘宝或国外很多大站都这样写，但这样属于隐藏文字。淘宝这样的大网站可能不受影响。之前在点石请教过，得到答复也是属于隐藏文字，属于作弊。就去掉了这样的写法。不知道楼主有何见解呢？

    回复
  9. dicky 说：
    2009年07月24日于19:13

    用多了也许就被当成作弊了，多了那些文字google就会认为网站相关性更高了？

    回复
  10. fxy110 说：
    2009年07月24日于19:17

    国平,期待你的新文章更新

    回复
  11. 说句实在话 说：
    2009年07月24日于21:32

    这种手法，去年下半年开始在国内的一些CMS当中，已经运用的非常多了。。。

    回复
  12. 说句实在话 说：
    2009年07月24日于21:33

    我是指CMS当中的模板，比如 DEDECMS 当中就有运用

    回复
  13. 天下奇斌 说：
    2009年07月25日于10:20

    期待下一篇文章！

    回复
  14. HKGXIN 说：
    2009年07月25日于12:01

    过来学习学习。

    回复
  15. 大葱 说：
    2009年07月25日于13:38

    好帖
    对于web标准化我还不大懂，有机会再向你请教。

    回复
  16. 广州seo咨询室 说：
    2009年07月25日于14:55

    有点专业，没看怎么懂

    回复
  17. renwuvip 说：
    2009年07月25日于17:21


    这个里不也是可以直接title? 有什么差别吗?

    回复
  18. Modern Classics 说：
    2009年07月26日于14:47

    期待你的下一篇文章。

    回复
  19. 秋土望红叶 说：
    2009年07月27日于00:54

    wordpress模板我看了很多用这样的，我也用过这样的模板，就是那个logo 呵呵

    回复
  20. 芝兰之室 说：
    2009年07月31日于12:33

    第一篇文章的方法我看了，学到了，这篇的方法，我已经知道了。但是通常一些人会增加的标签进行强调

    回复
  21. 龙少 说：
    2009年08月5日于09:51

    我一直坚持认为给搜索引擎和用户不一样的东西就是作弊

    回复
  22. Laface 说：
    2009年08月5日于23:08

    Male massage therapist Silence is one of the hardest arguments to refute. coolserg9981

    回复
  23. lowkey 说：
    2009年08月11日于16:52

    为什么我还是分不清楚nofollow和robots文件还有meta robots的区别。囧～·

    回复
  24. SEO 说：
    2009年08月18日于03:44

    博主的文章有点深度…

    回复
  25. 上海SEO 说：
    2009年09月2日于15:33

    这种方法做网站时候经常用的，特别是菜单上面。

    回复
  26. 路过 说：
    2009年09月15日于14:18

    #logo a {
    display:block;
    background: url(http://…../SITE/I/GS2.GIF);
    height:80px;
    width:300px;
    text-indent:-1000px;
    }

    好像这个要加上：display:block; 才能达到你所说的效果吧？

    回复
  27. shipping 说：
    2009年09月17日于22:45

    ““内容层”的无关因素移到“表现层”。然后想办法怎么在“内容层”和“结构层”更好的表达信息给搜索引擎看”这个需要多少阅历/经验才能懂得，我泪汪汪的，还有很多路要走

    回复
  28. 搜索引擎优化-Simba » 分词与索引库 说：
    2009年09月23日于09:52

    [...] 我建议大家再去看一下《把Web标准化进行得更彻底一点》这篇文章，还有《丰富网页摘要”，让你的网站与众不同》以及《SEO案例：锚文本、关键字、nofollow、Web标准化（一）》和 《SEO案例：锚文本、关键字、nofollow、Web标准化（二）》。那些文章和这篇文章一样，都是在讲同一个问题。 [...]

    回复
  29. starrychen 说：
    2009年09月23日于15:46

    写的很好，今天我就发现了这样的写法，但是不知道为什么要这样写，你的文章解决我的疑惑！

    回复
  30. LV 说：
    2009年10月30日于15:08

    嘻嘻，O(∩_∩)O~

    回复
  31. shipping 说：
    2009年11月26日于15:49

    请问博主，今天我上阿里巴巴中国站的时候，发现原先h1隐藏的方式由text-indent改成了
    阿里巴巴
    。请问，原先的text-indent方式还安全么，这次原则visibility: hidden这个看起来更像黑链的原因是什么？

    回复
  32. shipping 说：
    2009年11月26日于15:51

    郁闷，为什么无法显示HTML代码啊

    回复
  33. 淘宝 说：
    2009年11月26日于16:09

    好久没有上网了 过来看看

    回复
  34. Article Rewrite Tool 说：
    2010年01月30日于15:23

    Nice site and good information. Thanks for covering this topic so in depth.

    回复
  35. Adam 说：
    2010年04月17日于07:34

    “nofollow的应用，在另一个国外大网站上已经用到了炉火纯青的地步。”
    想见识下这个传说中应用nofollow炉火纯青的站，能不能晒出来看看？

    回复
  36. 好玩吗 说：
    2010年04月17日于18:06

    好强的主题

    回复
  37. gift ideas for boyfriends 说：
    2010年05月22日于14:41

    I thought it was going to be some boring old post, but it really compensated for my time. I will post a link to this page on my blog. I am sure my visitors will find that very useful.

    回复
  38. paper bag 说：
    2010年07月24日于22:22

    有趣！

    回复
  39. 鞍山社区网 说：
    2010年08月22日于13:17

    你忽略了一个问题！国平老师！原来的效果是点击logo图片可以返回首页，而你这么处理以后，就没有连接了！如果这个logo图片不是返回首页的一个链接，而只是一个展示logo，这么处理可以！

    回复
  40. 天客 说：
    2010年08月25日于06:38

    国平大哥说的没错，因为他的DIV精确定义到了 a 元素，已经清晰限制了超链接的大小，所以是会有超链接出现的，看起来就像是图片是个超链接。如果只定义到了logo元素，真就会像你说的，没有链接了。

    回复

发表回复