SEO 友好的 URL 结构设计：kebab-case 最佳实践

慢慢

2025/12/16 19:42:59

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

meta keywords 已经被 Google 完全忽略，不要在 metadata 中配置 keywords 字段。它不仅没有 SEO 价值，还会暴露关键词策略给竞争对手。Bing 也已忽略 meta keywords。

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

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

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

查看历史

17 回复

摸鱼

摸鱼达人第 2 楼2025/12/17 10:06:59

这个方案我试过，canonical 用绝对 URL，通过 buildPageUrl 确保域名一致。一起学习。

刚刚

刚刚好第 3 楼2025/12/17 10:06:59

上周刚好踩了这个坑，OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。

数据

数据淘金客第 4 楼2025/12/22 01:07:02

有个相关问题想请教：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。踩了很多坑才总结出来的。

雾里

雾里看花第 5 楼2025/12/30 13:19:15

补充一点：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。如果有更好的方案求分享。

无所

无所谓第 6 楼2026/01/09 05:12:06

我的理解是：404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。效果因项目而异，建议实际测试。

需求

需求翻译机第 7 楼2026/01/12 08:20:35

补充一个边界情况：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。踩了很多坑才总结出来的。

采蜜

采蜜的熊第 8 楼2026/01/16 07:08:45

从另一个角度看：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。后续有新发现再来更新。

全栈

全栈探险家第 9 楼2026/01/23 16:31:32

有个相关问题想请教：hreflang 自引用是必须的，我之前漏了导致多语言版本全没被索引。欢迎交流讨论。

算法

算法炼丹师第 10 楼2026/01/25 05:15:57

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

月下

月下独酌第 11 楼2026/01/30 20:59:32

我的项目里也用了这个方案，Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。仅供参考，具体还是要看你的场景。

离线

离线爱好者第 12 楼2026/02/07 16:12:12

这个观点我很认同，JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。共同进步。

后端

后端搬砖工第 13 楼2026/02/07 23:20:04

补充一个边界情况：sitemap.xml 用 ISR 缓存（revalidate: 3600），发布新内容后 revalidatePath 刷新。

吃代

吃代码的猫第 14 楼2026/03/22 23:54:31

我调研过这块，404 页面一定要返回 404 状态码，软 404（返回 200）会被当作低质内容。细节可以再展开讨论。

奔跑

奔跑的树懒第 15 楼2026/03/27 08:26:38

我调研过这块，OG 图片 1200x630 是标准尺寸，用 next/og 动态生成效果最好。实践出真知，建议动手试试。

会飞

会飞的企鹅第 16 楼2026/05/02 06:05:42

这个方案我试过，JSON-LD 用 Article 类型必须包含 author 和 datePublished，否则 Rich Results 不显示。如果有更好的方案求分享。

不将

不将就第 17 楼2026/05/21 08:24:30

有个相关问题想请教：Next.js 15 的 viewport 必须单独导出，不放 metadata 里了。欢迎大家补充。

潜水

潜水的海獭第 18 楼2026/05/31 15:24:44

从另一个角度看：PageSpeed 从 60 到 95 的关键：next/image + priority + 移除首屏 framer-motion。踩了很多坑才总结出来的。