← 返回博客

用 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 查看。