智慧星球 · 象限云图

深色模式

09 · 技术 SEO 基础 ​

速度、移动端与可抓取性

📚 系列导航：这是《SEO/GEO 入门》的第 9 篇（共 20 篇）。上一篇你给单页内容定了出厂标准，这一篇往下修地基——速度、移动端、渲染方式，专治"内容很好但引擎看不见、等不起"。下一篇：10 · 结构化数据 Schema。

一听"技术 SEO"，不少人头皮发麻：我又不是程序员。放心，这一篇不需要你会写代码——要动代码的地方，片段直接给你抄。技术 SEO 的真相是二八分布：20% 的动作解决 80% 的问题，深水区入门阶段用不上。你真正要防的是另一个极端：内容篇篇优秀，但站点又慢、又只在浏览器里"活着"，引擎和 AI 爬虫过来拿到一张白纸。这一篇只干一件事：把你的技术地基修到"不拖后腿"。

看完这一篇，你会拿到：

  • 一次 PageSpeed 体检 + 三个最肥优化（图片/懒加载/缓存）的落地做法
  • 一张移动端真机自查清单，10 分钟过完
  • canonical、301、死链的最小治理方案（配可复制片段）
  • 一个关键判断：你的站有没有"AI 爬虫拿到空壳"的渲染风险

01 速度三招：先摘最低的果子 ​

用 PageSpeed Insights（免费，pagespeed.web.dev）跑一遍首页和一篇典型内容页，拿到移动端分数。别急着逐条修报告，先做三件最肥的：图片压缩（通常占性能问题的一半——转 WebP、按显示尺寸出图）、懒加载（首屏外的图延后加载，一个属性搞定：<img src="x.webp" loading="lazy" alt="描述">）、缓存（静态资源设长缓存，主流托管平台基本一键开启）。

技术SEO速度优化三招

一个我用真金白银换来的判断：75→90 分的收益远大于 90→100。我曾花两周把 90 冲到 100，排名纹丝不动——瓶颈根本不在那。

💡 一句话总结：图片、懒加载、缓存三招吃掉大头——上了 75 分先收手，去干别的。

02 移动优先：用真机过一遍 ​

引擎以移动版为准（移动优先索引），你的站在手机上什么样，引擎眼里就是什么样。掏出手机过一遍关键页面：字号不放大能不能读、按钮和链接点不点得准、有没有横向滚动条、弹窗有没有遮住正文。桌面端再漂亮，移动端崩了就是全崩。

💡 一句话总结：引擎只看移动版——真机自查 10 分钟，胜过任何报告。

03 重复、搬家与死链：三个小治理 ​

canonical 管重复内容：同一内容有多个 URL（带参数、http/https 混用）时，一行标签声明正主：<link rel="canonical" href="https://example.com/page/">。301 重定向管搬家：URL 变更时把旧地址永久指向新地址，攒下的权重跟着走。死链定期扫：用 GSC 的"网页索引"报告或坏链工具，404 要么修复要么 301 走。三件都是小活，但烂在站里都是慢性失血。

💡 一句话总结：canonical 认正主、301 管搬家、死链定期扫——三个小治理堵住慢性失血。

04 渲染警告：AI 爬虫拿到的可能是空壳 ​

你打开自己的站，内容明明好好的；但若站点是纯客户端渲染（正文靠浏览器跑完 JS 才出现），多数 AI 爬虫抓到的是一个空壳——它们基本不执行 JS；Google 勉强能等，但也有延迟和预算限制。

就像递名片：服务端渲染是名片上印好了字，谁接都能读；客户端渲染是递一张空卡片，外加一句"回去用我家机器显影"——Google 或许愿意等，AI 爬虫扭头就走。

自查一分钟：浏览器里"查看网页源代码"（不是审查元素），搜正文片段。在——安全；不在——重要内容必须迁到服务端渲染或预渲染，这是同时打击 SEO 和 GEO 的隐形杀手。

💡 一句话总结：源代码里搜不到正文 = AI 眼里你是白纸——重要内容必须服务端可见。

05 动手：体检 + 两项最肥优化 ​

任务：① 用 PageSpeed 跑首页和一篇内容页，截图记下移动端分数；② 从速度三招里挑两项做完（优先图片压缩与懒加载）；③ 顺手做渲染自查：查看源代码确认正文可见；④ 重跑 PageSpeed，记录新分数。

验收标准：优化前后分数对照（比如移动端 62 → 81）+ 一句渲染自查结论（正文在 / 不在源码里）。

两种结果都正常：分数明显上涨——地基达标，停手，别去冲 100；分数几乎没动——通常是主题或托管平台本身太重，优化空间被锁死，把"换轻量方案"记进待办即可，不值得现在为十几分重构两周。

06 小结 ​

你现在应该能：跑 PageSpeed 并完成两项最肥优化、真机过一遍移动端、用 canonical/301/死链做最小治理、一分钟判断自己的站有没有渲染空壳风险。

地基不拖后腿了，下一篇往上加分项——10 · 结构化数据 Schema：给机器一份"内容说明书"，让引擎不用猜、直接读懂你每一页是什么。

📎 实战案例

某站用纯前端渲染，GSC 显示已收录但快照全空。迁到 SSR 后收录率翻倍，AI 爬虫也终于抓到真实内容。作者的另一个教训：曾花两周把性能分从 90 冲到 100，排名纹丝不动——瓶颈根本不在那。

踩坑

  • 我的一个项目用纯前端渲染，GSC 显示收录了但快照全空——迁到 SSR 后收录率翻倍。
  • 我追求性能满分重构两周，90 冲到 100，排名纹丝不动——75→90 的收益远大于 90→100。
  • 我改版时偷懒没做 301，旧 URL 全部 404，攒了一年的点击两周内掉了四成——搬家必须带上重定向。