域名、HTTPS、SEO 与可访问性
正式地址需要域名解析到正确服务，HTTPS 保护传输，可访问性和页面元信息帮助人和工具理解内容。
- 让任务应用通过正式域名安全访问，并完成键盘操作、标题与基础分享信息检查。
- DNS 记录、证书和 HTTPS
- 完成域名、HTTPS、SEO 与可访问性后，应当让任务应用通过正式域名安全访问，并完成键盘操作、标题与基础分享信息检查，并保留权限响应、测试报告、证书状态、告警和恢复记录作为可重复检查的依据。
- 完成 7.3「调试、测试与发布检查」
FOUNDATION
必须理解
域名让用户找到产品，HTTPS 保护传输，SEO 帮助搜索与分享理解页面，无障碍让更多人能够操作。它们不是装饰性收尾，而是公开产品的基本可用性。
本课依次讲清DNS 记录、证书和 HTTPS、标题、描述、语义结构、站点地图和键盘操作、对比度、标签与响应式布局，最后通过“检查 label、焦点、对比度、空状态和错误提示”检查学习结果。
域名是店名与地址指引，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 如何参与
在域名、HTTPS、SEO 与可访问性这一课，AI 负责根据真实材料解释DNS 记录、证书和 HTTPS并指出遗漏，学习者负责控制范围、执行修改和核对权限响应、测试报告、证书状态、告警和恢复记录。
推荐协作顺序
- 1
把正式域名、托管平台和页面用途交给 AI，让它列配置清单。
- 2
让它为真实页面生成 metadata 草稿，再由你核对是否夸大。
- 3
按键盘、表单和分享预览逐项检查，而不是只看桌面截图。
这是域名服务商、部署平台的当前配置和脱敏错误。请分 DNS、证书、重定向、页面元信息和键盘可用性给检查顺序。不要索取账户凭证，不虚构传播完成时间。
检查项能够通过浏览器、DNS 查询或辅助工具实际验证，不把 SEO 等同于堆关键词；域名、HTTPS、SEO 与可访问性的人工验收必须回到真实页面、请求、终端、测试或数据结果，不能用 AI 的文字说明代替。
人工检查清单
- 确认 canonical、标题和描述与真实内容一致，分享信息不虚构功能，表单不只靠 placeholder。
- 让 AI 分别列出 DNS、证书、SEO 与可访问性的真实验证方法，不把配置存在当成生效。
- 从外部网络、搜索预览、键盘和窄屏逐项操作，确认用户确实能找到、信任、理解并使用页面。
COMMON TRAPS
常见误区
下面三类问题会让任务看似完成，却经不起刷新、错误输入或真实环境检查。先看现象，再找原因和修正方法。
只配置域名不验证证书
- 你会看到
- 地址可解析却出现安全警告
- 为什么发生
- DNS 只负责找到地址，证书、协议和跳转仍可能分别出错。
- 怎样纠正
- 从外部浏览器检查完整握手与跳转
只追自动评分
- 你会看到
- 核心表单仍无法用键盘完成
- 为什么发生
- 分数只能覆盖工具预设规则，无法代替键盘操作和真实阅读体验。
- 怎样纠正
- 走一遍真实用户任务
堆关键词代替内容
- 你会看到
- 页面说明失真且体验变差
- 为什么发生
- 搜索和用户都需要准确内容，重复词语不能补足页面语义与任务说明。
- 怎样纠正
- 用准确标题与正文描述功能
HANDS-ON
动手任务
让任务应用通过正式域名安全访问，并完成键盘操作、标题与基础分享信息检查。
- 完成 7.3「调试、测试与发布检查」
跟着做
- 01
为产品选择并记录正式域名与托管目标。
- 02
配置 DNS 并验证解析与 HTTPS 证书。
- 03
为首页和任务页编写独立标题与描述。
- 04
用键盘走完登录、创建和删除任务。
- 05
检查 label、焦点、对比度、空状态和错误提示。
让任务应用通过正式域名安全访问，并完成键盘操作、标题与基础分享信息检查。
邀请只使用键盘的同学完成创建任务，记录你没有预料到的阻碍。
离开本课前，自问四件事
- DNS、TLS 证书与 HTTPS 分别完成哪一步？
- 为什么 HTTPS 不能修复应用中的权限漏洞？
- 标题、描述、语义正文和站点地图怎样帮助 SEO？
- 怎样用键盘、缩放和窄屏验证页面的可访问性？
确认完成后，会同步更新学习中心的课程学习进度。