SuperAPI AI 工具集

seo-meta-tags

营销与增长

查看项目

更新于 10-15 21:09

技能介绍

用途:为静态 HTML、Next.js 13+ App Router、Vite(React 与 Vue)三类项目提供生产级 SEO 与社交元数据样板与组件库。

主要能力:按框架提供参考文件(references/html.md、references/nextjs.md、references/vite.md),覆盖八类元数据:基础标签(title、description、keywords、author、robots、canonical、viewport)、Open Graph、Twitter Cards、主题色(含明暗媒体查询)、图标与 manifest、JSON-LD 结构化数据、hreflang 国际化、性能提示(preconnect、dns-prefetch)。样板使用 {{PLACEHOLDER_NAME}} 占位符,需全部替换。

使用方式:先按目标框架选择对应参考文件,再判断动作类型——从零创建则复制样板并替换占位符;更新则保留结构只改值并核对各标签族一致性;审计则按质量门检查;迁移则对照源与目标参考映射字段。完成后运行质量门:无残留占位符、URL 为绝对地址、图片有 alt、无重复标签、标题 60 字符内、描述 150-160 字符、JSON-LD 合法、OG 与 Twitter 对齐、canonical 一致、主题色含明暗变体、hreflang 含 x-default、robots 默认允许索引。

适用场景:新建或维护站点元数据、跨框架迁移(react-helmet、vue-meta、next-seo、Pages Router Head 到 App Router)、部署后使用 Facebook Sharing Debugger、Twitter Card Validator、Schema Markup Validator 等工具验证。

限制:资料未提供具体安装命令、版本要求、收费或效果数据;图片规格与常见错误清单为文档给出的建议,实际表现取决于部署环境。