中文网站搜索引擎优化技术研究

　　近日Problogger的 Darren Rowse撰写了一篇Title Tags and SEO的文章，尽管其探讨的是Blog中网页Title的优化原则，但其中的策略对大多数网站均适用。

　　在文中，Darren Rowse比较了Blog中常见的几种网页Title的格式，并分别探讨了其优缺点，这几种格式包括：

Post Title | Blog Name
Blog Name | Post Title
Blog Name | Category | Post Title
Blog Name
Post Title

　　即我们在网页Title优化的实施一文中探讨的中的6、5、3、7类，见下：

1. SEO探索 | 中文网站推广技术研究 | OnPage优化 | 网页Title优化的实施
2. 网页Title优化的实施 | OnPage优化 | SEO探索 | 中文网站推广技术研究
3. SEO探索 | OnPage优化 | 网页Title优化的实施
4. 网页Title优化的实施 | SEO探索 | OnPage优化
5. SEO探索 | 网页Title优化的实施
6. 网页Title优化的实施 | SEO探索
7. 网页Title优化的实施
8. 网页Title优化的实施 | 中文网站推广技术研究

　　对于我们当时认为不值得的讨论而未列入的以Blog Name作为网页标题一类情况，Darren Rowse也简单地分析了其致命的缺陷。

　　此外，Darren Rowse还给出了在制订网页Title策略时应考虑的因素，包括品牌、SEO、可用性以及网页Title长度等，观点与我们在网页Title优化的实施、网页Title的优化的原则中的讨论有共同之处。

　　Tags: SEO , Page Title

　　在网页Title优化原则和网页Title优化的实施中，我们探讨了如何通过恰当地撰写网页Title，使其既对搜索引擎友好，帮助网页在搜索引擎中排名提升，同时，又对用户友好，显示在SERP中的网页Title应当有驱动用户点击查看的动力。在我们的分析中，认为采用方式6(具体比较见网页Title优化的实施)能够满足上两点的基本要求。——当然，这只是我们的一家之言，具体到您的网站，可能因行业不同出发点不同会有别的更佳选择。——那么，如何将相应的Title嵌入到网页中呢？

　　对于使用如DreamWeaver、FrongPage之类编辑器手工生成网页的朋友来说，这很简单，只需将创作网页时依规划的格式将相应文字放入到 <title></title> 标签中即可。而对于采用CMS(Content  Management System :内容管理系统)或Blog的朋友来说，情况可能就复杂了些，无论CMS或Blog采用生成静态的HTML页面还是使用动态生成，其Title大都是按照一定的规则由程序自动生成的，这种情况下网页Title的定制依CMS的种类不同而方法各异，需要朋友们查阅相应系统的Help文件。下面以SEO探索为例，具体介绍一下本站使用的Wordpress程序定制Title的方法，至于为何采用这样的格式，请参考网页Title优化中的讨论。

seo探索网页Title优化的格式

　　正如大家所见，本站的名称为“SEO探索”，网站描述为“中文网站优化技术研究”，同时，依本页为例，内容标题为“WordPress下网页Title优化的实施”，所属分类为“OnPage优化”，我们希望相应网页的Title分别为：

主页：SEO探索 | 中文网站优化技术研究
分类：SEO探索 | 中文网站优化技术研究  |  OnPage优化
内容页面：WordPress下网页Title优化的实施 | SEO探索

　　那么，如何在动态生成的WordPress在显示不同的页面时变换Title呢？

　　在WordPress的模板中，大多具有一个名为Header.php的文件，Title标签即是在此文件中设置的。不过，在其默认模板中，Title的设置较为粗糙，如在Classic模板中，Title使用如下语句生成：


<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>


　　对应上文所列出的三种类型的页面，使用未修改的Classic模板，网页Title分别为：

主页：SEO探索
分类：SEO探索 » OnPage优化
内容页面：SEO探索 » WordPress下网页Title优化的实施

　　这显然与我们的要求有距离，达不到我们理想中的网站优化效果。

WordPress中定义网页Title的方式

　　不过，更改相应配置并不复杂。WordPress提供了很方便的模板标签帮助我们判断当前页面位置，比如说当前页面是主页还是内容页面，通过调整相应设置如下：


<title><?php
  if(is_single())
  {
   the_title();
   echo ‘ | ‘;
   bloginfo(’name’);
  }
  else
  {
    bloginfo(’name’);
    echo ‘ | ‘;
   bloginfo(’description’);
   wp_title(’ | ‘);
  }
?></title>


　　即可达到我们的要求。其中， is_single() 函数判断当前页面是否为内容页面， bloginfo('name') 和 bloginfo('description') 则分别返回网站的名称和描述，至于 wp_title(' | ') 中的参数“ | ”，则是为了将分隔符从WordPress默认的“»”更改为“|”，因为发现因发现Baidu将“»”识别为“？？”。

　　上述代码可根据自己的需要进行调整，相应的判断函数还有很多，如判断是否为分类、page等，具体可参见WordPress的说明。

