用 Markdown 写技术博客并优化 SEO 的完整流程
Markdown 博客技术博客 SEO静态站点生成器Astro 博客站点地图 sitemap结构化数据 JSON-LD
用 Markdown 写技术博客并优化 SEO
技术博客用 Markdown 写作最高效,但要让搜索引擎喜欢,还得补齐 SEO 的「标准动作」。下面是一套可落地的流程。
1. 内容即数据:Frontmatter 驱动 SEO
每篇文章用 YAML frontmatter 声明标题、描述、关键词与日期:
title: "文章标题"
description: "一句话摘要,会出现在搜索结果里"
keywords: ["关键词一", "关键词二"]
pubDate: 2026-07-25
这些字段自动注入 <title>、<meta name="description">、<meta name="keywords">,无需手动改 HTML。
2. 三大 SEO 基建
| 基建 | 作用 |
|---|---|
sitemap.xml | 告诉爬虫有哪些页面 |
robots.txt | 引导爬虫并指向 sitemap |
JSON-LD | 用结构化数据描述文章(作者、发布时间、关键词) |
3. 社交分享卡片
配置 Open Graph 与 Twitter Card,文章在微信、X、Telegram 分享时才有漂亮预览图。
4. 速度即排名
静态站点默认零运行时 JS、秒开,是 SEO 的天然优势。配合 CDN/边缘网络(如 Cloudflare Pages)全球加速,Core Web Vitals 轻松达标。
5. 内容靠 Git 管理
博客文章就是仓库里的 .md 文件:
- 改内容 = 改文件 + 提 PR
- 发布 = 合并并自动部署
- 历史 = Git 提交记录
这种「内容即代码」的方式,让技术博客既好写、又好维护。
本博客本身就用这套方案构建,源码可在 GitHub 查看。