大家好，我是一名叫Yupi的程序员，我们团队打造的程序员面试题练习网站 Duck，上线不到半个月就被百度等各大搜索引擎收录并推荐！

效果很明显，当用户搜索“面试鸭”时，首先看到的就是我们自己的网站，这增加了网站的流量：

如何让搜索引擎更快的索引网站其实是一门很深奥的学科，还有一个专业术语叫SEO。对于个人站长来说，搜索引擎流量是至关重要的。大家都希望自己的网站能被更多人看到吧？别说收入了，拥有一个访问量很大的网站，在写简历、面试的时候，也可以拿来炫耀。所以我建议程序员朋友对SEO要有一定的了解。

在今天的文章中Yupi会以自己的 Duck网站为例，和大家分享一些实用的SEO技巧，让大家的网站能够更快地被搜索引擎收录。

你也可以看视频讲解，热门：

Yupi SEO实用资料分享 1.什么是SEO？

SEO的全称是搜索引擎优化，就是让网站更容易被搜索引擎收录和呈现，让更多的人通过百度、谷歌等搜索引擎找到你的网站，从而提高网站的流量和知名度。

在学习如何进行SEO优化之前，我们先来简单了解一下SEO的流程，也就是：搜索引擎是如何发现你的网站并让用户搜索到你的网站的？

2. SEO流程

整个SEO流程可以分为四个主要阶段：抓取、索引和排名。让我详细解释一下这四个步骤。

1.爬行

爬取是 SEO 流程的第一步。搜索引擎会派出一组爬虫程序（俗称蜘蛛），在互联网上爬行，访问各个网站，并抓取网页内容。这些蜘蛛会跟随链接从一个页面跳转到另一个页面，尽可能地遍历整个网站。

2. 收集

搜索引擎在抓取网页内容后，会分析网页内容，决定是否将该页面收录到其数据库中。只有收录的页面，才会在用户搜索时显示，所以确保页面被收录是SEO的关键步骤。有些网站虽然有很多链接和内容，但只要搜索引擎蜘蛛不喜欢，不收录，那么别人就算专门搜索，也找不到你的网站。

3. 索引

索引是指搜索引擎将已经收录的网页内容进行整理、分类，构建庞大的索引库的过程。这个过程类似于给每个网页贴上标签，以便用户搜索时，搜索引擎可以快速找到与搜索词相关的网页。

比如我们 Duck网站有：Java面试题库、前端面试题库、C++面试题库，那么可以把这些词设置为索引，用户如果搜索包含这些词的内容，就可能搜索到我们的网站。

4. 排名

现在网站那么多，类似的索引也很多，怎么才能保证用户优先搜索到我们的网站呢？这就涉及到SEO的最后一步——排名。

当用户在搜索引擎中输入关键词时，搜索引擎会根据其算法从索引中选出与关键词最相关的网页，并根据相关度、权重、网站质量等因素进行排序，决定哪些网页出现在搜索结果的前几页。

这就是SEO的流程，下面我要分享的SEO优化技巧也是围绕这些流程展开的。

三、如何进行SEO优化？ 1、关键词优化

关键词是指用户在搜索引擎中输入的词语，通过在网站的HTML头信息中设置关键词（）和描述（），可以增加网站的索引量，提高网页在相关搜索中的排名。

关键词的选择需要精准，并且与网站内容强相关，避免关键词过度堆砌，否则可能会被搜索引擎判定为作弊。

例如你想创建一个面试题练习网站，你可以设置以下关键词和描述：

<meta name="keywords" content="程序员面试,Java面试题,程序员求职,计算机">
<meta name="description" content="程序员面试刷题，就来面试鸭，程序员免费求职面试刷题网站。海量高频Java面试题,帮你备战技术面试。">

2.网站结构优化

网站结构优化分为两个方面：整个网站页面结构的优化和各个页面内容结构的优化。

对于整个网站来说，页面嵌套层次应该尽量扁平，页面层级尽量短，以降低抓取难度。

例如，给定以下两种网站结构，你认为哪种结构的页面更容易被爬虫访问？

答案是不言而喻的，对于希望搜索引擎更快发现的重要页面，应该尽可能缩短网站路径，并适当增加页面入口。

