前端搜索引擎优化（SEO）小记

admin管理员组

文章数量:1560447

• 2021-01-12
  今天来学习搜索引擎优化~

一、什么是SEO？

说到搜索引擎优化，就要提到SEO，那么SEO是指什么呢？

根据百度百科给的介绍：
搜索引擎优化(seo)（Search Engine Optimization，简称SEO）：是针对搜索引擎对网页的检索特点,让网站建设各项基本要素适合搜索引擎的检索原则,并且对用户更友好（Search Engine Friendly），使搜索引擎收录尽可能多的网页,并在搜索引擎自然检索结果中排名靠前,达到搜索引擎营销的目的。
SEO是较为流行的网络营销方式，主要目的是增加特定关键字的曝光率以增加网站的能见度，进而增加销售的机会。

简单一点来说，就是让搜索引擎能够更好的搜索到我们，让更多用户可以开到我们的网页。

二、SEO原理

大概了解一下SEO的运行原理，我们可以利用它的原理更好地进行页面优化。

• 页面抓取： 蜘蛛向服务器请求页面，获取页面内容
• 分析入库：对获取到的内容进行分析，对优质页面进行收录
• 检索排序：当用户检索关键词时，从收录的页面中按照一定的规则进行排序，并返回给用户结果

三、SEO蜘蛛

1. 什么是蜘蛛

搜索引擎用来爬行和访问页面的程序被称为蜘蛛(spider)，也称为机器人(bot)。搜索引擎蜘蛛访问网站类似于用户使用浏览器。
由于网络推广营销搜索引擎蜘蛛为了能够抓取网上尽量多的页面，它会追踪网页上的链接，从一个页面爬到下一个页面，就好像是蜘蛛在蜘蛛网上爬行那样，这就是搜索引擎蜘蛛这个名称的来因。

2. 蜘蛛是怎样工作的

整个互联网网站都是相互链接组成的,也就是说,从任何一个页面出发最终会爬完所有页面。当然，站点和页面链接的结构过于复杂，所以蜘蛛只能用一定的方式来爬行所有的页面。　　最简单的爬行遍历策略分为两种，一种是深度优先，另一种是广度优先。

所谓深度优先指的是蜘蛛沿着发现的链接一向向前爬行，直到前面再也没有其他链接，然后返回到第一个页面，沿着另一个链接再一直往前爬行。

广度优先是指蜘蛛在一个页面上发现多个链接时，不是顺着一个链接一直向前，而是把页面上所有第一层链接都爬一遍，然后再沿着第二层页面上发现的链接爬向第三层页面。

在实际工作中，搜索引擎或许也只是爬行和收录了互联网的一小部分。因此, 为了尽量多的抓取用户信息, 深度爬去和广度爬去通常是混合使用的, 这样既可以照顾到尽量多的网站, 也能照顾到一部分网站的内页。

3. 如何利用蜘蛛进行优化

（1）在更有名的网站发布自己的外链
可以去比较活跃、权重比较高的网站下面留言或者发布外链。这种网站蜘蛛的爬行深度比较高，更容易被收录。

（2）经常更新
蜘蛛会把爬到的内容存储起来，如果没有更新，蜘蛛就不会经常爬取。如果经常更新，蜘蛛会更频繁地爬行和抓取新的内容，这样网页的权重和收录的数量都会提升。

（3）增加外链
蜘蛛想要进入网站，必须有一个链接才可以，不然蜘蛛没有入口，自然也不会来。大多数站长或SEO都要高质量友情链接，因为蜘蛛从对方网站爬行到你网站之次数多，深度也高。

（4）首页做好导航
蜘蛛爬行是有一条路径的，大部分外链都是通往首页的，所以首页一定要放上整个网站的导航。离首页距离越近，页面的权重越大，被蜘蛛爬行的几率也会越高。

四、前端怎样做SEO优化

1. 网站url

