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

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

    冬炉暖茶·2025/10/14 10:22:35·0 浏览
    站内论坛
    教程论坛排行榜徽章
    冬炉
    冬炉暖茶楼主
    2025/10/14 10:22:35
    metadataBase 是 Next.js 15 metadata 的基础 URL 设置。所有相对路径的 OG 图片、canonical URL 都会基于 metadataBase 生成绝对 URL。如果没设置,OG 图片可能显示为相对路径,社交平台无法正确显示。
    
    Google 抓取预算对大站很重要。优化方法:① robots.txt 禁止低价值页面 ② 用 noindex 阻止索引但不阻止抓取 ③ 优化内链结构让重要页面更易到达 ④ 删除或合并薄内容页面 ⑤ 监控 Search Console 的抓取统计。
    
    404 页面的 SEO 处理:返回 404 状态码 + noindex + follow。不要返回 200 状态码的软 404(Google 会当作低质内容)。Next.js 中用 notFound() 函数触发 404 页面,会自动返回 404 状态码。
    
    Schema.org 类型选择:博客文章用 Article(必须有 author/datePublished),产品页用 Product + AggregateOffer(不要用 Offer + price:0),FAQ 用 FAQPage(必须有 Question/Answer 数组)。选错类型会导致 Rich Results 不显示。
    
    PageSpeed 优化记录:我的站点从 60 分到 95 分花了三周。关键改动:① 图片用 next/image + priority ② 移除首屏 framer-motion 改用 CSS 动画 ③ 非首屏组件 next/dynamic 懒加载 ④ 字体用 next/font ⑤ 第三方脚本延迟加载。
    查看历史

    53 回复

    1. 刚刚
      刚刚好第 2 楼2025/10/15 00:46:35
      说说我自己的经历:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。期待更多实战经验分享。
    2. 并发
      并发摆渡人第 3 楼2025/10/15 00:46:35
      这个方案我试过,robots.txt 控制抓取,noindex 控制索引,两个不要搞混。希望少走弯路。
    3. 内卷
      内卷幸存者第 4 楼2025/10/15 00:46:35
      我的踩坑经验:结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。
    4. 潜水
      潜水员第 5 楼2025/10/15 00:46:35
      我之前也遇到过类似问题,PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    5. 赛博
      赛博修行者第 6 楼2025/10/15 01:28:36
      我之前也遇到过类似问题,JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。感谢楼主的启发。
    6. 前端
      前端魔法师第 7 楼2025/10/21 07:02:52
      我的看法略有不同:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。希望对你有帮助。
    7. 需求
      需求翻译机第 8 楼2025/10/24 05:16:34
      我的看法略有不同:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。我也还在探索中。
    8. 电子
      电子古董第 9 楼2025/10/25 00:36:46
      实操中我发现:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。踩了很多坑才总结出来的。
    9. 听风
      听风者第 10 楼2025/10/27 22:38:56
      metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
    10. 无所
      无所谓第 11 楼2025/10/29 04:34:57
      有个相关问题想请教:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。欢迎交流讨论。
    11. 老张
      老张第 12 楼2025/10/29 16:07:22
      上周刚好踩了这个坑,canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。如有不对请指正。
    12. 打盹
      打盹的考拉第 13 楼2025/10/29 19:29:07
      我的实践经验和你的不太一样:robots.txt 控制抓取,noindex 控制索引,两个不要搞混。希望对你有帮助。
    13. 雾里
      雾里看花第 14 楼2025/11/01 08:20:40
      结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。
    14. 吃瓜
      吃瓜群众第 15 楼2025/11/03 13:22:22
      讲个真实案例:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。我也还在探索中。
    15. 栈溢
      栈溢出幸存者第 16 楼2025/11/04 23:56:39
      我做了类似的对比实验:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。细节可以再展开讨论。
    16. 发呆
      发呆的仓鼠第 17 楼2025/11/08 07:34:54
      有个细节值得注意:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
    17. CT
      Ctrl+C工程师第 18 楼2025/11/08 18:51:13
      讲个真实案例:sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。希望对你有帮助。
    18. BU
      Bug猎人第 19 楼2025/11/10 07:24:40
      sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。
    19. 快乐
      快乐的水豚第 20 楼2025/11/10 11:39:38
      robots.txt 控制抓取,noindex 控制索引,两个不要搞混。
    20. 阿杰
      阿杰第 21 楼2025/11/13 07:30:14
      这个观点我很认同,JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。实践出真知,建议动手试试。
    登录后可回复
    冬炉

    冬炉暖茶

    楼主个人主页

    帖子信息

    53 回复
    0 浏览
    15 赞
    0 收藏
    回复