2026-06-1614 分鐘閱讀

技术 SEO 預覽工作流：robots.txt、sitemap.xml、Open Graph 和 SVG 封面

一篇技术 SEO 預覽教程，覆盖 robots.txt 规则、sitemap XML、hreflang、Open Graph 卡片、SVG 封面和發布前檢查。

技术 SEO 文件也需要預覽

很小的技术 SEO 文件也可能造成很大的收录問題。robots.txt 一条规则可能挡住整个目錄，sitemap 可能重複提交大量 URL，Open Graph 圖片可能在真正分享后才发现不可用。

所以这篇文章应该展示完整發布流程：robots 规则檢查、sitemap 檢查、Open Graph 預覽、SVG 封面預覽和上線前 checklist。

技术 SEO 預覽工作流 — 技术 SEO 預覽要把抓取规则、sitemap 品質、社交卡片和封面图放到同一条發布链路里。

Demo 1：用目标 URL 测试 robots.txt

不要只把 robots.txt 当文本看。拿一个你希望收录的具体 URL，测试最长匹配的 Allow 或 Disallow 是否允许它。

新增私有後台、API 路由、测试環境路径或自动生成博客目錄后，这一步尤其重要。

text

URL: https://example.com/blog/jq-vs-jsonpath-api-debugging-workflow
---
User-agent: *
Disallow: /admin/
Disallow: /api/
Allow: /blog/
Sitemap: https://example.com/sitemap.xml

预期结果是 /blog 允许收录，同时 /admin 和 /api 仍然阻止。

Demo 2：檢查 sitemap URL 和多语言 alternate

sitemap 預覽不只是 XML 校验。它应该展示 URL 数量、重複 URL、lastmod、sitemap index 和 hreflang alternate。

对于多语言工具站，hreflang alternate 和 URL 数量一样重要。alternate 錯誤会给搜尋引擎传递混乱信号。

xml

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
  <url>
    <loc>https://example.com/en/jq-filter-tester</loc>
    <xhtml:link rel="alternate" hreflang="zh-CN" href="https://example.com/zh-CN/jq-filter-tester" />
    <xhtml:link rel="alternate" hreflang="ja" href="https://example.com/ja/jq-filter-tester" />
  </url>
</urlset>

文章里应该解释 URL 数量、alternate、重複 URL 和 lastmod 品質。

Demo 3：分享前預覽 Open Graph

Open Graph 很容易出問題：HTML 看起来对，但圖片太大、被阻止、发生跳转，或者视觉上不清楚。

發布前預覽 title、description、image、url、site name，比手动扫 meta 标签更有效。

html

<meta property="og:title" content="jq vs JSONPath: API response debugging workflow" />
<meta property="og:description" content="A practical guide with jq filters, JSONPath selectors, and copyable API payload demos." />
<meta property="og:image" content="https://diagrampreview.com/blog/jq-vs-jsonpath-api-debugging-workflow.png" />
<meta property="og:url" content="https://diagrampreview.com/en/blog/jq-vs-jsonpath-api-debugging-workflow" />

OG 卡片应该描述真實教程，而不是只写產品名。

Demo 4：檢查 SVG 封面和匯出图

生成的封面图和 SVG 片段也应该在發布前預覽。文字断行、比對度太低、脚本、尺寸过大，都会让文章看起来不可信。

SVG 适合檢查程式碼生成的图，PNG 更适合发到不稳定支持 SVG 的平台。

常见 SEO 預覽錯誤

没檢查重複 URL 就提交 sitemap；本来想阻止 /api/，结果误伤 /api-docs/；社交卡片圖片还是本地 URL；新增多语言工具頁后忘了 hreflang；批量加博客但没有从相关工具頁連結过去。

这些具体錯誤比“SEO 很重要”更有价值，读者可以马上对照自己的网站檢查。

發布 checklist

用精确 URL 檢查 robots.txt，檢查 sitemap 数量和 alternate，預覽 Open Graph，確認圖片 URL 可访问，并確認文章連結到了相关工具頁。

發布后，只把足够有用、能独立解决問題的頁面提交 sitemap 或 IndexNow。