SEO在网页制作中的作用（笔记整理）

昨天在慕课网观看了《SEO在网页制作中的作用》，根据老师讲的内容和网友的笔记整理了这片文章，以供自己以后的实践中参考。

一、SEO（Search Engine Optimization）搜索引擎优化

     1、搜索引擎工作原理
     2、分为白帽SEO和黑猫SEO
      （1）白帽SEO：其改良和规范网站设计的作用，是网站获取合理的流量；乱加关键字，乱加外链；
      （2）黒帽SEO：这类行为利用搜索引擎政策缺陷来获取更多用户的访问量，属于欺骗搜索引擎的
     3、如何做白帽SEO：
      （1）对网站标题，关键字，描述精心设计，反映网站定位，让搜索引擎知道网站是做什么的；
      （2）网站内容优化；（增加关键字密度，增加长尾关键字...）
      （3）合理设置Robot.txt文件

         robot.txt文件是搜索引擎中访问网站的时候查看的第一个文件，robor.txt文件告诉蜘蛛程序在服务器上什么文件可以被查看的。
         当一个搜索蜘蛛访问一个站点时，他会首先检查该站点根目录下是否存在robots.txt，如果存在，蜘蛛就会按照该文件中的内容来确定访问的范围，如果该文件不存在，所有的搜索蜘蛛将能够访问网站上所有没有被口令保护的页面。
         robot.txt必须放置在一个站点的根目录下，而且文件名必须全部小写
         最简单的 robots.txt文件使用两条规则：
         1.User-Agent适用下列规则的漫游器
         2.Disallow 要拦截的网页

         如果你的网站上有比较隐私的东西这时候就可以用robot.txt文件进行设置，从而让蜘蛛不去爬你的那个隐私页面！

       （4）网站地图； 
       （5）增加外链； 
       （6）网站结构优化；（前端攻城狮的分内事！） 
       （7）页面代码优化。（前端攻城狮的职责所在！）

二、网站结构布局优化

   1.避免使用table布局——
    （1）不利于后期维护 （2）不利于SEO（小蜘蛛不喜欢table布局）
   2.扁平化结构
     目录层次越少越容易被搜索，因为层次结构超过三层小蜘蛛就不愿意爬了）
    （1）控制首页链接数量（中小网站100以内，页面导航、底部导航、锚文字链接等有实质性的链接）
    （2）扁平化的目录层次（顶多跳转三次进入内容页）
    （3）导航seo优化
       1).导航尽量用文字，如果为了用户体验或整体风格而用图片，则图片代码一定要优化，必要的title、alt要添加；
       2)面包屑导航：用户体验，让用户知道当前所处位置以及当前页面在整个网站中的位置，了解网站的组织形式
    （4）细节：
       1)见图片，右边的相关文章——
         a.留住访客
         b.对于SEO，这些文章对于正文来说属于相关链接，增强了页面相关性，也会增强页面的权重；
       2)分页：
         a.首页-上页-下页-尾页；
         b.首页 1 2 3 4 5 6 下一页；
         c.首页 1 2 3 4 5 6 下拉选择，小蜘蛛最喜欢第3种（可以直接进入每一页）；
       3)网页加载速度，过慢小蜘蛛不会等待，一个页面最好不要超过100k

三、代码SEO优化

   1.网页代码优化（语义化代码）
     A、title标题：强调重点
     B、meta keywords关键词：列举几个关键词
     C、meta description网页描述：高度概括网页的内容
     以上信息不要堆积、重复

   2.语义话代码（HTML 标签有自己的意义，在适当的位置用适当的标签）
     （1）h1~h6 多用于标题
     （2）ul 多用于无序列表
     （3）ol 多用于有序列表
     （4）dl 用于定义数据列表
     （5）em、strong 表示强调
     div、span 是 html 标签中最没有语义的

   3.有利搜索引擎
     （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）精简代码

四、实战分析

   1.搜索关键字：图片记得加上标题；p标签包含br标签；是正确的用法
   2.a标签尽量加上title说明。
   3.外部连接最好加上rel=“nofollow”；防止蜘蛛爬出去。