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