域名、HTTPS、SEO 与可访问性
上线不仅是获得一个 URL，还要让用户安全访问、搜索引擎理解、不同设备和辅助技术可以使用。
- 真实用户和搜索引擎都能稳定理解并使用产品。
- DNS 记录、证书和 HTTPS
- 为产品配置域名与 HTTPS，检查页面标题、移动端和纯键盘操作。
- 完成 7.3「调试、测试与发布检查」
FOUNDATION
必须理解
上线不仅是获得一个 URL，还要让用户安全访问、搜索引擎理解、不同设备和辅助技术可以使用。
域名让用户找到产品，HTTPS 保护传输，SEO 帮助搜索与分享理解页面，无障碍让更多人能够操作。它们不是装饰性收尾，而是公开产品的基本可用性。
域名是店名与地址指引，HTTPS 是封装运输，SEO 像清晰招牌和商品说明，无障碍则确保台阶、门宽和指示让不同顾客都能进入。
任务应用绑定自定义域名并启用 HTTPS；公开首页有准确标题、描述和分享卡；表单有 label，键盘可操作，焦点和错误提示清楚。
DNS 记录、证书和 HTTPS
DNS 记录会把你的域名指向托管平台，修改后通常需要一段时间传播。访问失败时要分清是 DNS 还没更新、证书没签好，还是应用路由本身有问题。
基础概念
DNS 记录把域名指向托管目标；HTTPS 使用 TLS（Transport Layer Security，传输层安全）加密连接并验证站点身份，证书把域名与公钥关联。
进一步理解
修改 DNS 后，缓存会让结果逐步传播。托管平台确认域名归属并签发证书，浏览器才可建立可信 HTTPS 连接。
HTTPS 保护传输中的机密性和完整性，却不修复应用越权、XSS 或弱密码。证书有效也不代表业务内容可信。
把 `tasks.example.com` CNAME 指向托管平台，等待解析生效并签发证书，再强制 HTTP 跳转 HTTPS。
域名注册、DNS 托管、网站托管和证书签发可能由不同服务负责，任何一处配置错误都会影响访问。
这一小节记住：DNS 负责找到站点，HTTPS 负责建立受保护且可验证的传输。
标题、描述、语义结构、站点地图
HTTPS 通过 TLS 加密浏览器和服务器之间的传输，也帮助确认你连接的是正确站点。但它不会自动修好应用里的越权、注入或弱密码。
基础概念
SEO（Search Engine Optimization，搜索引擎优化）帮助搜索系统理解和呈现页面。标题、描述、语义正文、内部链接和站点地图共同提供内容与结构线索。
进一步理解
每页应有准确唯一标题与描述，正文使用与内容层次相符的 h1/h2，链接文字说明目标。公开可索引页面才需要进入站点地图。
搜索摘要由搜索引擎最终决定；元数据是建议，不是排名保证。真实内容、性能和用户可访问性比关键词堆砌更重要。
公开课程页标题包含具体课名，描述说明学习结果，课程之间用可爬取链接连接；个人任务页禁止索引。
SEO 不等于只写 meta keywords，也不等于所有页面都应被搜索。私密、重复或低价值页面应明确控制索引。
这一小节记住：用准确结构帮助人和搜索系统理解真实内容，而不是制造关键词噪声。
键盘操作、对比度、标签与响应式布局
SEO 让搜索和分享更容易理解页面，需要准确标题、描述和语义内容。无障碍则关心键盘、对比度、替代文字、表单标签和状态提示，让更多人能真正使用。
基础概念
可访问性让不同身体、感知和操作条件的用户都能理解并使用产品。键盘、颜色对比、表单标签、状态提示和响应式布局是基本组成。
进一步理解
语义元素提供辅助技术所需角色；可见焦点帮助键盘定位；错误应与字段关联且不能只靠颜色；触摸目标需足够大。
响应式关注任务在不同空间下是否仍能完成，不只是页面不溢出。缩放到 200%、键盘操作和屏幕阅读器都需要实际验证。
任务表单有可见 label，错误通过文字说明并移动焦点，完成按钮可用键盘触发，手机上一列显示且不会遮挡操作。
alt 文字不是越长越好，装饰图片应忽略；ARIA 也不能替代原生 button、label 等已有语义。
这一小节记住：可访问性是核心可用性条件，应从结构和交互开始设计。
AI COLLABORATION
AI 如何参与
让 AI 根据页面内容生成元数据草案，但最终标题、描述和信息结构由产品目标决定。
推荐协作顺序
- 1
把正式域名、托管平台和页面用途交给 AI，让它列配置清单。
- 2
让它为真实页面生成 metadata 草稿，再由你核对是否夸大。
- 3
按键盘、表单和分享预览逐项检查，而不是只看桌面截图。
请为公开的学习任务应用生成上线检查表，分 DNS、HTTPS、页面 metadata、Open Graph、语义 HTML、键盘操作、表单标签、错误提示八项。每项给验证方法，不要承诺搜索排名。
检查项能够通过浏览器、DNS 查询或辅助工具实际验证，不把 SEO 等同于堆关键词。
人工检查清单
- 确认 canonical、标题和描述与真实内容一致，分享信息不虚构功能，表单不只靠 placeholder。
- 让 AI 分别列出 DNS、证书、SEO 与可访问性的真实验证方法，不把配置存在当成生效。
- 从外部网络、搜索预览、键盘和窄屏逐项操作，确认用户确实能找到、信任、理解并使用页面。
COMMON TRAPS
常见误区
错误不是需要隐藏的失败，而是帮助你看清系统边界的证据。下面三类问题在 AI 辅助学习中最常出现。
DNS 没生效就反复改记录
- 你会看到
- 缓存还在传播，又连续修改目标，最后不知道哪版正确。
- 为什么发生
- 域名能解析只证明找到目标，不证明证书、路由与应用正常；HTTPS 也不代表业务安全。
- 怎样纠正
- 保存目标值，按解析结果耐心验证，不在传播期来回切换。
SEO 等于堆关键词
- 你会看到
- 标题重复热门词，却没有说明页面实际内容。
- 为什么发生
- 关键词堆叠降低可读性且不能替代真实内容结构，搜索系统也可能忽略操纵性文案。
- 怎样纠正
- 用准确标题、描述和语义结构帮助用户与搜索理解页面。
表单只靠 placeholder
- 你会看到
- 输入后提示消失，键盘和辅助技术不知道字段含义。
- 为什么发生
- 只用鼠标和开发者屏幕测试，会漏掉键盘焦点、缩放、触摸目标与辅助技术问题。
- 怎样纠正
- 提供持久 label、清楚焦点和可关联的错误信息。
HANDS-ON
动手任务
为产品配置域名与 HTTPS，检查页面标题、移动端和纯键盘操作。
- 完成 7.3「调试、测试与发布检查」
跟着做
- 01
为产品选择并记录正式域名与托管目标。
- 02
配置 DNS 并验证解析与 HTTPS 证书。
- 03
为首页和任务页编写独立标题与描述。
- 04
用键盘走完登录、创建和删除任务。
- 05
检查 label、焦点、对比度、空状态和错误提示。
真实用户和搜索引擎都能稳定理解并使用产品。
邀请只使用键盘的同学完成创建任务，记录你没有预料到的阻碍。
离开本课前，自问四件事
- DNS、TLS 证书与 HTTPS 分别完成哪一步？
- 为什么 HTTPS 不能修复应用中的权限漏洞？
- 标题、描述、语义正文和站点地图怎样帮助 SEO？
- 怎样用键盘、缩放和窄屏验证页面的可访问性？
确认完成后，会同步更新学习中心的课程学习进度。