必须唯一且紧贴
开头

搜索引擎把 <h1></h1> 当作页面主题锚点，不是装饰。多个 <h1></h1>、或它被包在两层 <div> 里，会稀释权重，甚至触发 E-E-A-T 降分。 <ul> <li>每个页面只用一个 <code><h1></h1>，且它应直接出现在 <main></main> 内部（不能嵌套在 <header></header> 的 logo 区域里，除非整个 header 就是主标题）

<h1></h1> 文本要自然包含核心关键词，例如 <h1>手冲咖啡器具选购指南｜V60/聪明杯/法压壶对比</h1>，而不是 <h1>欢迎光临</h1>

绝对避免用 CSS 把 <h1></h1> 隐藏（display: none 或 visibility: hidden），这会被判定为误导性标记

alt 属性怎么写才不算堆砌关键词

alt 是图片的语义替代，不是关键词补丁。读屏器和爬虫都依赖它理解图像内容，但填“咖啡咖啡教程手冲咖啡豆”这种拼接式写法，大概率被判定为堆砌。

商品图必须写具体描述，比如 alt="Apple AirPods Pro 第二代，白色，主动降噪，入耳式无线耳机"，而非 alt="耳机1"
纯装饰图用 alt=""，别留空格或写“无”
避免在 alt 里重复“图片”“图标”“logo”——读屏器已自动播报元素类型
多图轮播时，每张图都要有独立且准确的 alt，不能共用一个

title、description、h1 三者关键词要不要一致

不要机械复读。Google 明确表示：这些字段应反映真实内容意图，而非重复罗列。三者语义冲突或跳级使用（比如 <title></title> 写“意式咖啡机”，<h1></h1> 却写“家用半自动咖啡机选购”），反而削弱可信度。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

立即学习“前端免费学习笔记（深入）”；

<title></title> 要匹配用户搜索意图，带地域/场景更佳，例如 <title>上海手冲咖啡豆配送｜新鲜烘焙，次日达</title>
<meta name="description"> 是摘要，不是关键词列表，控制在120字符内，用完整句式说明价值，例如 “提供5款高性价比手冲咖啡豆，支持定制烘焙度，上海同城次日达。”
<h1></h1> 是页面核心命题，需与 <title></title> 语义连贯但不必字字相同；列表页可略宽泛（如“意式咖啡机选购指南｜2026年家用/商用机型对比”），详情页则要精准到型号或特性

DOM顺序比标签名更能影响关键词识别

即使用了正确语义标签，如果嵌套过深（比如 <main><section><div><div> <p>）或视觉顺序与源码顺序错位，SEO 效果仍打折扣。搜索引擎按 HTML 流式解析，DOM 位置靠前的内容默认权重更高。</p> <ul><li>避免无意义嵌套，尤其是用 <code><div> 包裹语义标签（如 <code><div><main></main></div>）

<main></main> 在源码中应尽量靠前，哪怕视觉上它出现在侧边栏之后（通过 CSS order 或 float 实现布局错位）

价格、核心参数、主图等高价值信息，源码位置建议放在 <h1></h1> 后紧邻区域，别塞进底部 <section></section> 里再用 JS 拉上来

最容易被忽略的是 DOM 顺序和语义标签的嵌套深度——它们不显眼，但决定了爬虫能不能在前三百行 HTML 里准确抓到你的主题。写完记得用 Lighthouse 或 Google Search Console 的 URL 检查工具看下结构解析结果。