浅谈SEO基本准则

　　SEO的工作深入到产品设计，页面制作，以及系统结构功能的开发等产品的各个环节中。这样和谐完美的运作过程要比单纯的把一件事全部交给SEOer来做质量和效率都要高的多。

　　下面主要从内容、代码、UE规范三个角度来谈谈SEO基本准则。

　　一、内容

　　1.网站结构扁平化(网站结构的扁平化：主要取决于网站的物理结构和逻辑结构规划。一般来说访问用户通过少于4 次的点击数到达最终内容页面的网站结构是符合扁平化的要求的);

　　2.页面结构不要太过个性化, 风格和版面趋于一致, 以易于搜索引擎理解;

　　3.关键词很重要:

　　　　1>精心设计关键词, 思考用户会通过哪些关键词来搜索这个页面;
　　　　2>全页面的关键词出现的密度控制在3%-8%之间, 正文中代词可以适当替换成关键词;
　　　　3>出现在title, meta-keywords, h1这些地方的关键词对页面的贡献比较大, 还有就是关键字尽量出现在标题前半行;
　　　　4>不要无意义的堆砌关键词, 会被判作弊, 得不偿失;

　　4.每个页面都必须包含回到站点或专区首页的链接;

　　5.站点内尽可能多地进行内链, 争取做到每个页面都包含去到站点/专区内任意板块的链接, 比如专区首页, 发号, 截图, 视频, 论坛等等;

　　6.每个内容页最好都有相关内容的推荐;

　　7.经常更新, 并且不要出现死链接(即目标页不存在的链接);

　　8.网站导航和板块标题尽量不要用图片, 用文字;

　　二、代码

　　1.页面别名: 一个网页有两个地址的, 比如http://chinajoy.xxx.com/实际是每年新闻频道Chinajoy专题的别名, 以2012年为例, 就是http://news.xxx.com/chianjoy/2012/, 这个页面上一定要记得加

　　<link rel="canonical" href="http://news.xxx.com/chinajoy/2012/"/>

　　2.页面文件名: key1-key2-...html, 这条可以暂不考虑, CMS暂不支持, 中文大站点目前很少这么做;

　　3.页面title:

　　　　1>每个页面的title都要不同，并且与页面内容接近;
　　　　2>title中设计1-2个关键词;
　　　　3>一般逆序排列, 采用下划线分隔, 格式是"页面标题_栏目标题_网站名称", 如:

　　LOL牛头使用详解_LOL攻略_LOL专区_xxx.com

　　　　4>meta-keywords必须合理设置: 3-5个, 用半角逗号分隔;

　　4.meta-description要包含关键字, 是对页面的描述, 不是对相关页面内容的介绍;

　　5.<img>标签必须加alt属性, 最好包含页面关键字;

　　6.<a>必须加title属性, 以包含关键字为宜, 链接文本最好选有含义的文字, 而不是直接用url;

　　7.页面里的标题, 尽量用<h1-6>; 每个页面必须有且仅有一个<h1>, 然后<h2>-<h6>是顺次递进的, 不要出现有<h2><h4>没<h3>的情况;

　　8.注重HTML的语义化, 采用xhtml+css, 抛弃table布局(语义化的网页代码能很好地被爬行器识别);

　　9.不要用iframe/js调用内容(将css和javascript代码从html文件中分离出去);

　　10.必须要用JS调用内容的, 比如图片轮播组件, HTML结构不能交由JS生成, 以爬虫能识别为宜:

　　　　1>好的例子:

<ul class="newspic">

<li><a href="link1"><img src="图片1.jpg" alt="图片说明1" /></a></ul>

<li><a href="link2"><img src="图片2.jpg" alt="图片说明2" /></a></ul>

</ul>

<script type="text/javascript">

　　/* 组装好的HTML是已经在页面里的, JS仅负责效果和交互处理 */

　　$('.newspic').newspic();

</script>

　　　　2>不好的例子：

<script type="text/javascript">

　　/* 由JS根据数据组装HTML, 并追加到HTML结构中, 然后添加效果和交互处理 */

　　$('.newspic').newspic({

　　　　images: [{

　　　　　　'src': '图片1.jpg',

　　　　　　'desc': '图片说明1'

　　　　}, {

　　　　　　'src': '图片2.jpg',

　　　　　　'desc': '图片说明2'

　　　　}];

　　});

</script>

　　三、UE规范

　　1.任何只为爬虫设计而对正常访问者不可见的内容, 会被搜索引擎认为是作弊而惩罚, 包括但不限于以下方法:

　　　　1>在白色背景上显示白色文字;
　　　　2>将文字置于图片后;
　　　　3>使用 CSS 隐藏文字, 如通过css设置display:none, text-indent:-999em, visiblity:hidden等等;   
　　　　4>将字体大小设置为 0;

　　2.所以不要在页面里加总是不可见的h1-6标签, 参见Google网站站长工具帮助里的"隐藏文字和链接"3.站点Top导航是文字的处理: 显示的文字部分都是去掉关键词的, 但是链接的title属性加上关键词, 样例代码如下(出自jquery.com):

<ul>

　　<li class="jq-jquery jq-current"><a href="http://jquery.com/" title="jQuery Home">jQuery</a></li>

　　<li class="jq-plugins"><a href="http://plugins.jquery.com/" title="jQuery Plugins">Plugins</a></li>

　　<li class="jq-ui"><a href="http://jqueryui.com/" title="jQuery UI">UI</a></li>

　　<li class="jq-meetup"><a href="http://meetups.jquery.com/" title="jQuery Meetups">Meetups</a></li>

　　<li class="jq-forum"><a href="http://forum.jquery.com/" title="jQuery Forum">Forum</a></li>

　　<li class="jq-blog"><a href="http://blog.jquery.com/" title="jQuery Blog">Blog</a></li>

　　<li class="jq-about"><a href="http://jquery.org/about" title="About jQuery">About</a></li>

　　<li class="jq-donate"><a href="http://jquery.org/donate" title="Donate to jQuery">Donate</a></li>

</ul>

　　3.站点Top导航是图片的处理:

　　　　1>用img标签, 加alt, alt规则同上一条的title属性;
　　　　2>通过img的clip属性来实现css sprite;

　　4.对于带链接的图片, 通常去掉a的title属性, 只保留img的alt属性, 如

<a href="http://www.packtpub.com/learning-jquery-1.3/book/mid/1802090m1d2r" class="jq-bookImg">

　　<img src="http://static.jquery.com/books/learning-jquery-1.3_thumb.jpg" alt="Learning jQuery" width="55" height="70" />

</a>

　　5.关于h1的使用:

　　　　1>重点还是内容, 内容好, table布局专区照样排第一, 所以不要太刻意的讨好搜索引擎;
　　　　2>一定不要出现display:none(或者通过其他css隐藏)的h1;
　　　　3>文章页h1使用在文章标题处;
　　　　4>首页和二级页, 如果有活字的大标题, 就用h1, 否则就不用;
　　　　5>logo不要放在h1里: 一般专区文章页的header和专区首页的是一样的, 如果logo放h1里,文章页就会出现logo和标题都在用h1的情况, 除非做两版, 等于是增加无谓的工作量;

　　　　

各位博友，内容不是很全，欢迎大家来补充。