← 返回部落格

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