---
url: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/advanced/seo'
title: '帮助搜索引擎找到您的页面 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T00:44:27+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  请为每个页面设计清晰的标题大纲、带描述的图片、快速加载和良好的元数据，让搜索引擎理解并收录它。DXPR Builder 将页面以 HTML 存放在正文字段中，因此 Drupal 的 SEO 模块无需改动即可配合使用。本页介绍在构建器中设置的内容，以及用这些模块设置的内容。
  构建标题大纲
  布局元素（版块、行和列）是普通的 div 元素。搜索引擎从标题中读取构建器页面的结构。
tags:
  - 'Make pages accessible and findable'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 帮助搜索引擎找到您的页面
      description: |-
        请为每个页面设计清晰的标题大纲、带描述的图片、快速加载和良好的元数据，让搜索引擎理解并收录它。DXPR Builder 将页面以 HTML 存放在正文字段中，因此 Drupal 的 SEO 模块无需改动即可配合使用。本页介绍在构建器中设置的内容，以及用这些模块设置的内容。
        构建标题大纲
        布局元素（版块、行和列）是普通的 div 元素。搜索引擎从标题中读取构建器页面的结构。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T00:44:27+0000'
      dateModified: '2026-10-24T09:09:48+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/advanced/seo'
      articleSection: 无障碍与可发现性
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/advanced/seo'
      description: |-
        请为每个页面设计清晰的标题大纲、带描述的图片、快速加载和良好的元数据，让搜索引擎理解并收录它。DXPR Builder 将页面以 HTML 存放在正文字段中，因此 Drupal 的 SEO 模块无需改动即可配合使用。本页介绍在构建器中设置的内容，以及用这些模块设置的内容。
        构建标题大纲
        布局元素（版块、行和列）是普通的 div 元素。搜索引擎从标题中读取构建器页面的结构。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 首页
            item: 'https://dxpr.com/zh-hans'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: zh-hans
---
[帮助中心](/zh-hans/node/75)/[文档](/zh-hans/hc/documentation) /[学习 DXPR Builder](/zh-hans/hc/documentation/learn-dxpr-builder) /[管理网站](/zh-hans/hc/documentation/learn-dxpr-builder/manage) /[无障碍与可发现性](/zh-hans/hc/documentation/learn-dxpr-builder/manage/accessible-findable) # 帮助搜索引擎找到您的页面.

 学习 DXPR Builder管理网站无障碍与可发现性

   ## 本指南内容

 相关指南

- [让您的页面无障碍可访问](/zh-hans/hc/documentation/learn-dxpr-builder/advanced/accessibility)

请为每个页面设计清晰的标题大纲、带描述的图片、快速加载和良好的元数据，让搜索引擎理解并收录它。DXPR Builder 将页面以 HTML 存放在正文字段中，因此 Drupal 的 SEO 模块无需改动即可配合使用。本页介绍在构建器中设置的内容，以及用这些模块设置的内容。

## 构建标题大纲

布局元素（版块、行和列）是普通的 `div` 元素。搜索引擎从标题中读取构建器页面的结构。

| 级别 | 用途 |
|---|---|
| Heading 1 | 页面标题，每页一次；大多数主题会输出它 |
| Heading 2 | 主要版块 |
| Heading 3 | Heading 2 下的子版块 |
| Heading 4 到 6 | 更深的子版块 |

1. 点击进入 Text 元素。
2. 从工具栏的标题列表中选择级别。
3. 保持级别顺序；不要从 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。

## 描述每张图片

1. 指向图片，点击 **More** > **Settings**。
2. 打开 **SEO** 面板，在 **Alt attribute** 中输入简短描述，最好在 125 个字符以内。
3. 点击对话框中的 **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 页面缓存开启。

每个页面加载的内容请参阅 [性能](/zh-hans/hc/documentation/learn-dxpr-builder/advanced/performance)。

## 写有用的链接

- 使用描述性链接文本（用“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**。

## 接下来做什么？

[面向包容性内容的无障碍](/zh-hans/hc/documentation/learn-dxpr-builder/advanced/accessibility)，继续探索 DXPR Builder。