106.9K+下载
跳转到使用指南
Fixing Metadata作者 ibelick

Fixing Metadata Skill.

修复页面标识、索引信号和社交分享预览。

  • 元数据
  • 社交预览
下载 OpenDesign查看使用指南
源文件解读 · fixing-metadataSKILL.md
任务 修复页面标识、索引信号和社交分享预览。 产出 范围内页面的元数据缺陷优先级清单。 开始前的准备 源文件排除无关重构，以及框架或 SEO 库迁移。
编辑摘要 · 源文件核查于 2026-11-02 · 非生成示例

01 功能说明

修复页面标识、索引信号和社交分享预览

检查 canonical URL、robots、标题、社交卡片和 JSON-LD，沿用项目现有机制进行针对性的元数据修复。

基于来源的工作流并非执行基准测试

工作方法

Fixing Metadata 检查页面提供给搜索引擎、社交预览和浏览器界面的信息。它先处理冲突或重复标签，再核对标题、描述、canonical URL 和 Open Graph 标识是否描述同一页面。当页面视觉已完整，却仍分享错误图片或发出不一致的索引指令时，它尤其有用。

源文件优先在项目现有元数据实现中进行局部修复。除了社交卡片，还覆盖图标、manifest、结构化数据和真实的语言替代版本。其验证边界很重要：社交图片即使在本地存在，仍需在真实可访问的 URL 上检查。

预期交付物

  • 范围内页面的元数据缺陷优先级清单。
  • 使用现有框架或 head 管理模式完成的针对性修正。
  • 针对 canonical 标识、索引意图和真实 URL 社交预览的验证记录。
查看示例简报

从简报到审查

  1. 01
    检查页面标识

    查找缺失或冲突的标题、描述、canonical 和 robots 标签。修改指令前，先明确首选 URL 及预期的公开或私有状态。

  2. 02
    修复影响最大的冲突

    删除重复定义，让 canonical 与 og:url 一致。通过项目现有元数据机制设置纯文本描述和稳定的社交图片 URL。

  3. 03
    检查其他展示位置

    对照实际渲染内容检查图标、manifest 和相关 JSON-LD。核实真实的本地化替代版本，再到可访问 URL 检查社交卡片。

02 适用场景

适合什么场景

源文件排除无关重构，以及框架或 SEO 库迁移。

适合的场景

  • 分享预览错误公开页面分享了错误的标题、图片或目标标识。
  • 元数据发布检查新页面发布前需要一致的索引及浏览器元数据。

需要检查的限制

  • 修改聚焦源文件排除无关重构，以及框架或 SEO 库迁移。
  • 有依据的结构化数据结构化数据必须反映真实内容，不能编造评分、价格和组织信息。
  • 预览必须可访问只在 localhost 检查，不能证明外部社交卡片正确渲染。

请提供这些输入

  • 范围内页面提供页面路由及其使用的共享元数据代码。
  • 访问意图明确公开页面、私有区域和 预发布环境路由。
  • 真实资源提供 canonical 目标、分享图片和现有语言替代版本。

03 关键决策

影响结果的关键选择

  1. 统一页面标识

    可以一起核对 canonical 和社交元数据是否存在分歧。

  2. 明确处理顺序

    先解决重复定义和索引冲突，再做影响较小的优化。

  3. 最小化集成

    修复沿用产品既有的元数据归属与管理方式。

04 示例任务

从一份具体的需求开始

以下示例任务说明尚未经过测试。使用前请检查该技能的设置。

查看源文件和环境要求

提供页面路由及其使用的共享元数据代码。

上游源文件
https://github.com/ibelick/ui-skills/blob/4907a526b07943b3a338177558d42fae4fdf0a86/skills/fixing-metadata/SKILL.md

下方链接会打开上游使用说明。使用前请查看仓库的环境配置要求；这不是安装命令。

先完成一项明确的交付物

运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。

示例简报
使用 fixing-metadata 审计产品总览及其本地化版本。检查当前元数据实现和渲染后的 head，找出重复定义。编辑前核对预期 canonical URL、robots 指令、页面标题和 og:url。检查分享图片是否使用绝对 URL，以及语言替代版本是否真实存在。修改仅限元数据，不要添加缺乏依据的 JSON-LD 字段。提供简明问题清单、针对性修复，以及验证社交卡片所用的真实 URL。标明哪些内容只能在本地检查。

检查结果

根据以下可观察标准检查实际输出。

  • 每个页面只输出一套一致的核心标识标签。
  • 结构化数据和语言替代版本与真实页面内容一致。
  • 分享图片 URL 和社交预览已在 localhost 之外验证。

OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置，也不表示其中包含其外部工具、凭据和软件依赖项。

下载 OpenDesign阅读快速入门指南

05 来源与许可证

来源与许可证

本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。

来源所有者
ibelick
仓库
ibelick/ui-skills
技能文件
SKILL.md
许可证
MIT
已审查的快照
2026-11-02 · 4907a526b079
编辑来源摘要
修复页面标识、索引信号和社交分享预览。

由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标，并不代表技能使用量或质量评分。

06 开始前的问题

开始前可能想问

它会迁移我们的 SEO 库吗？

源文件要求保留现有元数据模式，除非明确提出迁移。

每个页面都应该添加 JSON-LD 吗？

只有合适的 schema 能明确对应实际渲染内容时才添加。

如何处理 预发布环境页面？

源文件建议在可行时为预览设置 noindex，同时确保指令符合真实访问意图。

OpenDesign

让需求和设计工作保存在一起。

将简报、来源材料和设计工作集中保存在本地工作区中。将该技能添加到工作流程前，请检查其自身的设置说明。

下载 OpenDesign浏览设计技能
上游源文件
https://github.com/ibelick/ui-skills/blob/4907a526b07943b3a338177558d42fae4fdf0a86/skills/fixing-metadata/SKILL.md