SEO讨论

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

踩过的坑主要是配置层面。文档写得比较理想化，实际跑起来至少有两处和预期不一致，查 issue 才找到解法，后面附上具体配置。 踩过的坑主要是配置层面。文档写得比较理想化，实际跑起来至少有两处和预期不一致，查 issue 才找到解法，后面附上具体配置。

最后留个开放问题：大家在规模化场景下是怎么做权衡的？欢迎评论区聊聊，我后续会把好的思路更新进正文。 背景是这样的：手头有个周期两周的小项目，时间紧，所以直接把流程里能自动化的部分全交给了工具链，人只负责把关关键节点。 利益相关：纯个人实践，无任何商业合作。配置文件文末自取。 利益相关：纯个人实践，无任何商业合作。配置文件文末自取。

OG 图片用 Next.js 的 next/og 或 ImageResponse 动态生成，效果比静态图片好。1200x630 是标准尺寸，图片上放标题和品牌 logo，社交分享时点击率能提升 30%。 meta keywords 已经被 Google 完全忽略，不要在 metadata 中配置...

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

Next.js 15 将 viewport 从 metadata 中分离，必须单独导出 viewport 对象。缺少 viewport 会导致移动端渲染异常，影响移动端优先索引。viewport 中可以设置 width、initialScale、themeColor 等。 metadataBase...

SEO 友好的 URL 用 kebab-case：/forum/thread/how-to-optimize-nextjs-seo。避免下划线、驼峰、中文 URL（虽然 Google 支持但不利于分享）。Next.js 中可以用 slugify 函数生成 URL 友好的 slug。 Google...

hreflang 自引用是必须的。每个语言页面必须包含指向自身的 hreflang（如 hreflang=en 指向英文版）。缺少自引用，Google 会忽略整组 hreflang。x-default 指向默认语言版本，用于未匹配语言的用户。 JSON-LD 是 Google 推荐的结构化数据格式...

OG 图片用 Next.js 的 next/og 或 ImageResponse 动态生成，效果比静态图片好。1200x630 是标准尺寸，图片上放标题和品牌 logo，社交分享时点击率能提升 30%。 Google E-E-A-T（经验、专业、权威、可信）是内容质量的评估框架。提升方法：作者署名...

RSS Feed 虽然不直接影响 SEO 排名，但能增加内容曝光渠道，被聚合网站和 RSS 阅读器抓取，带来外链和流量。Next.js App Router 中用路由处理器生成 RSS XML，用 ISR 缓存。 meta keywords 已经被 Google 完全忽略，不要在 metadata...

Canonical URL 解决重复内容问题。多语言站点、分页页面、带查询参数的页面都需要正确设置 canonical。Next.js metadata 中 canonical 要用绝对 URL，通过 buildPageUrl 工具函数确保域名一致。 Schema.org 类型选择：博客文章用 A...

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

Next.js 15 将 viewport 从 metadata 中分离，必须单独导出 viewport 对象。缺少 viewport 会导致移动端渲染异常，影响移动端优先索引。viewport 中可以设置 width、initialScale、themeColor 等。 hreflang 是多语...

Google 索引速度受多种因素影响：域名权重、内链结构、sitemap 提交、社交信号。新站点的页面可能要几天到几周才被索引。加速方法：提交 sitemap、用 URL 检查工具请求索引、在已索引页面中加内链指向新页面。 Next.js 15 的 metadata API 比 Pages Rou...

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

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

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

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

Core Web Vitals INP 优化关键是减少主线程阻塞。① 拆分长任务（>50ms）用 requestIdleCallback 或 setTimeout ② 减少第三方脚本 ③ 用 Web Worker 处理重计算 ④ 延迟加载非关键交互 ⑤ 避免大型布局重排。 robots.txt 不...

Next.js 15 的 metadata API 比 Pages Router 的 Head 组件强大太多。用 generateMetadata 可以根据路由参数动态生成 title、description、OG 标签。关键是 metadataBase 要正确设置，否则 OG 图片的 URL 会是...