hreflang 配置避坑：多语言站点被 Google 正确索引的关键

听风

2026/01/30 02:45:53

Core Web Vitals 2024 的三个指标：LCP（最大内容绘制，<2.5s）、INP（交互到下一次绘制，<200ms）、CLS（累积布局偏移，<0.1）。其中 INP 替代了 FID，更严格。Next.js 用 next/image 优化图片能显著改善 LCP，用 next/dynamic 懒加载非首屏组件改善 INP。

robots.txt 不是阻止索引的手段，而是控制抓取。要阻止索引用 noindex meta 标签或 X-Robots-Tag header。常见的 robots.txt 配置：允许所有页面、禁止 /admin、禁止 /api、指向 sitemap.xml。

Next.js Image 组件自动优化图片格式（WebP/AVIF）、尺寸和懒加载，对 LCP 优化效果显著。LCP 图片要加 priority 属性，否则懒加载会延迟 LCP 时间。但不要给所有图片加 priority，只给首屏最大的图片。

Next.js ISR 对 SEO 友好，因为输出的是完整 HTML。但要注意：ISR 缓存的页面不能包含用户个性化数据（如 session），否则不同用户看到相同缓存会有安全问题。SSR 输出必须对所有用户相同。

PageSpeed 优化记录：我的站点从 60 分到 95 分花了三周。关键改动：① 图片用 next/image + priority ② 移除首屏 framer-motion 改用 CSS 动画 ③ 非首屏组件 next/dynamic 懒加载 ④ 字体用 next/font ⑤ 第三方脚本延迟加载。

查看历史

50 回复

前端

前端魔法师第 2 楼2026/01/30 17:09:53

分享一下我的做法：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。希望少走弯路。

内卷

内卷幸存者第 3 楼2026/01/30 17:09:53

我的团队是这样做的：metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。仅供参考，具体还是要看你的场景。

采蜜

采蜜的熊第 4 楼2026/01/30 17:09:53

不同场景下结论可能不同：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。欢迎私信深入交流。

潜水

潜水员第 5 楼2026/01/30 17:09:53

这个思路很巧妙，robots.txt 控制抓取，noindex 控制索引，两个不要搞混。实践出真知，建议动手试试。

赛博

赛博修行者第 6 楼2026/01/30 17:09:53

结合我最近的项目经验：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。效果因项目而异，建议实际测试。

搬家

搬家的蚂蚁第 7 楼2026/02/02 12:33:29

我的看法略有不同：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。希望对你有帮助。

雾里

雾里看花第 8 楼2026/02/03 16:08:05

上周刚好踩了这个坑，sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。如有不对请指正。

需求

需求翻译机第 9 楼2026/02/06 17:06:02

我的理解是：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。欢迎私信深入交流。

熬夜

熬夜的猫头鹰第 10 楼2026/02/07 08:33:03

我的看法略有不同：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。如果有更好的方案求分享。

无所

无所谓第 11 楼2026/02/10 11:47:06

说个反直觉的发现：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。如有不对请指正。

并发

并发摆渡人第 12 楼2026/02/10 22:44:11

实操中我发现：metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。欢迎大家补充。

栈溢

栈溢出幸存者第 13 楼2026/02/14 17:23:15

sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。

发呆

发呆的仓鼠第 14 楼2026/02/17 05:24:29

PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。

Ctrl+C工程师第 15 楼2026/02/17 10:10:42

我的实践经验和你的不太一样：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。仅供参考，具体还是要看你的场景。

月下

月下独酌第 16 楼2026/02/17 11:40:54

这个观点我很认同，metadataBase 不设置的话 OG 图片会是相对路径，社交分享显示不了。

冬炉

冬炉暖茶第 17 楼2026/02/19 02:51:55

我的理解是：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。感谢楼主的启发。

老张

老张第 18 楼2026/02/20 06:18:32

我的结论恰恰相反：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。欢迎交流讨论。

键盘

键盘敲击者第 19 楼2026/02/25 05:30:52

我的结论恰恰相反：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。踩了很多坑才总结出来的。

打盹

打盹的考拉第 20 楼2026/02/26 11:28:42

我的团队是这样做的：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。如果有更好的方案求分享。

算法

算法炼丹师第 21 楼2026/02/26 20:51:08

我之前也遇到过类似问题，JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。