VibeMKT Hub

Codex × SEO 与 GEO · 可处理 6/6 个环节

Codex × 网站面包屑导航设计 Skill

网站面包屑导航设计 Skill有 6 个执行步骤，Codex 可以处理 6 步，其中 2 步需要相应工具与配置。它能直接读取本机目录里的资料，正好对应这个 Skill 里最吃工具的一段。页面预览属于有条件支持，执行路径和原生能力不同，下面单独说明。

  • 6个核心环节
  • 6/6当前可处理的环节
  • 未进前十在本 Agent 的推荐清单

WHY CODEX

适配结论

Codex 适合在网站仓库中把面包屑方案落实到路由数据、组件、JSON-LD 和自动检查

网站面包屑导航设计 Skill可以作为独立任务在 Codex 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。

Codex 适合在网站仓库中把面包屑方案落实到路由数据、组件、JSON-LD 和自动检查。它可以先读取项目规则与代表页面，提出文件级修改计划；获得授权后修订指定文件，运行构建和测试，并交付代码差异、HTML 对照与仍需人工确认的路径。

CAPABILITY × STEP

核心差异

从路由数据改到组件、JSON-LD 和构建检查

网站面包屑导航设计 Skill 共 6 个环节。Codex 可以处理 6 个环节，其中 2 个需要相应工具与配置。实际结果取决于输入资料、已接入工具与运行环境。

6个核心环节
6当前可处理的环节
2个需要工具与配置
无需要团队补充
Codex 跑 网站面包屑导航设计 Skill 的逐步对照 · 每步要做什么见 网站面包屑导航设计 Skill原生页面
步骤所需能力等级在 Codex 下具体怎么做
01 盘点页面类型与真实层级 读本地资料 直接执行 直接交给 Codex：它能直接读取本机目录里的资料。
02 选择位置型或属性型路径 纯判断 任意 Agent 纯判断步骤，任何 Agent 都一样，取决于你给的资料质量。
03 为多分类页面确定主面包屑路径 读本地资料 直接执行 直接交给 Codex：它能直接读取本机目录里的资料。
04 整理标签、链接与末项状态 读本地资料写本地文件 直接执行 直接交给 Codex：它能直接读取本机目录里的资料。
05 处理手机长路径与可访问性 写本地文件页面预览 有条件 可以做但有条件：Codex 对页面预览的支持有限制。
06 核对可见导航与 BreadcrumbList 读本地资料页面预览 有条件 可以做但有条件：Codex 对页面预览的支持有限制。

面包屑通常同时依赖内容数据、路由、模板和结构化数据，修一处容易漏掉另一处。Codex 可以画出这些文件的引用关系，先用代表页面确认主面包屑路径，再让可见组件和 BreadcrumbList 共用同一份层级数据，最后从构建 HTML 回查名称、链接和 position。

  1. 01

    盘点页面类型与真实层级

    读取路由、内容数据和现有组件，按页面族列出真实层级与异常样本。

  2. 02

    确定面包屑类型和主路径

    为位置型或属性型路径建立数据规则，多分类页面保留待负责人确认的主面包屑路径和例外。

  3. 03

    整理标签、链接与组件规则

    先给出文件级计划；获准后让标签、上级链接、末项状态和移动端规则进入指定组件与数据源。

  4. 04

    核对可见导航和 BreadcrumbList

    运行项目已有构建与测试，解析代表 HTML，比较名称、顺序和 position；对中间层级再比对可见链接和 item 的绝对 URL，并整理差异。

IMPORT · RUN

资料导入与任务下发

安装 Skill 并限定网站工作区

Codex可以直接读取目录里的资料，把这些文件放在同一个位置即可。

需要准备的资料

  • 目标页面清单、页面类型、公开 URL、页面标题和当前面包屑截图或代码
  • 网站分类、栏目、产品属性或文档章节的层级关系，以及首页和分类页的规范地址
  • 存在多分类、多语言、旧路径、筛选参数或深层目录时，已经确认的主面包屑路径与栏目归属
  • 现有模板或组件、BreadcrumbList 输出方式、手机宽度、触控区域、文字对比度与读屏检查要求

在 Codex 里是这样推进的

把调研资料、数据表、网站文件和品牌规范放进 Codex 工作区，并说明最终要报告、表格、网页还是演示稿。

