SEO（Search Engine Optimization）搜索引擎优化
- 1、搜索引擎工作原理；
- 2、分为白帽SEO和黑帽SEO
- （1）白帽SEO：其改良和规范网站设计的作用，是网站获取合理的流量；
- （2）黒帽SEO：乱加关键字，乱加外链，这类行为利用搜索引擎政策缺陷来获取更多用户的访问量，属于欺骗搜索引擎的；
- 3、如何做白帽SEO：
- （1）对网站标题，关键字，描述精心设计，反映网站定位，让搜索引擎知道网站是做什么的；
- （2）网站内容优化；（增加关键字密度，增加长尾关键字…）
- （3）合理设置Robot.txt文件
- （4）网站地图；
- （5）增加外链；
- （6）网站结构优化；（前端攻城狮的分内事！）
- （7）页面代码优化。（前端攻城狮的职责所在！）
结构布局优化：用扁平化结构层次结构超过三层小蜘蛛就不愿意爬了
控制首页链接数量中小网站100以内，页面导航、底部导航、锚文字链接等
扁平化的目录层次（小蜘蛛跳转3次可以到达网站内任何一个内页，网站的设计主页、栏目、内容页，不要用纵线性的结构
导航seo优化（头部、底部、内容部分，主导航、副导航、分类导航，尽量用文字，面包屑导航，在每个网站上留下面包屑，使用户可以了解网站组织形式，放于正文的左上方）
内容页面的布局细节
左面正文，右面热门文章、相关文章，下面是版权信息及链接，栏目排布：首页123456789下拉选择最赞）
网站的加载速度会影响小蜘蛛的爬行，页面最好不要超过100k
- 1，控制首页链接数量
- 2，扁平化的目录层次
- 3，导航SEO优化
- 4，面包屑导航
- 5，其他细节如分页导航的设计
- 6，网页加载速度，控制页面大小，最好在100K以内
网页代码优化（语义化代码）
- A、title标题：强调重点
- B、meta keywords关键词：列举几个关键词
- C、meta description网页描述：高度概括网页的内容
- 以上信息不要堆积、重复
语义话代码（HTML 标签有自己的意义，在适当的位置用适当的标签）
1、h1~h6 多用于标题
2、ul 多用于无序列表
3、ol 多用于有序列表
4、dl 用于定义数据列表
5、em、strong 表示强调
div、span 是 html 标签中最没有语义的
有利搜索引擎
- 1、a：访问外部链接时要加上 rel=”nofollow”，告诉搜索引擎外部链接无需追踪，加上 title 说明
- 2、h1：搜索引擎外认为 h1 最重要，使用 css 调整，网页正文标题用 h1，副标题用 h2，其他不要乱用 h 标签
- 3、br 用于文本间的换行，用在 p 内，也可以用 <p <br/ </p 表示空行
- 4、caption：表格标题
- 5、img：使用 title、alt 说明
- 6、<strong <em 表示强调，<em的权重仅次于<strong,如果只想表示加粗斜体，建议使用<b<i,表示强调则使用<strong<i
- 7、重要内容 HTML 代码放在最前面（使用 css 改变布局）
- 8、重要内容不要用 JS 输出（搜索引擎看不懂 JS）
- 9、尽量少使用 iframe 框架（搜索引擎不喜欢）
- 10、谨慎使用 display:none（搜索引擎会过滤掉其内容，设置 z-index或text-index：”-999em”； 代替）
- 11、精简代码