第 5 章 · 技术 SEO
技术 SEO 是网站的"地基和水电煤"——用户看不见,但出了问题整栋楼都住不了。 本章教你如何让搜索引擎顺畅地抓取、渲染、索引你的网站,无论它是 10 页的小博客还是 100 万页的电商平台。
5.1 抓取控制、索引管理与状态码治理
20 个词条- 206 robots.txt 位于网站根目录的文本文件,告诉搜索引擎爬虫哪些页面可以抓、哪些不能抓
- 207 XML 站点地图 XML Sitemap 列出网站所有重要 URL 的文件,帮助爬虫发现和优先抓取
- 208 noindex 标签 noindex tag <meta name="robots" content="noindex">,告诉搜索引擎不要将这个页面编入索引
- 209 nofollow 属性 nofollow attribute <a href="..." rel="nofollow">,告诉搜索引擎不要追踪这个链接,不传递权重
- 210 301 重定向 301 Redirect 永久重定向,告诉搜索引擎和用户"这个页面永久搬家了"
- 211 302 重定向 302 Redirect 临时重定向,告诉搜索引擎"这个页面暂时搬走了,以后还会回来"
- 212 404 错误 404 Not Found 服务器找不到请求的页面,返回 404 状态码
- 213 软 404 Soft 404 页面返回 200 状态码(表示成功),但内容实际上像 404 页面(如"未找到结果"、"产品已下架")
- 214 服务器错误 5xx Error 服务器处理请求时出错,如 500(内部错误)、503(服务不可用)
- 215 重定向链 Redirect Chain 多次连续重定向,如 A→B→C→D
- 216 重定向循环 Redirect Loop A→B→A 或 A→B→C→A,无限循环
- 217 抓取错误 Crawl Error 爬虫访问页面时遇到的问题,如 DNS 错误、服务器连接失败、404、500 等
- 218 索引状态 Index Status 页面是否被搜索引擎收录到索引库中
- 219 索引膨胀 Index Bloat 网站被收录了大量低质量、重复或无价值的页面,稀释了整体权重
- 220 重复内容 Duplicate Content 多个 URL 展示相同或高度相似的内容
- 221 规范化 Canonicalization 通过 Canonical 标签或 301 重定向,指定多个相似 URL 中的"官方版本"
- 222 URL 参数 URL Parameters URL 中 ? 后面的键值对,如 ?color=red&size=m,常用于筛选、排序、追踪
- 223 分页 Pagination 将长列表(如产品列表、博客文章列表)分成多页显示
- 224 无限滚动 Infinite Scroll 页面向下滚动时自动加载更多内容,无需点击分页
- 225 JavaScript SEO 确保 JavaScript 渲染的内容能被搜索引擎抓取、渲染和索引的技术实践
5.2 网站性能、渲染路径与现代前端优化
15 个词条- 226 页面速度 Page Speed 页面从请求到完全加载并可用所需的时间
- 227 服务器响应时间 TTFB, Time to First Byte 浏览器发出请求到收到服务器第一个字节的时间
- 228 CDN Content Delivery Network 全球分布式服务器网络,将内容缓存到离用户最近的节点
- 229 缓存 Caching 将常用数据存储在快速访问的存储介质中,避免重复计算或请求
- 230 压缩 Compression 减小文件体积以加快传输,如 Gzip、Brotli
- 231 图片优化 Image Optimization 压缩图片、使用现代格式、响应式图片,减少加载时间
- 232 懒加载 Lazy Loading 图片或内容在用户滚动到可视区域时才加载
- 233 代码压缩 Minification 删除代码中的空格、注释、换行,减小文件体积
- 234 关键渲染路径 Critical Rendering Path 浏览器将 HTML、CSS、JS 转换为屏幕上像素的步骤序列
- 235 渲染阻塞 Render Blocking 某些资源(如 CSS、同步 JS)阻止浏览器渲染页面
- 236 异步加载 Async Loading 资源同时加载,互不干扰,不阻塞渲染
- 237 HTTP/2 与 HTTP/3 HTTP/2 & HTTP/3 更新的网络协议,支持多路复用、头部压缩、服务器推送等特性
- 238 移动优先索引 Mobile-First Indexing Google 主要使用网站的移动版本进行索引和排名
- 239 核心网页指标通过 Core Web Vitals Pass 三项指标(LCP, INP, CLS)都达到"好"的标准
- 240 页面体验信号 Page Experience Signals Google 评估用户体验的综合指标,包括 CWV、HTTPS、移动友好性、无侵入式广告
5.3 网站安全、HTTPS 与无障碍可访问性
8 个词条- 241 HTTPS 加密的 HTTP 协议,通过 SSL/TLS 证书保护数据传输安全
- 242 SSL 证书 SSL Certificate 证明网站身份、启用 HTTPS 的数字证书
- 243 混合内容 Mixed Content HTTPS 页面中加载 HTTP 资源(图片、脚本、样式表)
- 244 网站安全 Website Security 保护网站不被黑客攻击、不被植入恶意代码
- 245 恶意软件 Malware 网站被植入的恶意代码,如病毒、木马、钓鱼脚本
- 246 黑名单 Blacklist 被搜索引擎或安全机构标记为危险的网站列表
- 247 可访问性 Accessibility, a11y 残障人士(视觉、听觉、运动障碍)能否正常使用网站
- 248 ARIA 标签 ARIA Labels / Accessible Rich Internet Applications 帮助屏幕阅读器理解页面元素的 HTML 属性
5.4 高级技术 SEO:日志分析、SSR/CSR、网站迁移与国际化底层
17 个词条- 249 日志文件分析 Log File Analysis 分析服务器日志,了解搜索引擎爬虫的抓取行为
- 250 边缘 SEO Edge SEO 在 CDN 边缘节点执行 SEO 修改,无需更改源服务器代码
- 251 预渲染 Prerendering 提前生成静态 HTML 快照,供爬虫抓取,而用户看到动态版本
- 252 动态渲染 Dynamic Rendering 根据 User-Agent 向爬虫和用户提供不同内容(爬虫看到 HTML,用户看到 JS 应用)
- 253 服务器端渲染 SSR, Server-Side Rendering 在服务器上生成完整 HTML,浏览器直接显示,无需等待 JS 执行
- 254 客户端渲染 CSR, Client-Side Rendering 浏览器下载 JS 后执行,动态生成页面内容
- 255 静态站点生成 SSG, Static Site Generation 构建时生成所有页面为静态 HTML,无需服务器实时渲染
- 256 渐进式 Web 应用 PWA, Progressive Web App 网页像 App 一样体验,可离线访问、添加到主屏幕、接收推送通知
- 257 AMP Accelerated Mobile Pages Google 的加速移动页面框架(已不太重要,Google 已取消 AMP 特权)
- 258 结构化数据测试工具 Rich Results Test Google 官方工具,验证页面结构化数据是否正确
- 259 网站迁移 Site Migration 网站更换域名、服务器、CMS 或 URL 结构
- 260 多语言 SEO Multilingual SEO 针对不同语言用户优化网站,提供多语言内容
- 261 hreflang 标签 hreflang tag 告诉搜索引擎页面针对的语言和地区,以及对应的其他语言版本
- 262 地理定位 Geotargeting 针对特定国家或地区优化内容和搜索结果
- 263 网站地图索引 Sitemap Index 包含多个 Sitemap 文件的索引文件,用于大型网站
- 264 抓取统计 Crawl Stats GSC 提供的爬虫活动数据,包括请求数、下载量、响应时间
- 265 索引覆盖率报告 Index Coverage Report GSC 显示哪些页面被收录、哪些有问题、哪些被排除
本章岗位实战 SOP 与面试考点
🔧 技术 SEO 审计完整 SOP(新接手网站)
- 抓取测试:使用 Screaming Frog 全站抓取(或抽样 1000 页),检查状态码、Title、Meta、Canonical。
- robots.txt 检查:确保没有意外阻止重要目录,没有语法错误。
- XML Sitemap 检查:确保 Sitemap 可访问、无错误 URL、已在 GSC 提交。
- 索引状态检查:GSC 中查看 “Page Indexing”,确保重要页面已索引,无大量 “Crawled - currently not indexed”。
- 重复内容检查:使用 Screaming Frog 查找重复 Title、Meta、H1,或参数导致的重复 URL。
- 重定向检查:检查 301/302 链,确保无重定向循环(Redirect Loop)。
- 移动友好性:使用 Chrome DevTools Device Mode 测试,或 GSC 的 “Mobile Usability” 报告。
- 速度测试:PageSpeed Insights 测试首页和 3 个内页,记录 LCP、INP、CLS。
- HTTPS 检查:确保全站 HTTPS,无混合内容(Mixed Content)。
- 结构化数据:使用 Rich Results Test 抽查几个页面,确保 Schema 无错误。
- 日志分析(可选,大型站点):分析服务器日志,看 Googlebot 抓取频率和模式。
- 输出报告:按优先级列出问题(Critical/High/Medium/Low),提供修复建议和预估影响。
面试高频考题与满分回答框架
Q1: 你发现网站有很多 “Crawled - currently not indexed” 页面,怎么办?
满分框架:“Crawled - currently not indexed” 通常意味着 Google 抓取了页面但认为质量不足以编入索引。我会分四步处理:第一步,抽样检查这些页面的内容质量,看是否是 Thin Content(内容过短)、重复内容或 AI 生成无价值内容。第二步,检查网站整体权重(Domain Rating),如果权重低,Google 会更挑剔。第三步,提升内容质量:增加字数、添加原创数据、改进用户体验。第四步,增加内部链接和外部链接到这些页面,提升它们的权重。如果页面确实无价值,使用 noindex 或 301 重定向到相关页面。
Q2: 什么是渲染阻塞(Render Blocking)?如何优化?
满分框架:渲染阻塞是指某些资源(如 CSS、同步 JS)阻止浏览器渲染页面,用户必须等待这些资源加载完才能看到内容。优化方法:1) 关键 CSS 内联(Inline Critical CSS),非关键 CSS 异步加载;2) JS 使用
defer或async属性,非关键 JS 延迟加载;3) 使用rel="preload"预加载关键资源;4) 减少第三方脚本数量,延迟加载非必要脚本(如聊天插件)。目标是将 LCP 控制在 2.5 秒内。
Q3: 网站迁移(Site Migration)时,SEO 需要注意什么?
满分框架:网站迁移是 SEO 的高风险操作,我会按 checklist 执行:1) 迁移前:完整备份、记录所有旧 URL、设置 301 重定向规则(一对一映射)、在新站设置 robots.txt 阻止抓取(测试环境)。2) 迁移中:切换 DNS、确保所有 301 生效、更新内部链接、更新 XML Sitemap。3) 迁移后:在 GSC 提交 Change of Address、监控 404 错误、监控流量和排名变化(通常会有 10-20% 的暂时下降)、更新外链(联系外链网站更新链接)。关键是确保 301 正确,不要批量重定向到首页,这会导致权重分散。