做 Next.js 项目,SEO 基础只需两个文件:
- robots.ts → 控制爬虫行为,告诉搜索引擎哪些页面可以抓
- sitemap.ts → 给搜索引擎一张完整的页面地图
放在 app/ 目录下,自动生成 /robots.txt 和 /sitemap.xml,零配置。
但 SEO 地基打好之后,还有几件事值得做:
- generateMetadata() → 每个页面动态注入 title / description
- OG 图片(opengraph-image.tsx)→ 社交分享时的第一印象
- 结构化数据(JSON-LD)→ 让 Google 读懂你的内容类型
- 页面加载速度 → Core Web Vitals 直接影响排名
大多数人卡在"页面做好了但没流量", 根本原因是这些基础从没认真配过。