2020-03-27 09:25:03
页面代码，以于SEO来说是非常重要的，因为这是搜索引擎能识别的页面内容，所以有很多需要注意的点，总结下来，大家一起看看：
SEO前端代码知识
1、 DIV+CSS：
1) 代码要清晰，DIV层次不要太深，一般不超过3级嵌套为佳;
2) 用CSS控制显示长度，不要用程序控制获取的;
3) 代码里不要出现直接写的样式style=””;
4) CSS文件不要太多，尽量合并在一起，减少http请求，如样式文件特别大，可分开处理;
5) 尽量把主要内容写在代码靠前的位置，如遇页面左右结构，主要内容在左侧，可用样式控制代码里右侧在前，以让搜索引擎更容易抓取到主要内容;
6) 背景图标合并，减少http请求次数，一次加载，完成所有背景图标，提高页面访问速度;
2、 Table：
1) 如非特殊需求尽量都不使用;
2) 如一定要使用，表格嵌套控制在3层以内;
3、 H标签：
1) 除首页以外，每个页面需要有且仅有1个h1标签，且标签里含有页面主关键词;
2) 首页可以没有h1标签，主频道版块标题均为h2标签，含频道关键词，次级栏目用h3标签，再次用h4;
3) 频道首页有h1标签，主栏目用h2标签，次级栏目用h3;
4) 栏目列表页，h1标签，含栏目关键词，无h2标签，相关版块均为h3标签;
5) 内容页，h1标签为文章标题，无h2标签，相关版块均为h3标签;
6) 专题页，h1标签为专题名称，含关键词，需要后续设计专题时留出专题文字位置;
注：注意样式控制字体显示的大小，在同一个页面里，h1 > h2 > h3 > h4 > h5，理论上不控制h标签的字号大小为最佳。
4、 ALT属性：
Alt属性，非背景类图片，均需要添加，标准为：图片内容 或者 关键词+图片内容
5、 加粗：
Strong > b > css ，即strong标签优于b标签，优于用css样式写出来的加粗效果;
6、 空格：
尽量不要用 ，可以用样式来控制，或者用全角的空格;
7、 Title、Keywords、Description：
此3者为一个整体，而且优先顺序一定要是Title、Keywords、Description的顺序，目前问题比较严重的，参看一下tiebaobei的页面，顺序不对，而且没有在一起;
8、 标签完整性：
即标签要保持完整性，有结束符，否则影响页面质量;
检测工具：http://tools.aizhan.com/?r=htmlcheck
9、 Nofollow：
页面底部footer里面的链接，如关于我们，联系我们等，可加此标签，以避免权重流失到这些页面，另外，在广告代码中，如是直接链接到对方网站的地址，也需要添加此标签;
10、 URL：
1) 统一性：
即一个页面的地址表现形式，只有一种，如多种链接都可以访问到同一个页面，就需要全部统一到某一种，以避免权重分散，也可避免搜索引擎的重复页面惩罚;
如：http://bbs.xxxxxx.com/
http://bbs.xxxxxx.com/forum.php
需要统一成：http://bbs.xxxxxx.com/ 需要技术在服务上配置
2) 唯一性：
此要求，一个页面只有唯一的一个地址可以访问，不能出现多个域名下均可以访问到同一个页面，只是路径不一样的情况，再有就是动态与伪静态地址的统一，对外只能显示静态化的地址;
11、 JS：
1) 页面代码里，尽量不要包含大段的JS代码，以影响整个页面的大小，影响搜索引擎抓取;
2) 如果JS代码只能写在代码里才生效的情况，看是否可以把js代码放到代码最底部;
3) Js文件合并，减少http请求，提高页面访问速度;
12、 其他：
其他待补充细节，随时补充。
