在搭建博客或静态网站时，搜索引擎优化（SEO）是获取自然流量的关键一步。Jekyll 作为一个轻量、高效的静态网站生成器，虽然本身没有复杂的 SEO 插件，但我们依然可以通过合理配置和结构优化实现高质量的 SEO 效果。
本文将逐步介绍如何用 Jekyll 做好 SEO 优化。
1. 启用 jekyll-seo-tag 插件
这是最推荐使用的官方 SEO 插件，可以自动为页面添加标题、描述、Open Graph、Twitter Card 等 meta 标签。
安装
在你的 _config.yml 中添加：
plugins:
- jekyll-seo-tag
然后在你的网站 <head> 中添加：
{% seo %}
示例输出：
<title>使用 Jekyll 做 SEO 优化的完整指南 | My Blog</title>
<meta
name="description"
content="如何通过 jekyll-seo-tag 插件和结构优化实现搜索引擎友好的 Jekyll 博客。"
/>
<meta property="og:title" content="使用 Jekyll 做 SEO 优化的完整指南" />
<meta name="twitter:card" content="summary" />
...
2. 配置 robots.txt 与 sitemap.xml
robots.txt
让搜索引擎知道该抓取哪些页面：
User-agent: *
Disallow:
Sitemap: https://yourdomain.com/sitemap.xml
放在网站根目录。
sitemap.xml
使用插件自动生成：
plugins:
- jekyll-sitemap
然后你的网站根目录会生成 sitemap.xml，列出所有页面的链接，利于爬虫抓取。
如果是多语言站点，建议使用自定义模板，示例见下文：
👉 自定义多语言 sitemap 示例：链接到你的文章
3. 添加页面描述摘要（excerpt）
默认 Jekyll 不会为页面加上 meta description，你可以在文章开头手动指定：
---
title: 使用 Jekyll 做 SEO 优化的完整指南
excerpt: 如何通过 jekyll-seo-tag 插件和结构优化实现搜索引擎友好的 Jekyll 博客。
---
配合 jekyll-seo-tag 插件，excerpt 会自动用作 description。
4. 结构优化：语义化 HTML + 目录清晰
- 使用
article,section,nav等语义标签 - 每页标题用
<h1>，小节用<h2> ~ <h4>，避免乱用<div> - 添加
<nav>导航栏与面包屑结构（breadcrumb） - 给链接加上
title，图片加上alt
5. 多语言站点 SEO（如 jekyll-polyglot）
如果你启用了多语言插件（如 jekyll-polyglot），需特别注意以下几点：
- 使用
<link rel="alternate" hreflang="xx">标明语言版本 - sitemap.xml 中为每种语言生成独立 URL
- 不同语言目录结构统一，如
/和/en/，避免混乱
示例：
<link rel="alternate" hreflang="zh" href="https://yourdomain.com/" />
<link rel="alternate" hreflang="en" href="https://yourdomain.com/en/" />
6. 图片优化
- 使用 WebP 格式（或压缩后的 JPEG/PNG）
- 添加
alt属性利于图像搜索 - 文件命名语义清晰（如
jekyll-seo-example.webp）
7. 社交媒体预览（Open Graph / Twitter Cards）
借助 jekyll-seo-tag 自动输出，也可在文章中定制：
image: /assets/images/jekyll-seo-preview.png
twitter:
card: summary_large_image
这样分享文章到微博、推特、Telegram 时会自动带图展示。
8. 分析工具集成（可选）
建议集成：
- Google Search Console（抓取报告）
- Bing Webmaster Tools
- 百度站长平台（如你面向中文用户）
- Umami / Cloudflare Analytics / Plausible（轻量匿名统计）
总结 Checklist ✅
| 项目 | 是否完成 |
|---|---|
安装 jekyll-seo-tag |
✅ |
| 配置 robots.txt | ✅ |
| 配置 sitemap.xml | ✅ |
设置 excerpt |
✅ |
| 图片优化 | ✅ |
| 社交卡片图 | ✅ |
| 多语言 hreflang | ✅ |
| 使用 HTML5 语义结构 | ✅ |
一个良好 SEO 架构的 Jekyll 博客能带来稳定的自然流量，让你的内容在搜索中脱颖而出。如果你希望进一步提升收录和排名，可以结合站外优化（如反链、社交媒体引流等）和内容策略。