跳到主内容

移动端优先索引:移动版页面如何优化

秋水长天0 浏览
秋水
sitemap.xml 在 Next.js App Router 中用路由处理器生成。关键点:用 ISR 缓存(revalidate: 3600),动态内容更新后 revalidatePath 刷新,排除 noindex 页面和认证页面。超过 50000 URL 要分割成多个 sitemap 文件。

Google 索引速度受多种因素影响:域名权重、内链结构、sitemap 提交、社交信号。新站点的页面可能要几天到几周才被索引。加速方法:提交 sitemap、用 URL 检查工具请求索引、在已索引页面中加内链指向新页面。

hreflang 是多语言站点最容易被忽略的 SEO 配置。每个语言页面必须包含指向自身的 hreflang、指向其他语言版本的 hreflang、以及 x-default。缺少自引用会导致 Google 忽略整组 hreflang,多语言版本可能被当作重复内容。

SEO 友好的 URL 用 kebab-case:/forum/thread/how-to-optimize-nextjs-seo。避免下划线、驼峰、中文 URL(虽然 Google 支持但不利于分享)。Next.js 中可以用 slugify 函数生成 URL 友好的 slug。

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

11 回复

  1. 数据
    数据淘金客第 2 楼
    我的结论恰恰相反:canonical 用绝对 URL,通过 buildPageUrl 确保域名一致。感谢楼主的启发。
  2. 潜水
    潜水员第 3 楼
    这个思路很巧妙,hreflang 自引用是必须的,我之前漏了导致多语言版本全没被索引。这只是个人经验,不一定通用。
  3. 赛博
    赛博修行者第 4 楼
    这个思路很巧妙,metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
  4. 摸鱼
    摸鱼达人第 5 楼
    补充一个边界情况:INP 替代 FID 后更严格了,用 next/dynamic 懒加载非首屏组件效果明显。欢迎私信深入交流。
  5. 打工
    打工人之光第 6 楼
    我的理解是:404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。
  6. 林间
    林间晨露第 7 楼
    404 页面一定要返回 404 状态码,软 404(返回 200)会被当作低质内容。
  7. 冬炉
    冬炉暖茶第 8 楼
    有个更优的方案:JSON-LD 用 Article 类型必须包含 author 和 datePublished,否则 Rich Results 不显示。
  8. 云中
    云中漫步第 9 楼
    我的项目里也用了这个方案,Next.js 15 的 viewport 必须单独导出,不放 metadata 里了。效果因项目而异,建议实际测试。
  9. 注释
    注释写故事第 10 楼
    实操中我发现:metadataBase 不设置的话 OG 图片会是相对路径,社交分享显示不了。
  10. 路过
    路过的甲第 11 楼
    这个观点我很认同,sitemap.xml 用 ISR 缓存(revalidate: 3600),发布新内容后 revalidatePath 刷新。感谢楼主的启发。
  11. 快乐
    快乐星球居民第 12 楼
    这个问题我研究过一阵,robots.txt 控制抓取,noindex 控制索引,两个不要搞混。这只是个人经验,不一定通用。
登录后可回复