　　Tags: SEO , 搜索引擎 , Page Title , WordPress

　　对SEO(search engine optimization:搜索引擎优化)存在很多的误解，有人认为SEO不过是网站建设中的简单技巧，只要稍加努力，实现搜索引擎高排名便指日可待；而同时另一些人，则认为SEO是一门相当复杂的技术，很多情况下如果要达到较好的网站优化效果，甚至需要与搜索引擎建立某种桌面下的关系，可能受某些SEO公司或专家宣传的误导，比如说在某SEO公司的宣传材料上声称其专家为某搜索引擎前员工，在界内具有广泛的人脉关系之类，暗示只有这样才能保证网站优化的效果。

　　事实上，上述两种看法均有失偏颇。SEO既没有“乐观派”想象得那么简单，也没有“裙带关系派”暗示的那般黑暗，简单地说，SEO是一系列技术与艺术的综合，要求我们在网站建设中综合考虑用户与搜索引擎的要求，既要对用户友好同时也要对搜索引擎友好。

　　那么，在网站建设中，如何对网页优化呢？

网页的重点是文本内容而不是图形

　　“搜索引擎友好(Search engine friendly)” 的基本要求是要保证网页能被搜索引擎正确读取、理解并收录到其索引数据库中，也即是说，在网页设计中要兼顾到搜索引擎Spider的视角。尽管在用户阅读页面时，一幅理想的图形可以更形象、更直观地帮助用户理解作者的意图，但对搜索引擎而言，其能识别、阅读的只是文本内容，图形对其来说太“深奥”了，是其所不能理解的。

　　常常见到一些网站的主页为一幅相当漂亮甚至华丽的图片，以展示企业或网站的形象，同时配以简单的“点击进入”之类链接让用户进入真正的内容页面，对这类网站，很难想象其会有较好的SERP排名。

　　同样地，某些网站将其重要的关键词以图形方式置放于网页中，当然，PhotoShop会使那些文字有更漂亮的效果，比如说立体字、艺术字甚至镂空、光晕、雕刻等特效，但在这种方式下，尽管用户可以看到甚至喜欢，但是，搜索引擎却看不到，这如何保证搜索引擎判断该页面与图形中关键词的相关性呢？

　　至于全部由flash或图形构成的页面，当然更谈不上任何的搜索引擎友好了，甚至在很多情况下，其对用户也并非是友好的，考虑一下带宽不足的用户吧，当网页半天打不开或者图形不能完整显示时，图形处理的所有心血都会付诸流水的。

良好的网站结构与内部链接

　　永远需要牢记的是，在我们对网站优化时，目标不仅仅是要保证网站的主页能够被搜索引擎收录及获得较好的排名，保证内部页面的收录与排名更为重要。事实上，搜索引擎SERP结果中出现的绝大多数都是真正的内容页面，这才是访问量的最大来源。

　　要确保搜索引擎能够收录并索引内部页面，就需要网站架构合理，同时，保证存在相应内部页面的链接以指引搜索引擎Spider的爬行。这些内部链接，以文本链接为佳。如果网站导航使用JavaScript或图形链接，最好在页面中适当位置附加文本链接。

页面中的关键词

　　对搜索引擎Spider来说，其在索引一个Web 页面时最关注的是该网页涉及的内容是什么以及如何判断该网页与特定关键词的相关性。一般说来，想让某个特定的网站上针对多个关键词排名均很理想是不现实的，但是，让网站的多个页面分别针对不同的关键词获得较好的排名则是可行的。要实现这一点，就需要针对单独的页面与特定的关键词进行优化。

　　要实现网页针对关键词的理想优化效果，需要在对关键词做认真细致的研究后，保证页面HTML文件中关键词的密度，同时考虑关键词在URL、Title等包括Anchor Text出现的频次与位置，只要将这些页面优化的因素都完善实施，相应网站在搜索引擎中的高排名便不遥远！

　　Tags: SEO , 搜索引擎 , Onpage Optimization

　　在网页中置入隐藏文本是最传统的搜索引擎Spam技术之一，通过有关设置将蕴含丰富关键词的字句不在浏览器中显现但却影响搜索引擎的收录与排名。长期以来，各搜索引擎一直在与这类Spam做斗争。

CSS隐藏文本spam的实现

　　通过样式表(CSS : cascading style sheets)，网站设计者可以设定HTML元素在Web页面中的显示位置与属性，这简便了网页设计的繁琐与难度，为创作代码精简的HTML页面提供了很大的方便。同样地，这也给予部分Black Hat SEO实现在HTML页面中置入隐藏文本的更简单方式：其只需设定某个格式元素的“display”属性为“none”，或者，将其显示位置超出屏幕范围，如“margin: -999px”，然后在此格式元素下添加大量蕴含丰富关键词的字句即可。这样，这些元素在浏览器下不可见，用户根本不会觉察到网页中有这些字句的存在，但对搜索引擎Spider来说，这些不可见的CSS元素与页面的正常组成部分没有区别，同时，由于其蕴含关键词，搜索引擎便会认为此网页与关键词的相关度较高，从而实现在SERP中的较高排名。