它可以同时读取 Skill 和项目文件，调用脚本或已连接的应用，把市场研究继续制作成可以直接交付的文件。

把技能目录复制到 Codex Skills 目录，提供仓库路径、目标路由、允许修改的文件、构建命令和代表页面。

COLLABORATE · CHAIN

协作与后续衔接

路径归属先确认，代码随后修改

内容和 SEO 负责人先确认主面包屑路径，Codex 在获准文件内实现并输出差异，开发负责人完成预览和上线确认。

路径表、组件修改和 HTML 回读连成一项任务

先生成路径映射，再将其用于组件与 JSON-LD，构建后的 HTML 和检查报告回到同一任务核对。

COMBINATION CASE

场景化实战案例

示例：修订 Astro 内容站的面包屑

假设文章页从路由生成可见面包屑，JSON-LD 由另一份旧配置生成，多分类文章因此出现标签和 URL 不一致。

  1. 读取路由和内容数据
  2. 确定代表文章主面包屑路径
  3. 提出文件级修改计划
  4. 获准后统一组件与 JSON-LD 数据
  5. 构建并解析代表 HTML

预期结果：交付代码差异、路径映射和构建检查结果；多分类归属、正式发布和搜索展示仍由负责人决定。

VERIFY · TROUBLESHOOT

效果验证方法

随机抽查代表页面，确认标题、可见路径和 JSON-LD 来自同一层级数据；未实际运行的检查继续标为待完成

随机抽查代表页面，确认标题、可见路径和 JSON-LD 来自同一层级数据；未实际运行的检查继续标为待完成。

可直接使用的第一个任务

请在 Codex 中使用「网站面包屑导航设计 Skill」。本次要完成：博客文章同时出现在多个专题中，不同入口生成了不同的面包屑路径。我会提供目标页面清单、页面类型、公开 URL、页面标题和当前面包屑截图或代码和网站分类、栏目、产品属性或文档章节的层级关系，以及首页和分类页的规范地址。请先完成一份小样，交付面包屑路径表：逐类页面列出层级、标签、目标 URL、链接状态和主面包屑路径和组件规格：位置、分隔符、末项状态、长路径处理、手机显示与可访问性要求，并列出需要我确认的金额、日期、适用人群和目标链接。

安装后的最小验证任务

安装完成后，先只做第 1 步：让 Codex 盘点页面类型与真实层级，并把它直接读取本机目录里的资料的过程说出来。这一步是只读的，能确认 Skill 已被识别，也能确认它拿得到需要的资料。

Codex 常见问题

  • 找不到资料时，提供工作区内的准确文件名
  • 只给了分析结论时，补充你需要的文件类型和保存位置
  • 需要外部数据时，先连接对应应用或提供数据文件
  • 页面预览相关步骤结果不稳定时，先确认当前环境是否满足条件
Codex 跑网站面包屑导航设计 Skill需要改哪几步？

6 个环节里有 6 个可以处理，其中 2 个需要相应工具与配置。请结合逐步说明确认实际做法。

资料要怎么交给 Codex？

Codex可以直接读取目录里的资料，把这些文件放在同一个位置即可。

装完先做什么验证？

安装完成后，先只做第 1 步：让 Codex 盘点页面类型与真实层级，并把它直接读取本机目录里的资料的过程说出来。这一步是只读的，能确认 Skill 已被识别，也能确认它拿得到需要的资料。

什么任务更适合选 Codex？

Codex 适合在网站仓库中把面包屑方案落实到路由数据、组件、JSON-LD 和自动检查。它可以先读取项目规则与代表页面，提出文件级修改计划；获得授权后修订指定文件，运行构建和测试，并交付代码差异、HTML 对照与仍需人工确认的路径。

Codex 常见的失败情况有哪些？

找不到资料时，提供工作区内的准确文件名；只给了分析结论时，补充你需要的文件类型和保存位置；需要外部数据时，先连接对应应用或提供数据文件。

先改一个页面族，再扩到全站

从博客或商品中的一个页面族开始，确认构建输出后再更新共享组件和其他页面族，每轮保留 Git 差异。

页面层级、主面包屑路径和多分类归属需要由内容、商品与 SEO 负责人确认。组件修改、结构化数据输出、页面预览和测试能否执行，取决于所用 Agent 的工具配置、项目文件和操作权限。

INSTALL

安装到 Codex

把网站面包屑导航设计 Skill装进 Codex，一条命令完成

