《SEO在网页制做中的应用》视频笔记

学习了慕课网《SEO在网页制做中的应用》视频，今天将里面的知识整理一下。

1、SEO介绍

　　1.  搜索引擎工做原理

　　搜索引擎如今主流有百度、谷歌、360，他们都有庞大的搜索引擎数据库，每一个关键字对应不少网址，搜索引擎爬虫从一个连接到另外一个连接，分析提炼其中的内容，找到关键字，若是是重要的或是首次出现的内容，就会添加到搜索引擎数据库，若是是垃圾内容或是重复内日你给，爬虫就会略过。当用户（好比在百度）搜索信息时，搜索引擎就从数据库检索出与之相关的网址，而后展现给用户，由于一个关键字能够对应不少网址，因此就会出现排序的问题。若是是爬虫看得懂的语言，爬虫能够准确理解网页的内容，就会被爬虫收录。怎样使用爬虫看得懂的语言，就是今天要讲的SEO。

　　2.  SEO简介

　　SEO是由英文Search Engine Optimization缩写而来， 中文意译为“搜索引擎优化”。

　　SEO是为了提高网页在搜索引擎中的收录数量，以及排序位置而作的优化行为。其实就是让百度、谷歌等搜索引擎多多收录咱们精心制做的网站，同时在用户搜索相关内容时，网站连接就排在搜索引擎的前面。

　　3.  SEO分类

　　白帽SEO。起到改良、规范网站设计的做用，使之对搜索引擎和用户更加友好，而且网站也可从搜索引擎中获取更多合理的流量，这是搜索引擎鼓励和支持的。咱们说的SEO就是白帽SEO。

　　黑帽SEO。利用、放大搜索引擎的缺陷，来得到更多用户的访问量。这类行为大都是欺骗搜索引擎。这是搜索引擎反对的。

2、网站内容的SEO

1. 对网站的标题、关键字、描述进行精心设计。反应网站定位，让搜索引擎明白网站是作什么的。
2. 网站内容优化。增长关键字的密度，增长长尾关键字。
3. 在网站合理设置Robot.txt文件。
4. 生成针对搜索引擎友好的网站地图。
5. 增长外链使用。

3、前端攻城师与SEO

　　网站结构布局优化

　　合理规划站点结构。咱们提倡扁平化结构。

1. 控制首页连接数量。网站首页是权重最高的地方，太多或太少都不行，对于中小型企业，首页连接控制在100个之内，连接的性质能够包括页面导航、底部导航、锚文字连接等，前提要有良好的用户体验。
2. 扁平化目录层次。尽可能让小蜘蛛跳转三次就可到达网站内任何一页。
3. 导航SEO优化。主要有主导航、副导航、面包屑导航，导航通常以文字方式为主，若是用img，要加title和alt属性。面包屑导航可让用户知道当前所处的位置，以及当前页面在整个网站中的位置，有返回各个阶层的入口，方便用户操做。
4. 注意网站加载速度，太慢的加载速度是留不住用户的。控制页面的大小，一个页面最好不大于100k，太大影响页面加载速度。

　　网页代码优化

1. <title>标题。强调重点便可，把重要的关键词放在前面，不要重复出现，每一个页面的title不要设置相同的。
2. <meta keywords>关键词。列举出几个重要关键词便可，不要过度堆砌。
3. <meta description>网页描述。要高度归纳网页的内容，不要太长，也不要过度堆砌关键词。每一个页面description也要有所不一样。

　　网页代码提倡语义化代码。html每一个标签都有它的意义，在适当的位置用适当的标签，更好的让用户和搜索引擎都一目了然。

1. <ul>标签多用于无序列表。
2. <ol>标签多用于有序列表。
3. <dl>标签多用于定义数据列表。
4. <em>、<strong>标签表示强调。
5. <a>标签。要加title说明，对于指向其它网站的连接，要加上rel="nofollow"，表示告诉小蜘蛛不要爬向这个连接，若是爬向这个连接，就不必定能回来了。
6. <h1>标签。标题要用<h1>标签，由于小蜘蛛认为h1的内容是最重要的，正文标题确定要用h1，字体大小用css调整。副标题用<h2>，其它不重要的地方就不要用h标签了。
7. <p>标签用于正文段落。
8. <br>标签。只能用于文本内容的换行，不能直接用于标签的换行。好比下面这样：

   <div>
   <span>title</span><br>
   <span>item1</span><br>
   <span>item2</span>
   </div>
   
   上面这么用<br>标签是不对的，要这样用：
   
   <p>
   文本第一行<br>
   文本第二行<br>
   文本第三行
   </p>
   
   或是：
   
   <p>文本第一行</p>
   <p><br></p>
   <p>文本第二行</p>

9. <table>标签。要用<caption>定义表格名称。
10. <img>标签。要加alt属性。
11. <strong><em>和<b><i>标签。

　　<strong>标签是权重标签的表明，在搜索引擎中可以获得高度重视，它能突出关键词，表现关键的内容。<b>标签在浏览器中显示效果和<strong>是同样的，可是在SEO中并不会起到很好的效果，因此仍是推荐使用<strong>标签。

　　<em>和<i>标签在浏览器中表现为斜体，意思也是强调主体内容，吸引用户关注，它们的权重仅次于<strong>。

　　若是在网页上仅仅表现为加粗斜体的效果，建议使用<b><i>标签，若是使用<strong><em>就会影响到SEO的效果。

　　若是是为了强调文字内容，则建议使用<strong><em>标签。

　　tips：

1. 把重要内容的html代码放在最前面。小蜘蛛的抓取是从上到下，利用这一特色能够优先读取重要代码，将广告等不重要的代码放在下面。
2. 重要内容不要用js输出。
3. 尽少使用iframe框架。
4. 谨慎使用display:none;。对于暂时不想显示的文字，能够用z-index等方法，将其设置在浏览器显示范围外，由于小蜘蛛会过滤掉display:none;里面的内容。
5. 不断精简代码。能用一个标签完成的事就不要使用两个标签。
6. 正文段落中尽可能不用&nbsp;编码，可使用margin、padding、text-indent。

 

欢迎留言~