帮助搜索引擎找到您的页面.
请为每个页面设计清晰的标题大纲、带描述的图片、快速加载和良好的元数据，让搜索引擎理解并收录它。DXPR Builder 将页面以 HTML 存放在正文字段中，因此 Drupal 的 SEO 模块无需改动即可配合使用。本页介绍在构建器中设置的内容，以及用这些模块设置的内容。
构建标题大纲
布局元素（版块、行和列）是普通的 div 元素。搜索引擎从标题中读取构建器页面的结构。
| 级别 | 用途 |
|---|---|
| Heading 1 | 页面标题，每页一次；大多数主题会输出它 |
| Heading 2 | 主要版块 |
| Heading 3 | Heading 2 下的子版块 |
| Heading 4 到 6 | 更深的子版块 |
- 点击进入 Text 元素。
- 从工具栏的标题列表中选择级别。
- 保持级别顺序；不要从 Heading 2 跳到 Heading 4。
在 DXPR CMS 上，您可以隐藏单个页面的主题标题：在其编辑表单中打开 DXPR Theme Settings，勾选 Page Title（DXPR Hide Regions 下）并点击 Save。这样构建器的 Heading 1 就是该页面唯一的 Heading 1。
Jumbotron 的 Title 始终是 Heading 1，因此 Jumbotron 会在主题页面标题旁边再加一个。Card 的 Title 始终是 Heading 5。
描述每张图片
- 指向图片，点击 More > Settings。
- 打开 SEO 面板，在 Alt attribute 中输入简短描述，最好在 125 个字符以内。
- 点击对话框中的 Save，再点击容器栏上的 Save。
空的 Alt attribute 完全不写 alt。对于不传递信息的图片，请改用版块 Background image。
用 Drupal 模块添加元数据
这些模块作用于节点，因此无需额外配置即可覆盖构建器页面：
- Metatag：页面标题、描述和 Open Graph 标签
- Pathauto：可读的 URL 路径
- Simple XML Sitemap 或 XML Sitemap：将构建器页面纳入网站地图
- Schema.org Metatag：结构化数据
保持页面快速
搜索引擎将页面速度计入排名。
- 在 Image 元素中选择图片尺寸 Optimize for fast loading。它将图片缩放到 1024 像素宽并保存为 WebP。
- 构建器页面上的每张图片都随页面加载；Image 元素不做懒加载。请只保留页面需要的大图。
- 给每个 Video 元素设置 Image。这样播放器只在访客点击时加载。
- 保持 Drupal 页面缓存开启。
每个页面加载的内容请参阅 性能。
写有用的链接
- 使用描述性链接文本（用“Read our pricing guide”，而不是“Click here”）。
- 只在访客需要回到原页面时，才在新标签页中打开外部链接。
- 内部链接使用相对 URL，例如
/about，让链接在暂存站和生产站上都有效。 - 定期检查死链。
您会看到的内容
页面审核（例如浏览器 Lighthouse 面板中的 SEO 和 Performance 报告）会找到一个 Heading 1、没有缺少替代文本的图片，以及元描述。页面源码将您的标题显示为依次排列的 h2 和 h3。
如果审核不干净
- 审核报告图片缺少替代文本。 Image 元素的 Alt attribute 为空。请在 SEO 下填写。
- 审核报告没有元描述。 Drupal 核心默认不添加。请安装 Metatag，为内容类型或页面设置描述。
- 审核报告图片过大。 图片使用了 Original image (No resizing)。请在每个 Image 元素中选择 Optimize for fast loading。
接下来做什么？
面向包容性内容的无障碍，继续探索 DXPR Builder。