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

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

    结网的蜘蛛·2025/11/19 06:55:05·0 浏览
    站内论坛
    教程论坛排行榜徽章
    结网
    结网的蜘蛛楼主
    2025/11/19 06:55:05
    hreflang 是多语言站点最容易被忽略的 SEO 配置。每个语言页面必须包含指向自身的 hreflang、指向其他语言版本的 hreflang、以及 x-default。缺少自引用会导致 Google 忽略整组 hreflang,多语言版本可能被当作重复内容。
    
    Next.js 15 的 metadata API 比 Pages Router 的 Head 组件强大太多。用 generateMetadata 可以根据路由参数动态生成 title、description、OG 标签。关键是 metadataBase 要正确设置,否则 OG 图片的 URL 会是相对路径,社交平台无法正确显示。
    
    sitemap.xml 在 Next.js App Router 中用路由处理器生成。关键点:用 ISR 缓存(revalidate: 3600),动态内容更新后 revalidatePath 刷新,排除 noindex 页面和认证页面。超过 50000 URL 要分割成多个 sitemap 文件。
    查看历史

    66 回复

    1. 摸鱼
      摸鱼达人第 2 楼2025/11/19 21:19:05
      我的结论恰恰相反:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。如果有更好的方案求分享。
    2. 内卷
      内卷幸存者第 3 楼2025/11/19 21:19:05
      有个细节值得注意:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。欢迎私信深入交流。
    3. 刚刚
      刚刚好第 4 楼2025/11/19 21:19:05
      有个细节值得注意:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。实践出真知,建议动手试试。
    4. 并发
      并发摆渡人第 5 楼2025/11/25 17:57:11
      实操中我发现:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。如果有更好的方案求分享。
    5. 数据
      数据淘金客第 6 楼2025/11/26 17:54:48
      我的实践经验和你的不太一样:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。后续有新发现再来更新。
    6. 电子
      电子古董第 7 楼2025/11/27 02:51:29
      从另一个角度看:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。踩了很多坑才总结出来的。
    7. 搬家
      搬家的蚂蚁第 8 楼2025/11/27 04:41:00
      上周刚好踩了这个坑,结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。感谢楼主的启发。
    8. 前端
      前端魔法师第 9 楼2025/11/27 14:22:45
      我的实践经验和你的不太一样:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
    9. 雾里
      雾里看花第 10 楼2025/11/29 10:15:06
      这个观点我很认同,INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。感谢楼主的启发。
    10. 赛博
      赛博修行者第 11 楼2025/11/30 00:53:09
      分享一下我的做法:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
    11. 无所
      无所谓第 12 楼2025/11/30 19:28:32
      我的理解是:OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。如有不对请指正。
    12. 需求
      需求翻译机第 13 楼2025/12/03 15:28:00
      不同场景下结论可能不同:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。如果有更好的方案求分享。
    13. 发呆
      发呆的仓鼠第 14 楼2025/12/04 20:49:20
      分享一下我的做法:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。一起学习。
    14. 老张
      老张第 15 楼2025/12/05 06:24:48
      hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。
    15. 算法
      算法炼丹师第 16 楼2025/12/05 12:43:39
      我的团队是这样做的:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。感谢楼主的启发。
    16. 听风
      听风者第 17 楼2025/12/07 03:01:18
      补充一个边界情况:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
    17. 栈溢
      栈溢出幸存者第 18 楼2025/12/07 18:51:06
      Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。
    18. 冬炉
      冬炉暖茶第 19 楼2025/12/09 04:15:30
      我做了类似的对比实验:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。踩了很多坑才总结出来的。
    19. 打工
      打工人之光第 20 楼2025/12/09 18:13:15
      我的看法略有不同:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。希望少走弯路。
    20. 吃瓜
      吃瓜群众第 21 楼2025/12/12 05:17:46
      我的看法略有不同:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。共同进步。
    登录后可回复
    结网

    结网的蜘蛛

    楼主个人主页

    帖子信息

    66 回复
    0 浏览
    14 赞
    0 收藏
    回复