跳到主内容

SEO 友好的分页 URL：?page=2 还是 /page/2

听风者293 浏览
听风
听风者楼主
软 404 是指返回 200 状态码但内容是「页面未找到」的页面。Google 会把这些当作低质内容。Next.js 中确保：不存在的页面用 notFound() 触发真正的 404，搜索结果无结果时返回 404 或 noindex。

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

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

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

hreflang 是多语言站点最容易被忽略的 SEO 配置。每个语言页面必须包含指向自身的 hreflang、指向其他语言版本的 hreflang、以及 x-default。缺少自引用会导致 Google 忽略整组 hreflang，多语言版本可能被当作重复内容。
SEO
查看历史

11 回复

  1. CH
    Chloe Bennett第 2 楼
    补充一个可能被忽略的点：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。
  2. 发呆
    发呆的仓鼠第 3 楼
    有个更优的方案：canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。细节可以再展开讨论。
  3. DI
    Diego Ramos第 4 楼
    有个相关问题想请教：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。效果因项目而异，建议实际测试。
  4. 社恐
    社恐患者第 5 楼
    补充一点：结构化数据用 Rich Results Test 工具测试，Search Console 会报错误。这只是个人经验，不一定通用。
  5. BU
    Budi Santoso第 6 楼
    PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。
  6. 离线
    离线爱好者第 7 楼
    这个问题我研究过一阵，OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。
  7. 摸鱼
    摸鱼的锦鲤第 8 楼
    说个反直觉的发现：OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。共同进步。
  8. 暮色
    暮色苍茫第 9 楼
    说说我自己的经历：INP 替代 FID 后更严格了，用 next/dynamic 懒加载非首屏组件效果明显。如有不对请指正。
  9. 会飞
    会飞的企鹅第 10 楼
    上周刚好踩了这个坑，robots.txt 控制抓取，noindex 控制索引，两个不要搞混。实践出真知，建议动手试试。
  10. 回滚
    回滚艺术家第 11 楼
    这个观点我很认同，canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。踩了很多坑才总结出来的。
  11. AN
    Anwar Hidayat第 12 楼
    说说我自己的经历：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。仅供参考，具体还是要看你的场景。
登录后可回复
    数据正在加载中…