现在做网站，尤其是内容类或者文档类的，很多人会提到静态网站生成器。你可能听说过Jekyll、Hugo、Hexo这些名字。如果你对SEO很在意，那这个话题就更值得聊聊了。静态网站生成器，简单说就是把你写的文章、做好的模板，提前变成一堆HTML、CSS、JS文件。用户访问的时候，服务器直接把这些文件给出去，不像WordPress那样每次都要从数据库里查、动态生成页面。

先说说为什么这对SEO有好处。第一是速度快。这是最直接的。Google已经明确把页面加载速度作为排名因素。一个静态页面，没有数据库查询，没有复杂的PHP执行，就是纯文件传输，速度自然快。你可以随便找个测速工具，比如Google PageSpeed Insights，对比一下同配置服务器上的WordPress站点和静态站点，差距很明显。第二是结构清晰，代码干净。动态网站为了功能丰富，往往会引入很多脚本和样式，HTML结构也可能嵌套很深。静态生成器出来的页面，通常代码很简洁，搜索引擎爬虫抓取和理解起来更轻松。第三是安全性高。因为没有数据库，没有后台登录入口，能攻击的点就少了很多。网站稳定，不挂掉，也是SEO的隐形加分项。

但是，不是所有静态网站生成器都对SEO友好。选型的时候要注意几个关键点。首先是生成的URL结构你是否能完全控制。最好能自定义，并且是语义化的，比如包含文章分类和日期。其次是能不能方便地给每个页面单独设置标题、描述和关键词。再有就是站点地图能不能自动生成，以及页面之间是否能形成良好的内部链接结构。

我拿两个比较流行的生成器举个例子，Hugo和Jekyll。Hugo是用Go写的，生成速度极快，哪怕你有几千篇文章，也是秒级生成。它的模板系统很灵活，你可以精细控制每个页面的元标签。Jekyll是Ruby写的，和GitHub Pages集成最好，生态非常成熟，有海量的主题和插件。但在生成速度上，文章多了以后会比Hugo慢。

下面这个表格简单对比一下它们在几个SEO相关特性上的表现：

选好了工具，具体怎么操作才能做好SEO呢？我按步骤说一下。

第一步，项目初始设置。假设我们选Hugo。安装好后，用命令`hugo new site my-seo-site`创建一个新站点。然后，去选一个你觉得好看且代码结构清晰的主题。安装主题后，别急着写文章，先改配置文件`config.toml`。这里有几个关键参数必须设置：

baseURL = “https://你的域名.com/” # 必须正确，影响所有绝对链接

title = “你的网站主标题”

languageCode = “zh-CN”

defaultContentLanguage = “zh”

enableRobotsTXT = true # 开启robots.txt生成

enableEmoji = false # 除非必要，建议关闭，避免乱码

metaDataFormat = “yaml”

canonifyURLs = true # 将相对URL转为绝对URL，对SEO有好处

第二步，规划内容结构和URL。在`config.toml`里配置永久链接格式。比如我想让博客文章的链接是`/blog/年/月/日/文章标题/`，可以这样设置：

[permalinks]

blog = “/blog/:year/:month/:day/:slug/”

`:slug`就是你在文章Front Matter里设置的`slug`字段，或者由标题自动生成。这样生成的URL既包含日期信息，又有可读的标题，对SEO友好。

第三步，写文章时的SEO实操。每篇文章都是一个Markdown文件，顶部有一段Front Matter，用来设置元数据。一个针对SEO优化过的Front Matter长这样：

“`yaml

—

title: “你文章的具体标题，最好包含核心关键词”

description: “一段160字左右的摘要，准确描述文章内容，吸引点击”

date: 2023-10-27T15:00:00+08:00

slug: “article-specific-url-slug”

categories: [“技术”, “SEO”]

tags: [“静态网站”, “Hugo”, “搜索引擎优化”]

keywords: [“主关键词”, “长尾词1”, “长尾词2”]

draft: false

—

“`

注意，`title`和`description`一定要认真写。`description`会出现在搜索结果里，是影响点击率的关键。`keywords`标签现在搜索引擎不太看了，但写上有助于你自己梳理文章主题。文章正文要用好标题标签。H1标签通常被主题用来做文章标题，你正文里从H2开始用。合理使用H2、H3来组织内容结构，让爬虫理解内容层次。

第四步，优化页面元素。找一个支持SEO的主题很重要。你需要检查主题生成的最终HTML，确保每个页面有且只有一个`

`，通常是文章标题。检查图片是否都有正确的`alt`属性，你可以在Markdown里这样插入图片：``。确保主题或你的配置能自动生成``标签，避免内容重复问题。内部链接要自然，在相关文章处，手动或用模板函数添加指向其他文章的链接。

第五步，生成与部署。本地写完后，运行`hugo`命令（生产环境用`hugo –minify`，可以压缩HTML代码），所有静态文件会生成在`public/`目录。把这个目录里的所有文件上传到你的服务器，或者绑定到Netlify、Vercel这类托管服务。部署后，第一时间去Google Search Console和Bing Webmaster Tools提交你的站点地图。站点地图的地址通常是`https://你的域名.com/sitemap.xml`。

最后还要提一下可能遇到的问题。静态网站最大的缺点是“动态功能”缺失，比如评论、搜索、复杂表单。这些都需要借助第三方服务。评论可以用Disqus或Utterances（基于GitHub Issues），站内搜索可以用Algolia或者客户端搜索方案。这些都会引入外部JS，可能会稍微影响速度，需要权衡。另一个问题是内容更新。每次修改，哪怕是改个错别字，都需要重新生成整个网站并部署。对于超大型站点，这个过程可能有点慢，但一般来说，增量生成和CI/CD流程可以解决。

总的来说，用静态网站生成器做SEO，核心思路是打好基础：极致的速度、干净的代码、可控的元数据。它可能不像一些SEO插件那样一键搞定所有事，但给你的是更根本、更可靠的优势。你需要花些时间配置和调整，一旦流程跑顺，维护起来非常省心，效果也扎实。