· 项目开发 · 4 min read

心测岛 SEO 优化实录：如何让7个纯静态页面全被搜索引擎收录

小吾敌 小吾敌

起点：一个纯静态站怎么被搜到？

心测岛上线第一天，site:ceshi.xiaowu.live 结果是空的。纯静态页面虽然加载快，但如果 SEO 没做好，搜索引擎根本不会收录。这篇文章复盘我从零做 SEO 的完整过程。

1. TDK（Title / Description / Keywords）精准化

每个页面都手写了独立的 TDK，不是复制粘贴模板。比如：

MBTI 测试页：
Title:  MBTI性格测试(16型人格)免费版 - 心测岛
Desc:   28题快速版，测出你属于16型人格中的哪一种...

职业测试页：
Title:  职业性格测试免费版 - 测测你适合什么工作 - 心测岛
Desc:   12道题测出你的职业性格类型，帮你找到最适合的职业方向...

核心原则：每个页面的 Title 包含核心关键词+长尾词，Description 写清楚"几道题测出什么"，引导点击。

2. 结构化数据 (JSON-LD)

每个测试页都加了 JSON-LD 结构化数据：

这让搜索引擎理解"这是一个测试/问答页面"，有助于在搜索结果中获得富文本展示。

3. Sitemap + Robots.txt

robots.txt:
User-agent: *
Allow: /
Sitemap: https://ceshi.xiaowu.live/sitemap.xml

sitemap.xml 包含了全部 7 个测试页面的 URL + about 页，提交到 Google Search Console 和百度站长平台后，爬虫有了明确的抓取路线图。

4. Canonical URL

每个页面都有 canonical 标签：<link rel="canonical" href="https://ceshi.xiaowu.live/mbti-test.html">，避免搜索引擎将同一内容的不同 URL 视为重复页面。

5. Open Graph / 微信分享卡片

og:title / og:description / og:type / og:site_name
twitter:card / twitter:title / twitter:description
itemprop:name / itemprop:description

不仅为百度/Google 优化，也覆盖了微信和 Twitter 的分享预览。

6. 技术层面的 SEO 优化

  • HTTP/2 + HTTPS：全站强制 HTTPS，HTTP 301 跳转。HTTP/2 多路复用提升加载速度，速度本身也是排名因子
  • gzip 压缩：HTML/CSS/JS 全部 gzip，传输体积减少 70%+
  • 静态资源缓存：CSS/JS 文件设 7 天 immutable 缓存，减少回源
  • HSTS + 安全头：X-Content-Type-Options、Referrer-Policy、X-Frame-Options
  • 自定义 404 页面：美观的 404 页面比默认 Nginx 404 对 SEO 更友好

7. 百度主动推送

部署脚本每次发布完成后，自动调用百度站长平台的推送 API，通知爬虫有新内容。虽然页面是纯静态"改"不是"新增"，但百度会重新抓取更新后的内容。

效果

  • 7 个测试页 + about 页 + 首页，合计 9 个页面全部被 Google 收录
  • 百度收录 6 个页面（百度对纯静态新站收录偏慢是常态）
  • 测试关键词"免费 MBTI 测试""抑郁症自测"等开始有自然搜索流量

总结

纯静态站的 SEO 没什么黑科技，就是做到每一条基本功：TDK 独立化、结构化数据、sitemap、canonical、OG 标签、HTTPS、gzip、速度优化。把这些做好，搜索引擎自然会给你好排名。

Comments

Leave a Comment