企业官网首页需按用户行为路径组织信息，用语义化标签（如<header><nav><main><section><footer>）划分区块，首屏必须有唯一含品牌名和主营业务的<h1>，导航应指向真实HTML页面而非纯锚点，<meta name="description">须手写，图片必填alt属性。
企业官网首页不是“堆内容”，而是按用户行为路径组织信息层；直接套用模板容易导致关键转化入口被埋，或SEO结构松散。
用语义化标签划分核心区块，别只靠 div
浏览器和爬虫依赖语义标签理解页面逻辑。导航、头部、主内容、侧边栏、页脚必须用对应标签，否则无障碍访问失败，SEO权重也会稀释。
-
<header>放 logo、主导航、联系电话（别塞进div class="top-bar"） -
<nav>只包裹导航链接，内部不用ul/li也合法，但需确保有aria-label（如<nav aria-label="主导航">） -
<main>必须且只能有一个，首页的轮播图、产品摘要、客户案例都应包在里面 -
<section>每个业务模块（如“解决方案”“客户评价”）各用一个，加aria-labelledby关联标题 - 避免全站用
<div id="footer">—— 改用<footer>，否则屏幕阅读器无法识别页脚边界
首屏内容必须含 <h1> 且仅一个，标题文本要带公司名和核心价值
很多企业首页用图片替代 <h1>，或把 slogan 当成 <h1>，结果搜索排名掉、语音助手读不出主体。Google 明确要求首屏 <h1> 文本需包含品牌名 + 主营业务关键词。
- 合格写法：
<h1>XX科技｜智能工业软件服务商</h1> - 错误写法：
<h1>让制造更简单</h1>（无品牌，无行业词） - 更糟写法：用
background-image展示标题，<h1>留空或藏display:none - 若首页是单页应用（SPA），
<h1>需随路由动态更新，不能固定为“首页”
导航链接必须指向真实 HTML 页面，别全用 #about 锚点
纯锚点导航（如 <a href="#service">服务</a>）对 SEO 不友好，新用户首次访问无法直链到“服务”区块，分享链接也失效。企业官网仍需支持多页跳转能力。
立即学习“前端免费学习笔记（深入）”；
- 主导航项应分别对应
/services.html、/case.html、/contact.html等独立页面 - 首页内锚点可保留，但仅作辅助（如“了解更多 →”按钮跳转至本页
id="service"），不替代主导航 - 所有
<a>标签必须有href值，禁止写<a href="#">或<a href="javascript:void(0)"> - 移动端导航收起时，用
<details><summary>替代 JS 控制显隐，保障无脚本环境可用
最常被忽略的是 <meta name="description"> —— 它不参与页面渲染，但决定搜索结果摘要是否吸引点击。这个字段得手写，不能靠 CMS 自动生成的截断文本。另外，所有图片必须带 alt，哪怕只是 logo，也要写 alt="XX科技官网logo"，而不是留空或填“图片”。
