SEO 说起来很简单

[wuweijia]

简介

SEO是英文Search Engine Optimization的缩写，中文意译为“搜索引擎优化”。简单地说，SEO是指从自然搜索结果获得网站流量的技术和过程。

在某种意义上看，SEO是和搜索引擎博弈的过程。做SEO，虽然不需要会编程，也不需要了解搜索引擎的技术细节，但理解搜索引擎的基本工作原理是必需的，不然只能是知其然，而不知其所以然，不能从根本上理解SEO技巧。了解搜索引擎原理，很多看似“新”的问题都可以迎刃而解。

网站的优化包括站内和站外两部分。站内优化指的是站长能控制的所有网站本身的调整，如网站结构、页面HTML代码。站外优化指的是外部链接建设及行业社群的参与互动，这些活动不是在网站本身进行的。

SEO的研究对象是搜索引擎结果页面上的自然排名部分，通常在页面左侧，所以有百度左侧排名、Google左侧排名等说法，与付费的搜索广告没有直接关系。

获得和提高关键词自然排名是SEO效果的表现之一，但最终目的是获得搜索流量，没有流量的排名是没有意义的。因此，关键词研究（针对有人搜索的关键词优化）、文案写作（吸引用户点击）十分重要。进一步说，SEO追求的是目标流量，能最终带来赢利的流量。

网站的最终目标是完成转化，达到直接销售或品牌建设的目的。SEO、排名、流量都是手段。SEO是网络营销的一部分，遇到与用户体验、业务流程等有冲突的情况时，一切以完成最多转化为最高原则，切不可为SEO而SEO。

为什么要做SEO

1. 虽然付费广告，社交媒体和其他在线平台可以产生网站访问量，但大多数在线访问量是由搜索引擎驱动的。
2. SEO也是免费的在线营销渠道，只要正确设置，它就可以随着时间的流逝继续派发红利。如果您提供了可靠的内容，值得对正确的关键字进行排名，那么您的访问量会随着时间的推移而滚滚而来，而广告需要持续的资金才能将访问量发送到您的网站。
3. 搜索流量质量高。其他方法是把网站推到用户眼前，用户本没有访问你的网站的意图。来自搜索的用户是在主动寻找你的网站，目标非常精准，转化率高。
4. 提高网站易用性，改善用户体验。SEO是很少的（如果不是唯一的话）必须修改网站才能实现的推广方法之一，而SEO对页面的要求很多是与易用性相通的。

从哪里入手 ?

SEO人员没有必要也不可能解决百分之百的问题。一般来说，解决了最基本的问题，就解决了95%的SEO问题。
这里所说的基本问题主要包括：
- 整体方向的::关键词研究::。
- 网站结构及内部链接，解决收录问题。
- 页面标题标签、H1标签等几处最重要代码。
- 页面正文包含关键词两三次。
- 网站::内容原创性::和避免复制内容。
- 找到一两个最拿手的外部链接建设方法。

结构清晰-如何构建一个SEO友好的页面结构

1. 标签放网页的标题，各个页面不同。(标题的优化占着举足轻重的地位)
2. 列举出几个重要的关键词。
3. 网页内容的高度概括。
4. 每个页面只能出现一次H1标签，H2标签可以多次：H1权重很高，普遍认为仅次于title，一般资讯详情页的标题、商品详情页的标题，都放在H1里。建议将其长度保持在70个字符以内
5. 图片一定要添加alt属性，title属性可选：搜索引擎不认识图片上的内容，只能通过alt属性来判断，如果是商品列表页，所有商品都加了alt和title的话，容易造成堆砌关键词，所以一般是只加alt属性。
6. 搜索引擎抓取seo内容是从上到下，重要内容html代码放在最前面。
7. strong, em 标签，这些标签可以把文字变成另一个突出的样式，如加粗，变成斜体。他们不但可以在视觉上引起读者的注意，而且搜索引擎也会把他们当成关键字标示。strong 被认为是“加强”，em被认为是“强调”，也就是这两个标签是有特殊含义的，这对于网站优化至关重要。多数时候，我们在优化网站时会对关键字进行突出，这时使用strong或em就比使用b或者i好很多。
8. nofollow用在站内链接上，可以影响搜索引擎排名。它其实是HTML标签中的一种属性，它的主要作用就是告诉搜索引擎蜘蛛，不要跟踪加了nofollow属性标签的这条链接了，也就是告诉搜索引擎蜘蛛禁止爬取和传递权重。比如说，在网站中一些评论留言中总会用人留下各式各样的链接地址，时间久了便会形成很多的垃圾链接。这对主网站的影响是很大的，会导致这些链接与链接之间互相传递权重，最终使主网站的权重分散了。
9. 尽量避免使用事件做页面跳转。

内容为王-如何编写一个SEO友好页面/文章内容

这里所说的内容指的是高质量的原创内容，而不是转载甚至抄袭的内容
内容为王，链接为后，其原因不仅仅在于搜索引擎给予原创内容和外部链接很高的排名权重，更在于这两者是SEO最大的难点。网站结构、内部链接、页面优化、关键词分析、流量分析，这些重要的SEO步骤大体上都在SEO人员控制范围之内，一个有经验的SEO可以相对顺利地完成。但是高质量的内容和外部链接，往往超出SEO的控制，经常是可遇而不可求的。