• 网址最好是规范、简单的 url，有良好的描述性，既要方便用户记忆和判断网页的内容，又要利于搜索引擎更有效的抓取网站。
• 网站的url一定要在建设网站的时候就想好，如果蜘蛛已经爬取并收录过网站了，在之后更改了网站的 url 会导致收录的网站变成无法访问。
• 不要把 session id 之类的用户信息这种不必要内容放在 url 里面。
• 不同形式、防止用户输错的备用域名，301永远跳转到主域名。
• 除首页外别的页面最好要加上面包屑型导航，导航结构一定要清晰。
• 扁平化网站结构
  一般来说，一个网站的结构层次越少，越有利于“蜘蛛”的爬取。所以目录结构一般不多于 3 级，否则“蜘蛛”很容易不愿意继续往下爬。就像用户在操作一个网页一样，层级大于 3 就很影响用户体验了，“蜘蛛”就是模仿用户的心理。

2. title信息

• 网页的title用于告诉用户和搜索引擎这个网页的主要内容是什么。
• 当用户在百度网页搜索中搜索到你的网页时，title会作为最重要的内容显示在摘要中。
• 搜索引擎在判断一个网页内容权重时，title是主要参考信息之一。
• 我们应该为网站上的每个网页创建一个唯一标题，并且尽量避免与网页内容无关或使用默认或模糊的标题。
• 用户浏览通常是从左到右的，重要的内容应该放到title的靠前的位置。
• 使用用户所熟知的语言描述。如果你有中、英文两种网站名称，尽量使用用户熟知的那一种做为标题描述。

推荐用法：

1. 首页：网站名称 或者 网站名称_提供服务介绍or产品介绍 。
2. 频道页：频道名称_网站名称。
3. 文章页：文章title_频道名称_网站名称。

<!-- 正确示范 -->
<title>前端搜索引擎优化的技巧</title>

<!-- 错误示范 -->
<title>我的文档</title>

3. meta信息

• meta 分为 description 和 keywords 两部分。
• description 是对网页内容的概括，主要用于搜索结果摘要和帮助用户判断你的网页内容。
  description 不是权值计算的参考因素，这个标签存在与否不影响网页权值。
• keywords 用于提炼网页的关键词。

推荐用法：

1. 网站首页、频道页、产品参数页等没有大段文字可以用做摘要的网页最适合使用 description。
2. 为每个网页创建不同的 description，避免所有网页都使用同样的描述。
3. 长度合理，不过长不过短。

<meta name='keywords' content='SEO,title,meta,语义化,alt'>
<meta name='description' content='介绍搜索引擎优化的技巧，如使用创建title标题、meta关键词和描述、语义化标签、img的alt属性等。'>

注意： < title>、 meta description 和 meta keywords 三者的权重依次减小，我们要想网页有好的排名，必须合理使用这三个标签。

4. 尽量保证 HTML 的纯粹和高质量

• 我们应尽量让结构（HTML）、表现（CSS）及行为（JavaScript）三者分离。如果在一个 HTML 页面中，编写大量的 CSS 样式或脚本，会拖慢其加载速度。
• 此外，如果不为 img 定义宽高，那么会引起页面重新渲染，同样也会影响加载速度。一旦加载超时，“蜘蛛”就会放弃爬取。
• 如果这个 HTML 文档内容比较独特丰富（合理插入图片说明）等，会被认为质量较高符合用户需求，从而提高 SEO 的排名。

5. 图片alt

• alt 属性可以在图片未成功显示时候，使用文本来代替图片的呈现，使蜘蛛可以抓取到这个信息。
• 这样做可以在网速较慢图片不能显示时让用户明白图片要传达的信息，也能让搜索引擎了解图片的内容。
• 使用图片做导航时，也可以使用alt注释，用alt告诉搜索引擎所指向的网页内容是什么。
• 它还可以解决浏览器禁用图像或屏幕阅读器解析等问题。

6. 设置 rel=‘nofollow’ 忽略跟踪

