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的情况, 除非做两版, 等于是增加无谓的工作量;
各位博友，内容不是很全，欢迎大家来补充。