---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/tutorials/seo'
title: 'SEOに強いページを作る | DXPR'
author:
name: Jurriaan
url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:54:06+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
ここでは検索エンジンに最も読まれやすいサービスページを作ります。ページタイトルを
唯一のHeading 1にし、下に見出しを順に並べ、画像に代替テキストを付け、行き先の
分かるボタンにします。公開する全ページのチェックリストに使います。ページタイトル、
説明、URLはビルダー外にあり、最後の節が場所を示します。
動画では自治体の「居住者駐車許可の申請」ページを作ります。
tags:
- 'Volg een tutorial'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
site_name: DXPR
updated_time: '2026-10-24T08:54:06+0000'
'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
'@context': 'https://schema.org'
'@graph':
-
mainEntity: { }
-
'@type': TechArticle
headline: SEOに強いページを作る
description: |-
ここでは検索エンジンに最も読まれやすいサービスページを作ります。ページタイトルを
唯一のHeading 1にし、下に見出しを順に並べ、画像に代替テキストを付け、行き先の
分かるボタンにします。公開する全ページのチェックリストに使います。ページタイトル、
説明、URLはビルダー外にあり、最後の節が場所を示します。
動画では自治体の「居住者駐車許可の申請」ページを作ります。
image:
'@type': ImageObject
url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
width: '1200'
height: '630'
datePublished: '2026-10-24T08:54:06+0000'
dateModified: '2026-10-24T08:54:06+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/tutorials/seo'
articleSection: 'Volg een tutorial'
-
'@type': WebPage
'@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/tutorials/seo'
description: |-
ここでは検索エンジンに最も読まれやすいサービスページを作ります。ページタイトルを
唯一のHeading 1にし、下に見出しを順に並べ、画像に代替テキストを付け、行き先の
分かるボタンにします。公開する全ページのチェックリストに使います。ページタイトル、
説明、URLはビルダー外にあり、最後の節が場所を示します。
動画では自治体の「居住者駐車許可の申請」ページを作ります。
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
---
[Help Center](/ja/node/75)/[Documentation](/ja/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Volg een tutorial](/hc/documentation/learn-dxpr-builder/tutorials/overview) # SEOに強いページを作る.
Learn DXPR BuilderBuild pagesVolg een tutorial
## In this guide
Related guides
- [Image](/hc/documentation/learn-dxpr-builder/elements/image)
- [Link](/hc/documentation/learn-dxpr-builder/elements/link)
- [Text](/hc/documentation/learn-dxpr-builder/elements/text)
ここでは検索エンジンに最も読まれやすいサービスページを作ります。ページタイトルを 唯一のHeading 1にし、下に見出しを順に並べ、画像に代替テキストを付け、行き先の 分かるボタンにします。公開する全ページのチェックリストに使います。ページタイトル、 説明、URLはビルダー外にあり、最後の節が場所を示します。
動画では自治体の「居住者駐車許可の申請」ページを作ります。
## はじめる前に
- ロールが**Edit with DXPR Builder**権限を持ちます。
- メディアライブラリーにサービスに合う写真があります。
- ページをビルダーで開きます。新規は**Content** > **Add content** > **Landing Page** (`/node/add/landing_page`) を開き、「居住者駐車許可の申請」などの分かりやすい**Title**を入力して**Save**をクリックします。テーマはこのタイトルをページのHeading 1として出します。
## 手順1: コンテンツをHeading 2ではじめる
見出しは順に使い、ページが概要として読めるようにします。テーマはページタイトルを ページの**Heading 1**として出すため、ビルダーコンテンツは主要部に**Heading 2**、 小部に**Heading 3**ではじめます。Heading 4から6は控えめに使います。
1. 空ページの**Add Elements**をクリックし、**Layout**タブから**Section**を選びます。
2. セクションの**+**をクリックし、**Content**タブから**Text**を選びます。
3. 「5分で申請できます」と入力し、見出しドロップダウンから**Heading 2**を選びます。
4. 新しい行に要約を通常テキストで加えます。「AからD地区の居住者はオンラインで申請できます。許可は5営業日以内に発行します」**Save**をクリックします。
ページタイトル用に残すのは**Heading 1**です。ビルダー見出しを代わりにページのHeading 1にするには、 先にこのページのテーマタイトルを隠します。DXPR CMSではページ編集フォームを開き、**DXPR Theme Settings**を開いて**DXPR Hide Regions**下の**Page Title**にチェックし、**Save**をクリックします。DXPR Themeはトップページのタイトルをすでに隠しています。見出しレベルを大きさで選ばないでください。大きさはエレメントの**Style**パネルの**Font size**で変えます。
## 手順2: 詳細セクションを作る
1. セクションにホバーして**Add Section Below**をクリックします。
2. 新セクションの**+**をクリックして**Row**を選びます。2つの均等カラム付きで入ります。ローコントロールバーのグリッドアイコン (**Column layout**) をクリックし、**2/3 + 1/3**プリセットを選んで**Save**をクリックします。
新規エレメントはカラムの上に載ります。そのため次の3手順は広いカラムを下から上に埋めます。ボタン、小部、セクション見出しの順です。
## 手順3: 説明的なリンク文を書く
リンク文は行き先内容を検索エンジンに伝えます。「こちらをクリック」や「続きを読む」は避けます。
1. 広いカラムの**+**をクリックして**Button**を選びます。
2. 設定するのは**Title**に「駐車許可の申請をはじめる」、**Link**に`/parking/apply`、**Type**に**Primary**を設定して**Save**をクリックします。
## 手順4: Heading 3の小部を作る
1. 広いカラムの**+**を再びクリックして**Text**を選びます。ボタンの上に載ります。
2. 「必要なもの」と入力し、**Heading 3**を選びます。
3. 書類を1行ずつ入力します。「住所証明」、「車検証」。**Save**をクリックします。
## 手順5: Heading 2のセクション見出しを作る
1. 広いカラムの**+**をもう1度クリックして**Text**を選びます。
2. 「申請できる方」と入力し、**Heading 2**を選びます。
3. 申請できる条件を1行で加えて**Save**をクリックします。
## 手順6: 画像に代替テキストを付ける
全画像には内容を説明するalt属性が必要です。
1. 狭いカラムの**+**をクリックして**Image**を選びます。
2. クリックするのは**Select Image**で、**Apply filters**でメディアライブラリーを検索して、写真にチェックして**Insert selected**をクリックします。
3. 開くのは**SEO**パネルで、**Alt attribute**を入力します。「共有木机の上のノートパソコン、携帯電話、紅茶カップ」。**Save**をクリックします。
代替テキストは写真の見えない人向けに書きます。純粋な飾り画像にだけ空にします。**Title attribute**はツールチップが何か足す場合だけ使います。代替テキストの代わりにはなりません。
## 手順7: 保存してプレビューする
1. ビルダーツールバーの**Save**をクリックします。
2. ビューメニュー (**eye icon**、目のアイコン) を開き、**Preview**を選んで見出しが順に読めることを確認します。
## さらに進む
動画にはありません。
- **画像サイズ**: 画像は上げる前に表示幅に縮めます。全幅カラムは1200ピクセルで足ります。**Image width**は100%のまま、**Image height**は空のまま、各ファイルを300 KB未満に保ちます。速度は順位に影響します。
- **無視するリンク**: ログインページなどには**Link**エレメントを追加し、**SEO**パネルを開いて**Tell search engines not to follow**をオンにします。
- **テキストリンク**: Textエレメント内で語を選び、ツールバーのリンクボタンを使います。リンク語は意味を持たせます。「駐車区域の地図」であって「こちら」ではありません。
- **アンカー**: セクションの**More** > **Settings**を開き、**HTML ID**を`who-can-apply`のような短い小文字名にして`#who-can-apply`でリンクします。
## HTMLを意味付けのまま保つ
Text、Button、Link、Imageエレメントは標準の``から``、`
`、`