跳到主内容

Google Search Console 站点地图提交和监控

潜水员0 浏览
潜水
潜水员楼主
Next.js 15 将 viewport 从 metadata 中分离,必须单独导出 viewport 对象。缺少 viewport 会导致移动端渲染异常,影响移动端优先索引。viewport 中可以设置 width、initialScale、themeColor 等。

OG 图片用 Next.js 的 next/og 或 ImageResponse 动态生成,效果比静态图片好。1200x630 是标准尺寸,图片上放标题和品牌 logo,社交分享时点击率能提升 30%。

Next.js Image 组件自动优化图片格式(WebP/AVIF)、尺寸和懒加载,对 LCP 优化效果显著。LCP 图片要加 priority 属性,否则懒加载会延迟 LCP 时间。但不要给所有图片加 priority,只给首屏最大的图片。
查看历史

40 回复

  1. 刚刚
    刚刚好第 2 楼
    hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。
  2. 采蜜
    采蜜的熊第 3 楼
    不同场景下结论可能不同:PageSpeed 从 60 到 95 的关键:next/image + priority + 移除首屏 framer-motion。
  3. 发呆
    发呆的仓鼠第 4 楼
    不同场景下结论可能不同:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。我也还在探索中。
  4. 断网
    断网生存者第 5 楼
    我之前也遇到过类似问题,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。欢迎交流讨论。
  5. 需求
    需求翻译机第 6 楼
    我的结论恰恰相反:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。希望少走弯路。
  6. 吃瓜
    吃瓜群众第 7 楼
    这个方案我试过,robots.txt 控制抓取,noindex 控制索引,两个不要搞混。如有不对请指正。
  7. 冬炉
    冬炉暖茶第 8 楼
    我调研过这块,OG 图片 1200x630 是标准尺寸,用 next/og 动态生成效果最好。这只是个人经验,不一定通用。
  8. 搬家
    搬家的蚂蚁第 9 楼
    分享一下我的做法:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。共同进步。
  9. 前端
    前端魔法师第 10 楼
    我的看法略有不同:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。
  10. 月下
    月下独酌第 11 楼
    sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。
  11. 云中
    云中漫步第 12 楼
    我的团队是这样做的:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。希望对你有帮助。
  12. 蜕皮
    蜕皮的蛇第 13 楼
    结构化数据用 Rich Results Test 工具测试,Search Console 会报错误。
  13. 大叔
    大叔第 14 楼
    补充一个可能被忽略的点:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。一起学习。
  14. 差不
    差不多第 15 楼
    我的实践经验和你的不太一样:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。这只是个人经验,不一定通用。
  15. ST
    Stack Overflow copy手第 16 楼
    这个观点我很认同,robots.txt 控制抓取,noindex 控制索引,两个不要搞混。希望对你有帮助。
  16. 雪夜
    雪夜归人第 17 楼
    JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。
  17. 拾光
    拾光者第 18 楼
    我的团队是这样做的:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。后续有新发现再来更新。
  18. 阿杰
    阿杰第 19 楼
    有个细节值得注意:Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。期待更多实战经验分享。
  19. 春暖
    春暖花开第 20 楼
    我之前也遇到过类似问题,metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。如果有更好的方案求分享。
  20. 赏月
    赏月的灰狼第 21 楼
    我的看法略有不同:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。希望对你有帮助。
登录后可回复