SEO搜索引擎优化的来龙去脉

作为一个前端，搞不懂SEO的来龙去脉可不行，只是单纯的死记硬背方法，不是我所喜，所以有了这篇博客，说到来龙去脉，此篇幅真心不短，但是请放心，看完这篇一定会让你感受到SEO的友好哒，绝不白白浪费你的这几分钟~

引子：什么是SEO？

我们辛辛苦苦码出来的页面，只有最终被人们访问是才是有用的，如果没有人能找到你的页面，那么当初为了创建一种有用的架构、提供有趣的内容以及正确的编码而付出的所有努力终将是徒劳无功的。

其实对于大多数前端开发工程师来说，SEO可能是最容易的一个环节，但也是最重要的一个环节。这篇博客中，我们一起来讨论一下如何向页面中添加元素以及如何构建站点架构，以便于在某人搜索与你的主题或公司相关的词语时，增加搜索引擎返回指向你站点的链接的可能性，这称为搜索引擎优化（Search Engine Optimization，SEO）

注意：与你可能尝试给你销售搜索引擎优化服务的公司那里听到的相反，没有神奇的秘诀可以保证你将处于每一份搜索结果列表的顶部，不过，你可以自己遵循一组自由的最佳实践，以确保站点能够被尽可能轻松地找到。

一、如何宣传你的Web站点？

如果只是把页面放在局域网或者公司内联网上，或者如果只是把站点分布在可移动的存储介质上，那么帮助用户找到你的页面可能就不是一个太大的问题。但是，如果把你的web站点的内容添加到通过搜索引擎建立索引的数十亿个其它的内容页面中，那么把目标受众带到你的站点就是一项重大的挑战。

为了处理这个问题，我们需要基本理解大多数人如何决定要查看哪些页面。通常，人们通过以下3种基本方式知道你的站点：

有人把你的站点告诉了他们，并且提供了地址，他们直接在web浏览器中输入该地址。可以利用少许时间和努力来增加web站点的流量，增加在口头上听说过你的人数，可以使用你的嘴巴，以及可供你使用的其它任何交流渠道。比如把站点地址添加到你的名片或公司文献中，如果你有钱，可以购买电视和收音机广告，广播你的Internet地址。简而言之，要做一些市场营销的事情，良好的老式口头营销仍然是最佳的方式，甚至在Internet上也是如此。
他们从别人的站点中、从聚合器和推荐服务（如Digg或Reddit）或者从社交网络站点上的链接或提及你的站点内容中沿一条链接到达你的站点。增加从其他站点进入你的站点的链接数是非常直接了当的，尽管这并不意味着它不需要做许多工作。比如评论你感兴趣的特定主题的博客，并参与那些社区。这并不是说你应该找到一个关于你的主题或服务的论坛，并把指向自己站点的URL一起提供忠告的建议。这环节我无法做太多的事在这方面给你提供帮助，你只要自己积极地参与实践。
他们在给Google等搜索引擎提供动力的数据库中发现了你的建立索引的站点。这也是我可以帮你的主要事情：确保搜索引擎可以正确地收集你的内容并为他们建立索引。一个合理的假设是：如果你的内容不在Google的数据库中，那就麻烦咯。

二、搜索引擎

搜索引擎基本上都是巨大的数据库，它们都尽可能地为Internet上的大量内容建立索引，包括视频和其他丰富的媒体。它们使用自动化处理来搜索站点，并且使用被称为机器人(robot)或蜘蛛(spider)的程序搜索有关内容的页面，以及构建数据库。为内容建立了索引之后，搜索应用程序本身将使用高度先进的技术给页面划分等级，以确定当用户输入一个搜索项时将首先显示哪些内容，接着将显示哪些内容，然后又会显示哪些内容等等。

当搜索引擎处理用户查询时，它将寻找包含用户正在寻找的关键词和短语的内容。但它并不是简单的匹配，比如“如果这个页面包含这个短语，就返回它作为结果”，因为内容是依据关键词和短语出现的频率和环境以及从其他站点带给它信誉的链接数划分等级的。

