企业官网首页必须用语义化标签组织结构：header含logo与主导航，nav带aria-label，main唯一且包裹核心内容，section划分业务模块，footer替代div，首屏h1须含品牌名+主营业务，主导航指向独立页面而非纯锚点，所有img需有效alt，meta description须手写。
企业官网首页不是“堆内容”，而是按用户行为路径组织信息层；直接套用模板容易导致关键转化入口被埋，或SEO结构松散。
必须用语义化标签划分区块，别只靠 div
浏览器和爬虫依赖语义标签理解页面逻辑。导航、头部、主内容、页脚必须用对应标签，否则无障碍访问失败，SEO权重也会稀释。
-
<header>放 logo、主导航、联系电话（别塞进<div class="top-bar">） -
<nav aria-label="主导航">只包裹导航链接，内部不用ul/li也合法，但需确保有aria-label -
<main>必须且只能有一个，首页的轮播图、产品摘要、客户案例都应包在里面 -
<section>每个业务模块（如“解决方案”“客户评价”）各用一个，加aria-labelledby关联标题 - 避免全站用
<div id="footer">—— 改用<footer>，否则屏幕阅读器无法识别页脚边界
首屏必须有唯一含品牌名和主营业务的 <h1>
很多企业首页用图片替代 <h1>，或把 slogan 当成 <h1>，结果搜索排名掉、语音助手读不出主体。Google 明确要求首屏 <h1> 文本需包含品牌名 + 主营业务关键词。
- 不能写
<h1>让世界更美好</h1>，而要写<h1>XX科技｜企业级SaaS服务提供商</h1> - 同一页面禁止出现多个
<h1>，<h2>～<h6>按逻辑嵌套，不为样式降级乱用 - 如果首屏是轮播图，
<h1>仍需在轮播容器内或紧邻上方，不可藏在 JS 渲染后才插入的 DOM 中
主导航必须指向真实 HTML 页面，而非纯锚点
纯锚点导航（如 #service）对 SEO 不友好，新用户首次访问无法直链到“服务”区块，分享链接也失效。企业官网仍需支持多页跳转能力。
立即学习“前端免费学习笔记（深入）”；
- 主导航项应分别对应
/services.html、/case.html、/contact.html等独立页面 - 首页内锚点可保留，但仅作辅助（如“了解更多 →”按钮跳转至本页
id="service"），不替代主导航 - 所有
<a>标签必须有href值，禁止写<a href="#">或空href；移动端收起导航时，用<details><summary>替代 JS 控制显隐，保障无脚本环境可用
<meta name="description"> 和 alt 属性不能省
它不参与页面渲染，但决定搜索结果摘要是否吸引点击。这个字段得手写，不能靠 CMS 自动生成的截断文本。另外，所有图片必须带 alt，哪怕只是 logo，也要写 alt="XX科技官网logo"，而不是留空或填“图片”。
<meta name="description" content="XX科技提供企业级SaaS服务，覆盖CRM、ERP、BI三大系统，已服务327家中小企业">-
<img src="logo.svg" alt="XX科技官网logo">，不是alt=""或alt="logo" - 轮播图中的业务图，
alt要描述画面+价值，例如alt="客户后台实时数据看板界面，支持拖拽配置与多端同步"
最容易被忽略的是：首屏 <h1> 是否真正在 HTML 源码里、<main> 是否真的只出现一次、<nav> 是否有 aria-label、<img> 的 alt 是否写了有效文本——这些都不是“样式问题”，而是影响可访问性、SEO 和长期维护成本的结构性问题。
