html怎么制作seo,前端页面制作代码里的SEO注意事项

原标题：前端页面制作代码里的SEO注意事项

页面代码，以于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、 其他：

其他待补充细节，随时补充。返回搜狐，查看更多

责任编辑：