SEO讨论

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

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

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

hreflang 自引用是必须的。每个语言页面必须包含指向自身的 hreflang（如 hreflang=en 指向英文版）。缺少自引用，Google 会忽略整组 hreflang。x-default 指向默认语言版本，用于未匹配语言的用户。 hreflang 是多语言站点最容易被忽略的 SEO...

OG 图片用 Next.js 的 next/og 或 ImageResponse 动态生成，效果比静态图片好。1200x630 是标准尺寸，图片上放标题和品牌 logo，社交分享时点击率能提升 30%。 Next.js 15 的 metadata API 比 Pages Router 的 Head...

JSON-LD 是 Google 推荐的结构化数据格式。博客文章用 Article 类型，产品页用 Product + AggregateOffer，FAQ 用 FAQPage。用 Next.js 可以在 Server Component 中直接渲染 script 标签，不需要客户端注入。 Goo...

OG 图片用 Next.js 的 next/og 或 ImageResponse 动态生成，效果比静态图片好。1200x630 是标准尺寸，图片上放标题和品牌 logo，社交分享时点击率能提升 30%。 hreflang 自引用是必须的。每个语言页面必须包含指向自身的 hreflang（如 hre...

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

meta keywords 已经被 Google 完全忽略，不要在 metadata 中配置 keywords 字段。它不仅没有 SEO 价值，还会暴露关键词策略给竞争对手。Bing 也已忽略 meta keywords。 Canonical URL 解决重复内容问题。多语言站点、分页页面、带查询...

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

Next.js ISR 对 SEO 友好，因为输出的是完整 HTML。但要注意：ISR 缓存的页面不能包含用户个性化数据（如 session），否则不同用户看到相同缓存会有安全问题。SSR 输出必须对所有用户相同。 Google 抓取预算对大站很重要。优化方法：① robots.txt 禁止低价值...

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

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

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

OG 图片用 Next.js 的 next/og 或 ImageResponse 动态生成，效果比静态图片好。1200x630 是标准尺寸，图片上放标题和品牌 logo，社交分享时点击率能提升 30%。 Next.js Image 组件自动优化图片格式（WebP/AVIF）、尺寸和懒加载，对 LC...

Google Search Console 验证站点后，第一件事是提交 sitemap.xml。新页面发布后可以用 URL 检查工具主动请求索引，加速收录。但不要频繁提交相同 URL，Google 会降低优先级。 Next.js Image 组件自动优化图片格式（WebP/AVIF）、尺寸和懒加载...

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

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

Google 抓取预算对大站很重要。优化方法：① robots.txt 禁止低价值页面 ② 用 noindex 阻止索引但不阻止抓取 ③ 优化内链结构让重要页面更易到达 ④ 删除或合并薄内容页面 ⑤ 监控 Search Console 的抓取统计。 Google Search Console 的...

Google 索引速度受多种因素影响：域名权重、内链结构、sitemap 提交、社交信号。新站点的页面可能要几天到几周才被索引。加速方法：提交 sitemap、用 URL 检查工具请求索引、在已索引页面中加内链指向新页面。 404 页面的 SEO 处理：返回 404 状态码 + noindex +...