CSS spam的风险

　　应该说，最近一段时期以来，类似上文中介绍的CSS spam越来越常见，尤其在中文网站上。不可否认，CSS spam与其他spam技术一样，可以让网站在短期内获得明显的收益，但是，也同其他Spam技术一样，CSS spam会使网站运行在巨大的风险之下。

　　中文网站中目前这类Spam较流行可能缘于Baidu没有相关技术识别及确认(对此本人不敢肯定)？但其他搜索引擎，至少Google具备识别相应spam的技术并已对部分网站作出惩罚：在索引中完全删除了该网站的记录。Matt Cutts 在解释其中一个网站为什么被封的贴子中指出：

you had spam (specifically hidden text) on your pages. When Googlebot visited http://www.thepeoplescube.com/Truth.php on Sun, 05 Mar 2006 12:17:12 GMT, the page looked fine to users, but had hidden text.

　　除非您的网站只是临时性的，或者只需通过短期的“优化效果”即可达到建设网站的目的，否则最好还是避开使用这类spam。另一方面，即使现阶段在Baidu中不会因此受到惩罚，但一段时间以后呢？毕竟Baidu现在也是“大企业”了，据说也要给用户提供真正相关的搜索结果啊。

保证网站的“安全”优化

　　要实现长期有效的网站优化效果，前提是确保优化中避免使用各类spam技术，即使无意中使用了类似的技术，网站迟早要被搜索引擎惩罚甚至被封。这方面，尤其针对Google要注意，Matt Cutts指出今年Google反spam的重点是针对非英文网站，德国宝马的被封便是一个信号。这方面，作为使用人数最多的中文网站更是一个重点。

　　还是那句老话，在网站建设中更多地面对用户，面对如何为用户提供有价值的信息内容才是正途。

　　Tags: SEO , CSS , spam

　　在合法有效的HTML代码一文中，我们谈到过所见即所得编辑器造成的HTML冗余臃肿问题：所见即所得编辑器如FrontPage、Dreamweaver，可以帮助我们简便快速地创作或编辑HTML页面，但在生成“干净的”HTML代码方面则是个弱项，尤其在其对一个网页进行修改的时候，往往会产生很多不必要的冗余代码。当页面的HTML文件在存在大量的冗余代码时，文件便会变得臃肿，这不但会降低网页的打开速度，损害到网页的效率，同时也会严重影响到相当网页的搜索引擎排名。

尽可能使用最精简的HTML代码

　　要提高页面的下载速度，降低服务器带宽的压力，需要我们尽可能地缩小页面文件的“体积”，当然，这不能以减少页面中具体内容为代价，也即是说应该在保证页面可视部分不变的前提下，尽可能使用精简的代码，减小页面HTML文件的字节数。

　　事实上，在HTML中同一效果的实现可以有多种不同的解决办法。比如说，如果我们需要在页面中显示“粗体”字，至少有两种方式可以实现：<strong> 标签或 <b> 标签，很显然，使用 <strong> 标签要比使用 <b> 标签多了5个字符，而如果考虑到HTML标签必须成对出现的语法，相应的 <strong></strong> 标签要比 <b></b> 多了10个字符。虽然某些HTML组织推荐使用<strong>标签，但事实上，二者毫无区别，无论在页面显示还是SEO方面，那么，为何不用效率更高的方式？

尽可能避免冗余的嵌套标签

　　HTML代码一个显著的特征便是其支持代码的嵌套。但由此而来的另一个问题便是，所见即所得编辑器在修改某个格式时并不会将原格式删除，而只是简单地在原代码中置入新的嵌套标签，这样不可避免地使HTML代码变得臃肿。所以，要注意页面HTML文件中冗余的嵌套代码。

　　比如说下文的代码：

<font face="宋体">这是</font>
<font face="宋体"><strong>粗体</strong></font>
<font face="宋体">示例</font>

　　这在使用所见即所得编辑器创作的网页中是极其常见的，大家可以看出这类代码的拙劣：<font>标签不断地在重复定义。类似上文的例子我们可以更有效地修改为：

<font face="宋体>这是<b>粗体</b>示例</font>

　　可以看出相应的代码减少了将近一半左右。

尽量使用CSS

　　传统上，当我们在HTML页面中定义相应的格式时需使用如字体(<font>)、段落(<p>)标签，在这些标签之间是我们的内容部分，如文本、链接、图像等。当使用所见即所得编辑器修改某一格式时，相应的新标签便会被放入页面的HTML文件中，这样，就会产生很多重复的代码。随Web技术的发展，现在我们可以通过定义样式表(CSS: Cascading Style Sheets)来实现，这样可以增强代码的复用，提高效率。

　　同时，CSS也可以带来其他好处，如可以作为外部文件引用，这样，会大大降低HTML页面文件的大小；而当我们需要对页面的某些格式调整时，不必一个个去改动每个页面，只需调整CSS文件即可，等等。

　　Tags: SEO , HTML代码