下面，将给大家介绍几种方式，确保你的内容基于你所提供的内容和环境适当地出现在搜索引擎中。

为搜索引擎提供线索
事实上，绝对不能做任何事情来保证你的站点在任何主要的搜索引擎中都将出现在针对特定词语或短语的前10个搜索结果中(也就是说，除了从搜索站点购买广告空间外将别无他法)。毕竟，如果具有这样的保证，那么为什么希望出现在列表第一位的其他任何人不能采用同样的方法呢？你能做的就是避免出现在列表末尾，并像任何其他人给自己提供一个排在第一位的好机会，这称为搜索引擎优化（SEO），或者优化你的页面内容和结构，使得搜索引擎比其他页面更青睐你的页面。

下面所列几乎包含搜索引擎在尝试评估哪些页面最匹配一个或多个关键词时将会考虑的几乎所有的事情。

– SEO，你最该考虑的问题

你的页面标题在页面的<title>标签中是否自然地包括了一些有用的关键词？
页面的正文内容是否自然地包括了用户将会搜索的关键词？
关键词是否出现在页面中的<meta/>标签中的简介描述里？
你的站点是否利用了诸如<section>、<article>、<header>和<nav>之类的语义元素，这使得甚至更容易将某种含义应用于你的内容？
在页面中的编号级标题中是否出现了重要的文本？
在图像文件的名称以及用于页面中的图像的alt文本中是否使用了良好的描述？
Web站点内有多少个其他的页面链接到这个页面？又有多少个其他的页面链接到那些页面？
用户有多少次从以前的搜索结果列表中选择这个页面？

显然，提升位置可以做的最重要的事情是：考虑你的目标受众最有可能输入的关键词，不要让自己关注普通的单个词语的搜索，比“食物”，它们生成的列表是非常长的，以至于使之出现在顶部就像买彩票一样，要代之以重点关注不同寻常的词语以及两个或三个词语的组合，它们最有可能指示与你的主题的相关性（例如，用“南方的家常菜”代替简单的“食物”）。确保那些名词和短语在你的页面上出现多次，并且一定要把最重要的词语放在<title>标签以及第一个标题或介绍性的段落中。

一些急于求成的Web页面作者把数十个甚至上百个相同的词语重复放在它们的页面上，有时使用的是小号字体或者难以查看的颜色，只是为了在用户每次搜索那个词语时，使搜索引擎把该页面定位于列表的顶部，这种做法被称为搜索引擎作弊（search engine spamming）。
不要尝试做这种事，所以主要的搜索引擎都知道这种做法，并且会立即从他们建立了作弊检测器的数据库中删除任何这样的页面，这是通过以一种可疑的模式重复相同的词语或一组词语来实现的。在页面内容中，使重要的搜索词语多次自然地出现仍然是比较好的（并且相当有里）。不过，要确保在正常的句子或短语中使用那些词语，这些作弊政策将不会招惹你。

在刚才列出的所有搜索引擎评估标准中，<meta />标签的使用可能是最不被理解的。一些人大肆吹捧<meta />标签，好像使用它们可以立即使你移到搜索列表的顶部。其他人则认为<meta />标签是无效和无用的，而弃之不用。这些极端情况都是不正确的。

<meta />标签是一个可以放在任何文档的<head>部分中的通用标签，用于指定一些不属于<body>文本的关于页面的信息。大多数主要的搜索引擎都查看<meta/>标签来获取页面的简要描述和一些关键词，已确定你的页面是关于什么的。例如，你的自动蟑螂碾压机的订购表单可能包括以下两个标签：

<meta name="description" content=" Order the SuperSquish cockroach flattener" />
<meta name="keywords" content=" cockroach,roaches,kill,squish, supersquish" />
<!-- <meta />标签总要放在<head>、<title>和<title/>之后，但要放在<head/>前 -->

