---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/advanced/seo'
title: '検索エンジンにページを見つけてもらう | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T11:25:36+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  各ページに見出しのアウトライン、説明付きの画像、高速な読み込み、良質なメタデータを用意すれば、検索エンジンが理解してランク付けします。DXPR Builderはページをbodyフィールドの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-24T17:19:22+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はページをbodyフィールドの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-24T11:25:36+0000'
      dateModified: '2026-10-24T17:19:22+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/ja/hc/documentation/learn-dxpr-builder/advanced/seo'
      articleSection: アクセシビリティと検索対策
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/advanced/seo'
      description: |-
        各ページに見出しのアウトライン、説明付きの画像、高速な読み込み、良質なメタデータを用意すれば、検索エンジンが理解してランク付けします。DXPR BuilderはページをbodyフィールドのHTMLとして保存するため、DrupalのSEOモジュールはそのまま動作します。このページでは、ビルダーで設定する内容と、それらのモジュールで設定する内容を説明します。
        見出しのアウトラインを作る
        レイアウトエレメント(セクション、ロー、カラム)はプレーンなdiv
        エレメントです。検索エンジンはビルダーページの構造を見出しから読み取ります。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: ホーム
            item: 'https://dxpr.com/ja'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ja
---
[ヘルプセンター](/ja/node/75)/[ドキュメント](/ja/hc/documentation) /[DXPR Builderを学ぶ](/ja/hc/documentation/learn-dxpr-builder) /[サイト管理](/ja/hc/documentation/learn-dxpr-builder/manage) /[アクセシビリティと検索対策](/ja/hc/documentation/learn-dxpr-builder/manage/accessible-findable) # 検索エンジンにページを見つけてもらう.

 DXPR Builderを学ぶサイト管理アクセシビリティと検索対策

   ## このガイドの内容

 関連ガイド

- [ページをアクセシブルにする](/ja/hc/documentation/learn-dxpr-builder/advanced/accessibility)

各ページに見出しのアウトライン、説明付きの画像、高速な読み込み、良質なメタデータを用意すれば、検索エンジンが理解してランク付けします。DXPR BuilderはページをbodyフィールドのHTMLとして保存するため、DrupalのSEOモジュールはそのまま動作します。このページでは、ビルダーで設定する内容と、それらのモジュールで設定する内容を説明します。

## 見出しのアウトラインを作る

レイアウトエレメント(セクション、ロー、カラム)はプレーンな`div`エレメントです。検索エンジンはビルダーページの構造を見出しから読み取ります。

| レベル | 用途 |
|---|---|
| 見出し1 | ページタイトル。1ページに1つ。多くのテーマが出力します |
| 見出し2 | 主要セクション |
| 見出し3 | 見出し2内のサブセクション |
| 見出し4〜6 | さらに深いサブセクション |

1. Textエレメント内をクリックします。
2. ツールバーの見出しリストからレベルを選びます。
3. レベルの順序を保ちます。見出し2から見出し4へ飛ばさないでください。

DXPR CMSでは1ページのテーマタイトルを非表示にできます。編集フォームで**DXPR Theme Settings**を開き、**DXPR Hide Regions**配下の**Page Title**にチェックして**Save**をクリックします。ビルダーの見出し1がそのページ唯一の見出し1になります。

Jumbotronの**Title**は常に見出し1のため、Jumbotronがあるとテーマのページタイトルと並んでもう1つの見出し1が追加されます。Cardの**Title**は常に見出し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のページキャッシュはオンのままにします。

各ページの読み込み内容は[パフォーマンス](/ja/hc/documentation/learn-dxpr-builder/advanced/performance)をご覧ください。

## 効果的なリンクの書き方

- 説明的なリンクテキストを使います("Read our pricing guide"のように。"Click here"は避けます)。
- 外部リンクを新しいタブで開くのは、訪問者が元のページを必要とする場合のみにします。
- 内部リンクには`/about`のような相対URLを使い、ステージングと本番環境の両方でリンクが機能するようにします。
- 壊れたリンクを定期的に確認します。

## 表示内容

ブラウザーのLighthouseパネルにあるSEOレポートやパフォーマンスレポートなどのページ監査では、見出し1が1つ、代替テキストなしの画像がゼロ、メタディスクリプションが確認できます。ページソースでは見出しが`h2`と`h3`の順に表示されます。

## 監査結果が正常でない場合

- **監査で代替テキストなしの画像が報告される。**Imageエレメントの**Alt attribute**が空です。**SEO**配下に入力します。
- **監査でメタディスクリプションなしと報告される。**Drupalコアは何も追加しません。Metatagをインストールし、コンテンツタイプまたはページに説明を設定します。
- **監査で大きな画像が報告される。**画像は**Original image (No resizing)**を使っています。各Imageエレメントで**Optimize for fast loading**を選びます。

## 次のステップ

[インクルーシブなコンテンツのためのアクセシビリティ](/ja/hc/documentation/learn-dxpr-builder/advanced/accessibility)でDXPR Builderの理解をさらに深めましょう。