Sanity

Sanity 是可定制的内容平台，数据以结构化文档存放，编辑界面（Studio）由前端代码组装，内容通过查询接口取用^[1]。它的特色是把编辑器本身也交给开发者写，字段类型与校验可以自定义。

内容在它这里，页面不在

SEO 需要的 HTML 由消费端生成，Sanity 提供的是数据与资源接口。渲染方式、标题与语义结构、站点地图与 robots 全在前端侧，这与其他无头方案一致^[2]。

定制带来的两个好处

字段级校验。把 SEO 标题与描述、slug、分享图定义成必填或有长度约束的字段，录入阶段就能挡住缺项^[1]。

带参数的图片接口。资源 URL 可以按需拼出尺寸、裁剪与格式，前端按这些参数产出响应式图片，图片要能被理解仍需替代文本^[3]。

协作与发布

它的草稿与实时订阅适合边写边看的流程，落到搜索上有两条要处理：预览环境不可被索引；内容发布后要触发前端重新构建或增量再生成^[2][4]。

地址由 slug 决定，改 slug 时前端路由与旧地址跳转要一起改^[5]。

常见误用

第一种是把 Studio 当站点用，前台缺失或只用客户端渲染，内容对索引不可见^[2]。第二种是字段设计时没预留 SEO 位，后期只能改表补字段。第三种是图片只给原图，前端不做尺寸与格式协商^[3]。

附录

参见

• 无头 CMS
• Contentful
• Strapi
• Directus
• 静态站点生成器
• 图片 alt

参考资料

官方（境外）

1. 《Sanity 文档》，Sanity。
2. 《JavaScript SEO 基础知识》，Google 搜索中心。
3. 《Google 图片 SEO 最佳实践》，Google 搜索中心。
4. 《了解站点地图》，Google 搜索中心。
5. 《规范网址与重复内容的处理》，Google 搜索中心。

外部链接

• Sanity Image URL 参数，Sanity。