把技能目录复制到 Codex Skills 目录，提供仓库路径、目标路由、允许修改的文件、构建命令和代表页面。

METHOD 01 · 交给 AI 自己装

复制提示词

适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录，并在缺少权限时告诉你需要手工做哪一步。

请帮我把「网站面包屑导航设计 Skill」安装到 Codex。
1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-breadcrumb-navigation/1.0.0/skill-breadcrumb-navigation.zip
   注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件，按 Codex 的方式安装：mkdir -p ~/.agents/skills && cp -R ./skill-breadcrumb-navigation ~/.agents/skills/
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证：让 Codex 列出可用 Skill 并复述本次要执行的步骤，再跑一个只读小任务。
5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。
参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-breadcrumb-navigation/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-breadcrumb-navigation.md

OTHER AGENTS

跨 Agent 适配对比

TRAE、ZCode在这个 Skill 上覆盖更多环节

下面的步数来自逐步比对。卡在哪一步，就看哪个 AI 能直接完成那一步。

6/6 步可直接执行

TRAE 网站面包屑导航设计

TRAE在这个 Skill 上直接覆盖 6/6 步，而且能把成果渲染成可直接查看的页面——如果你这次的卡点正是页面预览，换它更省事。

6/6 步可直接执行

ZCode 网站面包屑导航设计

ZCode在这个 Skill 上直接覆盖 6/6 步，而且能把成果渲染成可直接查看的页面——如果你这次的卡点正是页面预览，换它更省事。

FURTHER READING

Codex 与网站面包屑导航设计相关的实操文章

继续了解网站架构、结构化数据、分类页和内链规划的具体做法。

官网菜单越改越简，定价和文档为什么更难找

假设一家 SaaS 公司把官网从六个一级栏目收成“产品、解决方案、资源”三个下拉菜单。价格页和文档页仍在，只是从页头可见入口移到了第二层。改版后如果销售频繁收到“有没有公开价格”“API 文档在哪里”

  • SEO
  • 内容策略
  • 产品营销
  • 信息架构

零点击搜索下的内容策略：页面不只为点击而写

“零点击搜索”说的是越来越多的需求在结果页里被直接满足：答案就在搜索摘要里，或由 AI 答案引擎直接作答并引用来源，用户没有点进任何网页。这不等于搜索流量消失，而是页面被消费的方式变了。策略目标要从“

  • GEO
  • 内容策略
  • AI搜索
  • 零点击搜索

播客每期都在更新，为什么用户还是搜不到单集

一档节目已经接上 RSS，Apple Podcasts、Spotify 和 YouTube 都能正常播放。团队每周更新，也会在公众号、社媒和社群里贴链接。可一旦让没听过节目的人直接搜本期讨论的话题，他

  • SEO
  • 内容策略
  • 内容营销
  • 内容运营

GEO和SEO的区别：从搜索流量到AI答案引擎的范式转移

GEO（生成式引擎优化）不是SEO的升级版，而是针对AI答案引擎的不同优化逻辑。本文从展示形式、排名机制、内容策略和技术实现四个维度对比GEO与SEO的核心差异，帮助营销团队理解两种流量来源的共存策略

  • AI搜索优化
  • 生成式引擎优化
  • 搜索流量
  • SEO

NEXT WORKFLOW

搭配使用

整站页面与 URL 层级先用网站架构规划梳理；多类 JSON-LD 由结构化数据 Skill 处理，电商分类树和站内链接再结合对应 Skill 继续完善。

Codex · SEO 与 GEO#01

Codex 网站导航菜单设计 Skill

用 Codex 完成「SaaS 官网不断增加产品与解决方案，一级菜单超过一屏，访客很难找到定价、文档或联系入口」，最终得到菜单结构、锚文本和多端无障碍检查表。

来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
Codex · SEO 与 GEO#02

Codex SEO 友好 URL Slug 生成 Skill

用 Codex 完成「博客编辑准备发布长标题文章，希望把完整标题压缩成可读、可分享的英文短链接」，最终得到首选 URL slug：3 至 5 个有意义的词、字符数、包含的主关键词和推荐理由。

来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140

VibeMKT COMMUNITY

加入 VibeMKT 社群

微信扫码，交流营销 Skill 的选择、安装、试用与业务化改造。

加入 VibeMKT 社群的微信二维码

二维码会持续显示，关闭弹窗后返回当前页面。