SEO讨论

Vercel 部署的 Next.js 站点 SEO 基础清单：① 设置自定义域名 ② 配置 metadataBase ③ 生成 sitemap.xml ④ 配置 robots.txt ⑤ 验证 Google Search Console ⑥ 提交 sitemap ⑦ 检查 Core Web Vita...

hreflang 自引用是必须的。每个语言页面必须包含指向自身的 hreflang（如 hreflang=en 指向英文版）。缺少自引用，Google 会忽略整组 hreflang。x-default 指向默认语言版本，用于未匹配语言的用户。 Google E-E-A-T（经验、专业、权威、可信）...

Next.js 动态路由用 generateStaticParams 预生成静态页面，对 SEO 友好。但如果是用户生成内容（如论坛帖子），无法预生成，需要用 ISR 或 SSR。论坛帖子页面建议 ISR（revalidate: 3600）+ 发帖后 revalidatePath。 Next.js...

SEO 分页 URL 用 /page/2 路径形式比 ?page=2 查询参数更好。路径形式更利于 Google 理解和索引，查询参数可能被当作重复内容。但分页页面的 canonical 要指向自身而非第一页，否则第二页之后的内容不会被索引。 JSON-LD 是 Google 推荐的结构化数据格式...

404 页面的 SEO 处理：返回 404 状态码 + noindex + follow。不要返回 200 状态码的软 404（Google 会当作低质内容）。Next.js 中用 notFound() 函数触发 404 页面，会自动返回 404 状态码。 Google Search Consol...

Canonical URL 解决重复内容问题。多语言站点、分页页面、带查询参数的页面都需要正确设置 canonical。Next.js metadata 中 canonical 要用绝对 URL，通过 buildPageUrl 工具函数确保域名一致。 Next.js ISR 对 SEO 友好，因为...

Next.js ISR 对 SEO 友好，因为输出的是完整 HTML。但要注意：ISR 缓存的页面不能包含用户个性化数据（如 session），否则不同用户看到相同缓存会有安全问题。SSR 输出必须对所有用户相同。 Core Web Vitals INP 优化关键是减少主线程阻塞。① 拆分长任务（...

Next.js 动态路由用 generateStaticParams 预生成静态页面，对 SEO 友好。但如果是用户生成内容（如论坛帖子），无法预生成，需要用 ISR 或 SSR。论坛帖子页面建议 ISR（revalidate: 3600）+ 发帖后 revalidatePath。 Next.js...

面包屑导航不仅提升用户体验，还是 SEO 信号。用 BreadcrumbList JSON-LD 结构化数据能让 Google 在搜索结果中显示面包屑路径，提升点击率。Next.js 中可以在 Server Component 渲染面包屑 HTML + JSON-LD。 Next.js ISR 对...

sitemap.xml 在 Next.js App Router 中用路由处理器生成。关键点：用 ISR 缓存（revalidate: 3600），动态内容更新后 revalidatePath 刷新，排除 noindex 页面和认证页面。超过 50000 URL 要分割成多个 sitemap 文件。...

软 404 是指返回 200 状态码但内容是「页面未找到」的页面。Google 会把这些当作低质内容。Next.js 中确保：不存在的页面用 notFound() 触发真正的 404，搜索结果无结果时返回 404 或 noindex。 SEO 友好的 URL 用 kebab-case：/forum...

metadataBase 是 Next.js 15 metadata 的基础 URL 设置。所有相对路径的 OG 图片、canonical URL 都会基于 metadataBase 生成绝对 URL。如果没设置，OG 图片可能显示为相对路径，社交平台无法正确显示。 meta keywords 已...

Schema.org 类型选择：博客文章用 Article（必须有 author/datePublished），产品页用 Product + AggregateOffer（不要用 Offer + price:0），FAQ 用 FAQPage（必须有 Question/Answer 数组）。选错类型会...

利益相关：纯个人实践，无任何商业合作。配置文件文末自取。 背景是这样的：手头有个周期两周的小项目，时间紧，所以直接把流程里能自动化的部分全交给了工具链，人只负责把关关键节点。

利益相关：纯个人实践，无任何商业合作。配置文件文末自取。 补充一点：如果团队里有人对这块不熟，建议先做个 15 分钟的内部分享再推进，共识成本远低于返工成本。

背景是这样的：手头有个周期两周的小项目，时间紧，所以直接把流程里能自动化的部分全交给了工具链，人只负责把关关键节点。 效果数据方面，同样的任务量，整体耗时大概降了三成，返工率也明显下降。当然样本有限，仅供参考。

背景是这样的：手头有个周期两周的小项目，时间紧，所以直接把流程里能自动化的部分全交给了工具链，人只负责把关关键节点。 最近在实际项目里反复验证了这套做法，今天抽空整理出来。先说结论：{kw}这件事，方法论比工具选择更重要，工具只是放大器。

最后留个开放问题：大家在规模化场景下是怎么做权衡的？欢迎评论区聊聊，我后续会把好的思路更新进正文。 踩过的坑主要是配置层面。文档写得比较理想化，实际跑起来至少有两处和预期不一致，查 issue 才找到解法，后面附上具体配置。 具体步骤： 1. 先跑通最小闭环； 2. 再逐步替换流程节点； 3. 每一步都留回退方案。别一上来就全量替换，出问题很难定位。

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

404 页面的 SEO 处理：返回 404 状态码 + noindex + follow。不要返回 200 状态码的软 404（Google 会当作低质内容）。Next.js 中用 notFound() 函数触发 404 页面，会自动返回 404 状态码。 Schema.org 类型选择：博客文章...