用 Markdown 寫技術部落格並優化 SEO 的完整流程
Markdown 部落格技術部落格 SEO靜態網站產生器Astro 部落格網站地圖 sitemap結構化資料 JSON-LD
用 Markdown 寫技術部落格並優化 SEO
技術部落格用 Markdown 寫作最高效,但要讓搜尋引擎喜歡,還得補齊 SEO 的「標準動作」。下面是一套可落地的流程。
1. 內容即資料:Frontmatter 驅動 SEO
每篇文章用 YAML frontmatter 宣告標題、描述、關鍵字與日期:
title: "Article title"
description: "A one-sentence summary that appears in search results"
keywords: ["keyword one", "keyword two"]
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 查看。