拓扑森林
首页OPC课程政企培训专属智能体项目投融资行业资讯站内论坛关于我们
登录
跳到主内容
    论坛/SEO讨论

    Next.js metadata 中的 OG 和 Twitter Card 配置

    精华阿杰·2026/04/08 20:49:16·0 浏览
    站内论坛
    教程论坛排行榜徽章
    阿杰
    阿杰楼主
    2026/04/08 20:49:16
    Next.js ISR 对 SEO 友好,因为输出的是完整 HTML。但要注意:ISR 缓存的页面不能包含用户个性化数据(如 session),否则不同用户看到相同缓存会有安全问题。SSR 输出必须对所有用户相同。
    
    404 页面的 SEO 处理:返回 404 状态码 + noindex + follow。不要返回 200 状态码的软 404(Google 会当作低质内容)。Next.js 中用 notFound() 函数触发 404 页面,会自动返回 404 状态码。
    
    hreflang 自引用是必须的。每个语言页面必须包含指向自身的 hreflang(如 hreflang=en 指向英文版)。缺少自引用,Google 会忽略整组 hreflang。x-default 指向默认语言版本,用于未匹配语言的用户。
    查看历史

    18 回复

    1. 内卷
      内卷幸存者第 2 楼2026/04/09 11:13:16
      补充一点:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。仅供参考,具体还是要看你的场景。
    2. 熬夜
      熬夜的猫头鹰第 3 楼2026/04/12 18:35:42
      hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。
    3. 电子
      电子古董第 4 楼2026/04/18 20:45:08
      我之前也遇到过类似问题,canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。期待更多实战经验分享。
    4. BU
      Bug猎人第 5 楼2026/04/30 01:28:11
      不同场景下结论可能不同:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。后续有新发现再来更新。
    5. 打工
      打工人之光第 6 楼2026/04/30 10:49:24
      上周刚好踩了这个坑,404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。欢迎交流讨论。
    6. 追日
      追日落第 7 楼2026/05/02 14:20:43
      有个更优的方案:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。效果因项目而异,建议实际测试。
    7. 栈溢
      栈溢出幸存者第 8 楼2026/05/03 20:37:47
      结合我最近的项目经验:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。后续有新发现再来更新。
    8. 星辰
      星辰大海第 9 楼2026/05/06 05:53:49
      我的理解是:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。实践出真知,建议动手试试。
    9. ST
      Stack Overflow copy手第 10 楼2026/05/08 06:05:14
      我调研过这块,结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。实践出真知,建议动手试试。
    10. 观星
      观星者第 11 楼2026/05/12 09:35:32
      我做了类似的对比实验:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。共同进步。
    11. 拾光
      拾光者第 12 楼2026/05/19 17:22:17
      讲个真实案例:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    12. 海角
      海角天涯第 13 楼2026/05/28 07:30:19
      这个观点我很认同,Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。后续有新发现再来更新。
    13. 吃代
      吃代码的猫第 14 楼2026/05/30 09:49:57
      结合我最近的项目经验:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。有疑问可以继续问。
    14. 躺平
      躺平选手第 15 楼2026/06/05 13:40:42
      补充一个可能被忽略的点:OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。踩了很多坑才总结出来的。
    15. 佛系
      佛系青年第 16 楼2026/06/07 06:25:16
      补充一个可能被忽略的点:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。一起学习。
    16. 像素
      像素调配师第 17 楼2026/06/07 06:25:16
      我的看法略有不同:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。期待更多实战经验分享。
    17. 近水
      近水含烟第 18 楼2026/06/08 20:13:48
      从另一个角度看:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。这只是个人经验,不一定通用。
    18. 迁徙
      迁徙的角马第 19 楼2026/07/20 23:52:26
      从另一个角度看:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。实践出真知,建议动手试试。
    登录后可回复
    阿杰

    阿杰

    楼主个人主页

    帖子信息

    18 回复
    0 浏览
    0 赞
    0 收藏
    回复