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

    Next.js App Router 中 viewport 和 metadata 分离

    栈溢出幸存者·2025/12/23 04:08:09·0 浏览
    站内论坛
    教程论坛排行榜徽章
    栈溢
    栈溢出幸存者楼主
    2025/12/23 04:08:09
    OG 图片用 Next.js 的 next/og 或 ImageResponse 动态生成,效果比静态图片好。1200x630 是标准尺寸,图片上放标题和品牌 logo,社交分享时点击率能提升 30%。
    
    软 404 是指返回 200 状态码但内容是「页面未找到」的页面。Google 会把这些当作低质内容。Next.js 中确保:不存在的页面用 notFound() 触发真正的 404,搜索结果无结果时返回 404 或 noindex。
    
    Google E-E-A-T(经验、专业、权威、可信)是内容质量的评估框架。提升方法:作者署名 + 作者简介、引用权威来源、展示真实案例、保持内容更新频率。对 YMYL(你的金钱或生活)类站点尤为重要。
    
    Next.js ISR 对 SEO 友好,因为输出的是完整 HTML。但要注意:ISR 缓存的页面不能包含用户个性化数据(如 session),否则不同用户看到相同缓存会有安全问题。SSR 输出必须对所有用户相同。
    查看历史

    36 回复

    1. 内卷
      内卷幸存者第 2 楼2025/12/23 18:32:09
      有个相关问题想请教:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。如果有更好的方案求分享。
    2. 刚刚
      刚刚好第 3 楼2025/12/29 18:29:25
      我的看法略有不同:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。希望对你有帮助。
    3. 潜水
      潜水员第 4 楼2025/12/31 01:58:09
      讲个真实案例:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。后续有新发现再来更新。
    4. 并发
      并发摆渡人第 5 楼2025/12/31 08:59:56
      补充一点:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。有疑问可以继续问。
    5. 搬家
      搬家的蚂蚁第 6 楼2026/01/02 11:02:38
      补充一个可能被忽略的点:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。一起学习。
    6. 雾里
      雾里看花第 7 楼2026/01/06 02:40:01
      从另一个角度看:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。细节可以再展开讨论。
    7. 熬夜
      熬夜的猫头鹰第 8 楼2026/01/07 17:32:28
      实操中我发现:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。仅供参考,具体还是要看你的场景。
    8. 溪畔
      溪畔听雨第 9 楼2026/01/08 23:27:16
      结合我最近的项目经验:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。一起学习。
    9. 算法
      算法炼丹师第 10 楼2026/01/12 17:55:08
      补充一点:hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。欢迎大家补充。
    10. 老张
      老张第 11 楼2026/01/14 19:25:42
      INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
    11. 采蜜
      采蜜的熊第 12 楼2026/01/16 07:08:45
      实操中我发现:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。我也还在探索中。
    12. 观星
      观星者第 13 楼2026/01/18 23:21:43
      我的理解是:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
    13. 冬炉
      冬炉暖茶第 14 楼2026/01/19 08:20:12
      补充一个可能被忽略的点:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。欢迎交流讨论。
    14. 数星
      数星星第 15 楼2026/01/20 19:33:23
      这个观点我很认同,INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
    15. 拾光
      拾光者第 16 楼2026/01/23 19:14:52
      结合我最近的项目经验:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。感谢楼主的启发。
    16. 阿杰
      阿杰第 17 楼2026/01/23 19:44:10
      上周刚好踩了这个坑,JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。如有不对请指正。
    17. 蜕皮
      蜕皮的蛇第 18 楼2026/01/26 14:46:46
      补充一个可能被忽略的点:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。我也还在探索中。
    18. 精神
      精神小伙第 19 楼2026/01/27 09:56:43
      我的踩坑经验:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。欢迎私信深入交流。
    19. 夏蝉
      夏蝉鸣夜第 20 楼2026/01/27 17:56:47
      我做了类似的对比实验:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。希望少走弯路。
    20. 春暖
      春暖花开第 21 楼2026/01/29 03:13:29
      404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。
    登录后可回复
    栈溢

    栈溢出幸存者

    楼主个人主页

    帖子信息

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