该技能用于编写或审查 HTML 页面的 <head> 元数据,适用于需要完善 SEO、社交分享、性能优化与爬虫控制的网页开发场景。
主要能力:提供快速参考模板,按顺序列出 head 内的必填元素(charset、viewport、title、description、canonical),并分类整理作者与归属、robots 爬虫控制、Open Graph、Twitter Cards、网络性能提示(dns-prefetch、preconnect、preload、prefetch、prerender)、安全(referrer)、移动与 PWA、favicon 等标签写法。同时给出主页、文章、产品页、法律页、搜索结果页、错误页等页面类型的元数据配置建议。
使用方式:可直接复制模板并按页面定制;元数据配置以 JSON 文件定义在 profiles/ 目录,通过 extends 继承其他 profile,并添加 required 与 recommended 数组来自定义。运行 npm run lint:meta 可校验必填元素、元素顺序、内容长度、URL 绝对性与社交图片尺寸。
限制与注意事项:文档指出常见错误包括 charset 未置于首位、Open Graph 使用相对 URL、缺少 viewport、标题与描述重复、标题过长、缺少 canonical,并强调每个页面应有唯一标题与描述。相关技能包括 xhtml-author、performance、security 和 i18n。收费、价格、平台等信息暂未提供。