网页SEO与社交分享元数据修复

该能力专为网页前端与SEO优化设计，覆盖网页HTML头部元数据的全流程审计与规范修复。重点排查页面标题与描述缺失、重复标签定义、Canonical规范链接与robots索引冲突等关键问题，解决链接在微信、Twitter、Facebook等平台分享时封面图无法加载或卡片信息截断的痛点；同时规范化处理Favicon图标、多语言hreflang配置以及Schema.org JSON-LD结构化数据，严格限定只对元数据进行最小范围的代码改动，保障网站展示稳定性与搜索引擎友好度。

它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。

常见场景

它能帮你做什么？

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么，或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“检查我这个 Next.js 详情页代码中的 generateMetadata 函数，解决 Twitter 卡片和 og:image 因相对路径导致分享时不显示封面图的问题。”

“审查这组营销落地页的 HTML head 标签，移除重复的 meta description，并统一配置指向生产主站的 canonical URL 和 robots 索引指令。”

“为网站产品主页编写一套规范的 HTML 头部元数据，包含 Open Graph 规范、apple-touch-icon、theme-color 以及 Organization 类型的 JSON-LD 结构化数据。”

适用人群

适合谁？

前端开发工程师独立全栈开发者网站运营人员技术SEO优化师

上手门槛

使用难度

进阶

需要了解任务流程，页面已整理好使用步骤。

兼容范围

支持哪些 AI？

Codex可直接使用

Claude Code可直接使用

OpenClaw可直接使用

Hermes可直接使用

国内 Agent可直接使用

中文用户增强

Skill Px 做了什么？

中文说明简化使用方式补充中文案例整理安装流程降低理解难度

网页SEO与社交分享元数据修复.Skill