SEO在网页制作中的作用
SEO是由英文Search Engine Optimization缩写而来。SEO是指通过对网站内部调整优化及站外优化，使网站满足搜索引擎收录排名需求，在搜索引擎中提高关键词排名，从而把精准用户带到网站，获得免费流量，产生直接销售或品牌推广。
SEO基本介绍
Search Engine Optimization
搜索引擎优化，即：被用户搜索时，让我们自己的网页可以排在搜索结果的前面。
目前分为两种：
- 白帽SEO：这类起到改良、规范网站设计的作用，使之对搜索引擎和用户更加友好，并从搜索引擎中获得更多合理的流量。
- 黑帽SEO：利用和放大搜索引擎政策缺陷，欺骗搜索引擎，来获得更多用户访问量。
白帽SEO
- 网站标题、关键字、描述
- 网站内容优化：增加关键字的密度等
- 设置Robot.txt文件
- 生成对搜索引擎友好的网站地图
- 增加外链引用，将搜索引擎从其他网站引到自己的网站上来
- 通过网站结构布局设计和网页代码优化，使前端页面不仅浏览器可以看懂，搜索引擎也能明白
网站结构布局设计
合理规划站点结构，不能设计过于复杂的网站结构，提倡扁平化结构，目录层次越少越好，注意三方面：
- 控制首页链接数量：页面导航、底部导航、锚文字链接 不多于100
- 减少目录层次：尽量让搜索引擎在跳转三次能就能到达任意一个内页，比如：主页、栏目、内容页
- 导航SEO：主导航、副导航，导航尽量采用文字形式；面包屑导航，能让用户了解当前所处位置，使用户了解网站结构
- 网站内容页：上侧logo及导航，左侧正文，右侧相关文章、热门文章，下侧版权信息及链接
- 分页：推荐使用下拉列表调页功能
- 控制页面大小，尽量减少页面加载时间
网页代码优化
- title标题：重要的关键词放在前面，不同页面采用不同的标题
- meta keywords：不用过多堆砌
- meta description：不用过长，每个页面也要有所不同
- 语义化代码：在适当的位置用适当的标签
- h1-h6用于标题：h1标签的内容是最最重要的，正文标题用h1，副标题用h2
- ul用于无序列表，ol用于有序列表，dl用于定义数据列表
- strong表示强调，em表示斜体，会影响SEO；b表示强调，i表示斜体，不会影响SEO
- div、span是HTML中最不具有语义的标签
- a标签链接：添加title说明，对于指向其他网站的链接要加上rel=”nofollow”停止抓取
- p标签段落
- br标签只用于文本内容的换行
- caption表格标题
- img标签图片：添加alt说明
- 巧用CSS布局，重要内容的HTML代码放在最前面，抓取页面内容从上至下抓取
- 重要内容不要用JS输出
- 尽量少用iframe框架
- 尽量不要用display:none来隐藏文字，抓取会过滤掉display:none的元素
- 不断精简代码