• 如果某个 < a> 的链接不需要跟踪，那么添加 rel=‘nofollow’ 即可通知“蜘蛛”忽略跟踪。
• 因为“蜘蛛”分配到每个页面的权重是一定的，为了集中网页权重并将权重分给其他必要的链接。

7. 减少使用的元素

蜘蛛对于某些元素无法读取，里面的内容会被搜索引擎舍弃，再用这些元素的时候需要注意。

• 图片、视频：里面的文本内容蜘蛛无法抓取。
  如果一定要用，也要生成相应的静态页面。
• flash：蜘蛛无法处理 flash 内的文本信息。
  如果一定要使用flash，建议给object标签添加注释信息。这些信息会被看作是对Flash的描述信息。让搜索引擎更好的了解您flash的内容。
• frame、iframe：框架内部的内容可能会被蜘蛛丢弃。
  重要内容不应该由 JavaScript 或 iframe 输出，蜘蛛没有办法读取 JavaScript ，一般不会去读取 iframe 中的内容。

8. 其他小优化

• 做好404页面
  一般会加首页链接及错误提示，并测试其返回状态码为404。这样的优点有两个：（1）用户体验友好，可以留住用户，不至于直接关闭页面;（2）蜘蛛友好，可以返回抓取其他页面。
• 合理安排重要内容的位置
  我们应该将重要内容的 HTML 代码放在最前面，最前面的内容被认为是最重要的，优先让“蜘蛛”读取，进行内容关键词抓取。
• 关键词
  搜索就得用关键词。关键词分析和选择是SEO最重要的工作之一。首先要给网站确定主关键词（一般在5个上下），然后针对这些关键词进行优化，包括关键词密度（Density），相关度（Relavancy），突出性（Prominency）等等。
• 使用语义化元素
  在合适的位置使用合适的元素表达合适的内容，让用户和“蜘蛛”能一目了然文档结构。

五、其他SEO优化

1. 了解主要的搜索引擎

虽然搜索引擎有很多，但是对网站流量起决定作用的就那么几个。比如英文的主要有Google，Yahoo，Bing等；中文的有百度，搜狗，有道等。不同的搜索引擎对页面的抓取和索引、排序的规则都不一样。还要了解各搜索门户和搜索引擎之间的关系，比如AOL网页搜索用的是Google的搜索技术，MSN用的是Bing的技术。

2. 主要的互联网目录

Open Directory自身不是搜索引擎，而是一个大型的网站目录，他和搜索引擎的主要区别是网站内容的收集方式不同。目录是人工编辑的，主要收录网站主页；搜索引擎是自动收集的，除了主页外还抓取大量的内容页面。

3. 按点击付费的搜索引擎

搜索引擎也需要生存，随着互联网商务的越来越成熟，收费的搜索引擎也开始大行其道。最典型的有Overture和百度，当然也包括Google的广告项目Google Adwords。越来越多的人通过搜索引擎的点击广告来定位商业网站，这里面也大有优化和排名的学问，你得学会用最少的广告投入获得最多的点击。

4. 搜索引擎登录

网站做完了以后，别躺在那里等着客人从天而降。要让别人找到你，最简单的办法就是将网站提交（submit）到搜索引擎。如果你的是商业网站，主要的搜索引擎和目录都会要求你付费来获得收录（比如Yahoo要299美元），但是好消息是（至少到目前为止）最大的搜索引擎Google目前还是免费，而且它主宰着60％以上的搜索市场。

5. 链接交换和链接广泛度（Link Popularity）

网页内容都是以超文本（Hypertext）的方式来互相链接的，网站之间也是如此。除了搜索引擎以外，人们也每天通过不同网站之间的链接来Surfing（“冲浪”）。其它网站到你的网站的链接越多，你也就会获得更多的访问量。更重要的是，你的网站的外部链接数越多，会被搜索引擎认为它的重要性越大，从而给你更高的排名。

本文标签： 小记搜索引擎优化SEO