原创内容也是页面收录的重要推动力。不少站长都为网站收录问题发愁，搜索引擎蜘蛛要么只访问首页，不再进一步抓取内页，要么收录之后又被删除。缺少原创内容是关键原因之一。一个以转载、抄袭为主体内容的网站对搜索引擎来说毫无价值。收录这样的页面越多，越浪费搜索引擎的带宽、数据库容量、爬行时间、计算时间，却不能给搜索用户提供更多信息，所以搜索引擎根本没有收录这些内容的理由。

原创内容也是外部链接建设的重要方法。除非是交换链接，不然其他站长没有理由链接到一个没有实质内容的网站。

• 一些基本要求*

1. 首先是标题，标题标签能够吸引用户目光，让用户欲罢不能，非要点击看个究竟，才能达到最好的SEO效果。 即使在同一个网站内，主题相同，不同页面具体内容不会相同，页面标题也不能重复，每个页面都需要有自己独特的标题标签。
2. 标题标签不要超过30个中文字，为保险起见最好不要超过25个中文字。实际上为了提高用户体验及突出目标关键词，通常建议标题标签以::15～20::个中文字比较适合。标题越长，在不堆积的前提下，无关文字必然越多，不利于突出关键词相关性。
3. 在可能的情况下，目标关键词应该出现在标题标签的最前面。经验和一些统计都表明，关键词在标题中出现的位置与排名有比较大的相关性，位置越靠前，通常排名就越好。
4. 页面正文中出现关键词是必要的，也是必然的，一般来说，篇幅不大的页面出现两三次关键词就可以了，篇幅比较长的页面出现::4～6::次也已经足够，千万不要堆积关键词。正文前50～100个词中出现的关键词有比较高的权重，通常建议第一段文字的第一句话就出现关键词。
5. 分词，假设目标关键词是“点石互动论坛”，以百度为例，这个词会被分词为“点石互动”和“论坛”两个词。页面重要位置不仅要完整匹配出现“点石互动论坛”六个字，建议“点石互动”和“论坛”也可以分别单独（不连在一起）出现几次。

注意事项

1. 不到万不得已，千万不要更改URL，否则对搜索引擎来说，新的URL就是新的页面。尽量从旧URL做301转向到新URL。
2. 也不要所有数据都做服务端渲染，对SEO关键的数据做服务端渲染，其他数据仍做客户端异步请求以减轻服务器压力。

模板示例

1. 创建页面目录或文件名中单词间一般建议使用短横线（-）分隔，不要使用下画线或其他更奇怪的字母。搜索引擎把URL中的短横线当做空格处理，下画线则被忽略。所以文件名seo-tools.html将被正确读取出seo与tools两个单词，而文件名seotools.html就不能被分解出两个单词。
2. 文件结构建议

<template>
  <div>
    <header>
    <main>
//每个页面有且只有一个h1标题
      <h1>这是一篇文章</h1>
      <article>
        <section>
          <h2>第一节</h2>
          <p>段落文本<strong>强调的文本</strong></p>
          <p>毛泽东说过：<blockquote>帝国主义都是纸老虎 … </blockquote></p>
 	 <figure>
          //图片必须有alt属性值
            <img src=’./帝国主义都是纸老虎.jpg’ alt=‘帝国主义都是纸老虎’>
          </figure>
        </section>
        <section>
	  <h2>第二节</h2>
          <ul>
            <li>1</li>
            <li>2</li>
          </ul>
        </section>
        <section>
	<h2>第三节</h2>
        </section>
      </article>
    </main>
    <footer>
  </div>
</template>
<script>
export default {
  head () {
    return {
      title: ‘’,
      meta: [
        { hid: ‘description’, name: ‘description’, content: ‘一些描述’ }
      ]
    }
  }
}
</script>

参考

* <main> –定义文档的主要内容，不包括诸如nav或footer之类的全局项
* <header>可以达到两个目的：（1）指定页面的标题，或（2）指示独立内容块（<article>）的标题部分。<header>标签可能包含导航，品牌或文档标题。
* * <hgroup>用于包装部分标题（<h1>至<h6>）。一个很好的例子是文章的标题和副标题都在顶部：<hgroup>
*      <h1>主标题</ h1>
*      <h2>文章标语或小标题</ h2>
* </ hgroup>
* <figure> –定义独立的独立内容（照片，插图，视频等）
* <mark> –定义突出显示或重要内容
* <article>指定一个独立的内容块。文章标签的内容应完全独立。例如，博客文章或新文章可以包装在<article>标签中。
* <section>指定内容块的子部分，例如<article>。如果博客文章由子标题分为几部分，则每个部分都可以用<section>标记包裹。就像书籍有章节一样，内容块也可以有章节。
* <nav>是用来封闭站点导航的。它可以在任何地方使用：主站点导航，上/下一篇文章链接或分页。
* <aside>用于与驻留于其中的父元素相关的内容，但并非严格地属于主文档的一部分。换一种说法，
可以在网站侧边栏上使用，也可以在<article>内用于特殊的标注-例如，很多书籍中都有“您知道吗”标注。
* <video>用于视频内容。其目的是提供一种跨浏览器兼容的方式来显示视频。
* <time> –定义时间
* <footer>有点像<header>标记。它可以指定整个HTML文档的<footer>或<article>的页脚。其中可能包含页脚导航或有关某文章的元数据（作者，数据等）之类的内容