对于每个页面，应该有一个清晰的层次结构，并且可以使用合理的标题标签（例如一级标题）以使页面内容更易于索引。

3. 友情链接

大学刚开始做个人网站的时候，我就用友情链接来提升自己网站的权重（虽然效果有限），操作很简单，在自己的网站上添加其他网站的链接，其他网站也添加自己的网站的链接，你们的网站之间互相推荐，这样更容易提高自己在搜索引擎的排名。

友情链接的原理也很简单，很多搜索引擎都会根据权重来给网站排名，那权重是怎么算出来的呢？一个很简单的算法（Page Rank）就是每个网站都有自己的投票数，别人每次给你的网站加友情链接，就相当于给你的网站投了票，投票数多的网站就能得到更高的权重和排名。友情链接就相当于互相投了票，比一点投票都没有的网站要好。

当然，这种互相推荐的方式需要谨慎使用，避免过多的交换链接，导致权重分散。

4. 文件

站点地图是一个列出您网站所有页面的文件。它通常放在网站的根目录中，或者通过 .txt 文件指定其位置。它可以帮助搜索引擎更快地了解您网站的结构，并优先抓取您希望收录的页面。

这就像给爬虫发送了一张地图，这样爬虫就不容易迷路或者错过你网站的重要页面。

对于结构比较简单的网站，使用静态和固定的就可以了。如下图所示：

不过对于内容不断更新的网站，还有更高级的操作，就是用程序自动生成动态内容，比如每天新增的主题都生成到一个文件中，方便爬虫更快的找到最新内容。

此外，有些搜索引擎还支持文件的主动上传提交，这可以进一步缩短网站被发现和收录的时间。

5. SSR 服务器端渲染

请注意，这里的SSR并不是我们在游戏中抽卡时所指的SSR！

SSR服务端渲染是SEO最有效的技术之一，是指在服务器端生成完整的HTML页面，直接发送给浏览器。相较于传统前端AJAX动态请求数据渲染方式，SSR可以让搜索引擎更容易抓取完整的页面内容，从而提升SEO效果。

比如说，如果是一个动态请求数据的前端网站，那么爬虫看到的网页内容可能是不完整的，如下图：

因为浏览器从服务器拉取网页，然后加载JS脚本，最后发送请求获取数据。

如果采用服务端渲染，那么服务端会完成数据的请求，并将数据组装到页面中，再返回给前端，爬虫看到的是一个比较完整的网页内容，如下图所示：

服务端渲染虽然效果不错，但是也会增加服务器的压力，并且开发成本通常较高。比如我们的面试鸭子就是使用 Next.js 框架开发的，开发过程中出现过不少坑。

哦，而且使用PHP开发服务端渲染的网站非常方便，这也许也是PHP在过去如此受欢迎的原因之一。

6. SSG静态站点生成

和 SSR 类似，SSG 也是 SEO 优化的又一杀手锏，意思是在建站时，预先生成所有页面的静态 HTML 文件，直接部署到服务器，用户访问网站时，直接获取生成的 HTML 文件即可，相比于 SSR 服务端渲染，服务器无需临时请求数据。

这种方式不仅大大提升了页面的加载速度，还可以使搜索引擎更快更完整的索引所有页面，因此很多博客站点生成器（如Hugo、Hexo）都会将写好的文章打包成静态HTML，然后部署到服务器。

当然，SSG 并不是万灵药，它只适合内容比较固定，更新频率不高的网站，比如个人博客。静态网站本质上是一种缓存，如果网页内容经常变化，这个文件也要经常更新，这也会有相当大的成本。

所以我们可以想到一个更高级的策略：SSR+SSG组合！内容相对固定的网页使用静态生成，内容有变化的网页使用服务端渲染，不需要SEO的网页可以纯客户端渲染。

7. 捣碎米饭

请注意，以上方法并不保证绝对有效，仅能增加搜索引擎收录和排名优化的概率，SEO策略需要不断调整和长期验证。

如果团队中没有懂SEO的技术人员，又想快速让网站得到搜索引擎的推荐，那么就只能“花钱”了，也就是花钱买广告，让你的网页出现在搜索结果的前几位。很多公司也是这么做的，但是对于没有收入的个人站长来说，还是用上面推荐的方法比较好。