这个示例中的第一个标签确保搜索引擎具有关于页面的准确描述，用于展示在它的搜索结果列表上（如果它们是这样做的话，就会多次这样做）。无论何时在搜索查询中包括有你指定的任何关键字，如果搜索引擎在他们的算法中使用了这类标签，那么第二个<meta />标签可能会稍微提升你的页面在列表上的排位。

在不太可能的情况下，你根本不希望页面包括在搜索引擎数据库中，此时可以把下面的<meta />标签放在<head>部分中：
<meta name="robots" content=" noindex,noindex" />

在你希望搜索引擎建立索引的任何页面中，总是要包括<meta />标签以及name="description"和name="keywords"属性，这样做可能不会对你的页面在搜索列表中排位具有显著的影响，并且并非所有的搜索引擎都会寻找<meta />标签，但是他有益无害。不过，一定要谨慎行事并克制自己，审慎且自然地使用描述和关键词标签，不要在他们当中塞满你能想到的每一个词语。

到这，相信你一定对SEO有了深刻的理解啦！

甚至，已经对应着刚刚列举的搜索引擎评估标准进行优化啦。但是，我还是来列举一些些措施，帮助你免费为搜索引擎优化自己的内容。在此之前，要给你一条最重要的提示：

如果一家SEO公司给你承诺了特定的结果，就不要给它付费来执行你的SEO任务，如果一家公司承诺你的站点将是Google搜索的第一个结果，那么一定要溜之大吉——没有人能够承诺这一点，因为搜索算法具有如此多的变量，以至于在给定的一周内顶部的结果可能会改变多次。这并不是说所有的SEO公司都是骗子，具体就不在这说了。

三、SEO搜索引擎优化措施

使用准确的页面标题。（你的页面标题应该简短，但是具有描述性且独特，不要尝试在页面标题中塞满关键词）
创建人性化的URL，比如其中包含有用户可以轻松记住单词的那些URL，并且搜索引擎更容易以一种相关的方式对其建立索引。（记住一个像https://www.mycpmpany.comt/products/super_widget.html这样的URL比记住像https://www.mycpmpany.comt?c=p&id=4&id=2rd45tf5tef这样的URL要容易的许多）
创建反应了你的目录结构的URL。
如果可能，就要为导航使用文本，而不要使用图形元素。
如果内容具有多级深度，可以使用浏览路径记录（breadcrumb trail）,使得用户可以找到他们回家的路。浏览路径记录还给搜索引擎提供了更多的词语来建立索引。
在你的页面内容中，适当地使用语义元素和带有编号的各级标题（<h1>、<h2>、<h3>）
关键词要出现在页面中的<meta/>标签中的简介描述里
定期更新网站内容，发布新的文章，增加搜索引擎的收录

四、一些可能还有的疑问

在我的站点中具有许多页面，我需要在每个搜索站点上为每个页面填写单独的表单么？

不需要，如果你只提交主页（它大概会链接到所有其他的页面），搜索蜘蛛将爬过页面上的所有链接（以及链接的页面上的所有链接等），知道它们对站点上的所有页面都建立了索引为止。

我提交了一个请求，利用搜索引擎列出我的站点，但是当我搜索我的页面时，它并没有出现，甚至当我输入我的公司独特名称时也是如此，我能做什么？

大多数大型的搜索引擎都提供了一个表单，可以填写它已即时检查在它们的数据库中是否包含有一个特定的地址。如果发现未包括该地址，可以提交另一个请求表单。有时，在提交了请求之后，蜘蛛可能要花数天或者数周才能设法给你的页面建立索引。

当我把关键词放在<meta/>标签中时，我需要包括关于拼写和大小写的每种可能的辩题么？

不用担心大小写，几乎所有的搜索都是全都以小写字母输入的，要包括任何明显的辩题或常见的拼写错误作为单独的关键词。概念上来看比较简单，在设计操作<meta/>标签时，还有更高级的，可以访问这里了解。

如果你觉得我解释的还不太满足，再来推荐一个别人的SEO，大概翻了下，也不错，哈哈。