1. 用 Metadata API，别手写 head
export const metadata = { title: { default: 'WebTagr', template: '%s | WebTagr' }, description: '...', openGraph: { images: ['/og.png'] } }2. sitemap.ts + robots.ts 自动化
用 app/sitemap.ts，每次构建自动更新 lastmod。
3. OG 图 1200×630，文字居中安全区
标题 48px 加粗，主色渐变，底部留 40px 边距。
4. canonical + hreflang
多语言必加 canonical 与 hreflang，避免重复。
→ 照着 WebTagr 实现抄，12项全绿即可提交 GSC。
5. OG / Twitter 一次配齐
openGraph 与 twitter 共用同一套图片（1200×630），title/description 与 metadata 保持一致，避免分享出去标题错位。
6. JSON-LD：让搜索引擎读懂你
文章页加 Article，工具页加 WebPage + FAQPage。写完去 GSC 富媒体报告验证，错误清零再收尾。
7. 性能三件套
字体 display:swap + 预加载、图片 AVIF 多尺寸、静态资源边缘长缓存。本站用这套做到 LCP 0.9s。
8. 发布前检查清单
- 标题 30–60 字、描述 120–160 字
- canonical 自引用且为绝对地址
- sitemap/robots 已提交 GSC
- OG 大图真实可访问
- 真机看一次 SERP 与分享卡片
相关工具：Meta 生成器 · OG 预览 · 相关阅读：Sitemap 指南