企业官网建设流程全解析

上线前逐项自查：ai-design-skills的落地页发布要求（Ship Requirements）完整清单

【免费下载链接】ai-design-skills项目地址: https://gitcode.com/gh_mirrors/ai/ai-design-skills

如果你在用ai-design-skills这个 AI 设计技能集来构建落地页（Landing Page），那么它的落地页设计技能（skills/landing-page-design/SKILL.md）里藏着一份极易被忽略的"发布前要求"清单（B10 Ship requirements）。这份清单专治"页面看起来做完了，其实还没法上线"的问题——隐私政策链接、自定义 404、表单校验、meta 标签……缺一项，页面就透着"半成品"气息。本文帮你逐项拆解，对照着自查一遍，再放心点下发布键 🚀

一、什么是落地页发布要求（Ship Requirements）？

在 skills/landing-page-design/SKILL.md 的 B10 章节中，技能文件明确写道：这些是"总被忘掉、却会让页面显得没做完的事"。它不是功能需求，而是上线门槛——全部勾选完毕，落地页才算真正"可交付"。

💡 定位：Part A 决定"页面说什么"，Part B 决定"页面长什么样"，而 B10 是最后的质检关卡。

二、10 项必查清单：逐项自查指南

以下 10 项要求按重要性分组，方便你对照打勾 ✅

1. 法务与信任类（最容易漏，也最致命）

2. 体验完整性类

• 自定义品牌 404 页面：访客敲错 URL 时看到的，不该是浏览器默认白页
• 品牌 favicon：小图标，但直接决定"正规感"
• 每个页面都有"回去的路"：导航或面包屑，让用户永不迷路

3. 表单与输入校验类

• 客户端表单校验：邮箱格式、必填项，在用户提交前就拦住错误，而不是等服务器报错

4. 无障碍（A11y）类

• Skip to content（跳到正文）链接：键盘用户快速越过导航，是规范动作而非装饰
• 语义化 HTML：使用<nav>、<main>、<article>、<aside>、<section>等标签，而非满屏<div>（见 SKILL.md 第 338 行）

5. SEO 与社交分享类

• 写全<title>和 meta description
• 配置og:image及社交分享标签，页面被转发到社交平台时才有"门面"
• 给每张有意义的图片写 alt 文本（同时是 SEO 加分项）

这部分可与技能文件中的 SEO / AEO 章节（A7 章节）配合：常青页面建议可被索引，纯广告投放页用noindex。

三、发布前 5 分钟：快速核对流程

1. 过一遍 B10 十项：从上表逐项打勾，缺哪项补哪项
2. 再对一遍 Quick checklist：技能文件末尾的 Quick checklist 把"策略 → 视觉 → 内容与发布"三类要求合并在一张表里，最后一类（Content and ship）与 B10 完全对应
3. 手动走一遍用户路径：首页 → CTA → 表单提交 → 触发一次 404，确认每一步都"接得住"
4. 换键盘操作一次：Tab 键能否跳过导航直达正文？焦点环（focus ring）是否可见？

四、顺带自查：别漏了这两个"隐藏关卡"

发布要求之外，有两项高频翻车点建议一起检查：

• 交互状态是否齐全（B9 章节）：悬停、按下、焦点、加载骨架屏、空状态、错误提示六态缺一不可，且不许有死链——按钮指向#要么真接上，要么视觉上禁用
• 文案是否"去 AI 味"（B8 章节）：没有 Lorem Ipsum、没有 "Acme Corp" 式占位品牌、没有 "99.99%" 式假数据，这是让页面像"人做的"而非"生成的"的关键

五、小结

落地页上线前的核心动作其实只有一句话：把 B10 的 10 项发布要求当"出厂质检单"逐项过一遍。这份清单出自 ai-design-skills 项目中的落地页设计技能，配合文末的 Quick checklist 使用，能帮你在发布前拦下绝大多数"半成品"细节。自查完成再上线，访客看到的就是一个完整、可信、可直接转化的一页 ✅

【免费下载链接】ai-design-skills项目地址: https://gitcode.com/gh_mirrors/ai/ai-design-skills