pタグとは brタグやdivタグとの違いと段落の区切り方の決め方

自社サイトの記事のソースを開くと、文章のひとかたまりごとに、p という名前のタグで囲まれていた。

これは何のために付いているのか。改行したいだけなら、brタグでも足りるのではないか。段落の間の余白は、どこで決まっているのか。

制作会社に任せたままで、タグの中身を聞いたことがない。そういう経営者やWeb担当者に向けて、この記事を書いています。

結論から言います。p要素は、文章の「段落」を表すタグです。HTMLの仕様では、文章の構造を示す道具として定義されています。見た目の余白を作る道具とは書かれていません。

改行は、brタグの仕事です。ただし仕様は、brを使ってよい場面を「詩や住所のように、改行が内容の一部になっているとき」に絞っています。普通の文章の区切りは、pで書きます。

余白と文字の大きさは、タグでは決まりません。CSSで決めます。ブラウザの標準の見た目で段落の上下に余白が付くのは、そう初期設定されているからです。

段落の長さが検索順位やAI検索の引用に影響するかどうかは、公式の文書に記載が見つかりませんでした。ただし、Googleは読みやすい文章の条件として、長い文章を段落に分けることを挙げています。

この記事の軸は、「段落をどこで区切るか」を決める方法です。タグの名前を覚える話は最小限にして、区切りの判断を4つの問いに落とします。

先に答え：p要素について、確かめられたこと

先に、この記事の結論を表にまとめます。右端の列は、その答えの根拠にした資料です。

疑問	答え	根拠にした資料
p要素は何を表すか	段落	HTMLの仕様（WHATWG）のグループ化コンテンツの章
brとの違いは何か	pは段落の区切り、brは内容の一部としての改行	HTMLの仕様（WHATWG）のテキストレベルの章
divとの違いは何か	divは意味を持たない入れ物。pは段落という意味を持つ	HTMLの仕様（WHATWG）のグループ化コンテンツの章
中に入れられないものはあるか	リスト（ulとol）などは、pの子にできない	HTMLの仕様（WHATWG）の段落の説明と、構文解析の章
余白はどこで決まるか	標準の見た目では上下に1emの余白。CSSで変えられる	HTMLの仕様（WHATWG）の表示の章
段落の長さは検索に影響するか	公式に記載なし	検索セントラル、OpenAIとAnthropicの公式文書

表の中で「記載なし」と書いた行は、調べて見つからなかったという報告です。ないことの証明ではありません。

この記事の読み方

悩みの種類によって、読む節が変わります。

いまの悩み	読む節
pタグの意味と、なぜ必要なのかを知りたい	p要素とは何か：仕様に書かれた定義
改行したいだけなのに、どちらを使うか迷う	brタグとの違い
divで囲んでいるが、これでよいのか不安	divタグとの違い
pの中に入れたものが崩れる	pタグの中に入れられるもの、入れられないもの
段落の間の余白や文字の大きさを変えたい	余白と文字の大きさはCSSで決める
WordPressの改行が思った形にならない	WordPressの段落ブロックが出すHTML
自社サイトの段落が長すぎないか知りたい	弊社の公開記事で数えた段落
どこで区切るかを決める基準が欲しい	段落を区切る4つの問い
すぐ点検したい	今日できる点検

この記事で使う言葉

タグの話は、同じ言葉が場面によって違う意味で使われます。迷わないように、この記事での使い方を先に決めておきます。

言葉	この記事での意味
段落	1つの話題をまとめた文章のかたまり。HTMLでは p 要素で表す
改行	同じ段落の中で、行だけを変えること。HTMLでは br 要素で表す
空行	見た目として段落の間が空いている状態。HTMLの要素の名前は付かず、余白や空のタグで作られている
余白	要素の外側の空き。CSSの margin で決める
入れ子	あるタグの中に、別のタグを入れること
要素とタグ	開始タグと終了タグで囲んだ全体が要素。実務では同じ意味で使われることが多い

記事の中で「pタグ」と書くときは、p要素の開始タグと終了タグを含めた全体を指します。

「空行」は、見た目の話です。画面で段落の間が空いて見えても、その空きが何によって作られているのかは、ソースを見ないと分かりません。この違いが、あとの節で何度も出てきます。

この記事の根拠にした資料

この記事は、次の資料を2026年11月7日に実際に開いて読んでから書いています。

• HTMLの仕様（WHATWG）の最新版（2026年11月5日更新）。グループ化コンテンツの章、テキストレベルの章、構文解析の章、表示の章
• W3Cが2024年12月12日に勧告したウェブコンテンツ・アクセシビリティ・ガイドライン（WCAG）2.2
• Google検索セントラル「Google 公式 SEO スターター ガイド」（日本語版・2025年12月18日更新）
• Google検索セントラル「AI機能とウェブサイト」（日本語版・2025年12月31日更新）
• OpenAIとAnthropicのクローラーに関する公式文書
• WordPress公式のドキュメントと、ブロックエディタの公開ソースコード

書くのは、そこで確かめられた範囲だけです。確かめられなかったことは「公式に記載なし」と書きます。

Q&Aサイトで見かけた、pタグが必要な理由を聞く質問

先日、Q&Aサイトでこのような悩みを拝見しました。投稿から数年が経っていますが、いまも同じ疑問を持つ人は多いと思います。

投稿者は、HTMLを学び始めたばかりの人でした。質問は2つあります。

1つ目は、pタグを使わなくても改行できるのに、なぜpタグが必要なのか分からない、という疑問です。2つ目は、pタグを使ったらエラーが出た、どこが間違っているのか、という相談でした。

回答に書かれていたこと

寄せられていた回答のひとつは、pは段落を意味する、という短い説明でした。段落がない文章や、使い方が分からないなら、使わなくてもよい、とも添えていました。

別の回答は、brは改行、pは段落だと整理していました。ブラウザの標準では、pタグには下側の余白があり、それが段落という位置づけを見た目に表している、という内容です。

日本語の組版では、欧文ほど段落の間を空けないので、余白を全部ゼロにしてしまう人も多い、と補足されていました。

回答のどこまでが確かめられるか

この回答は、半分ずつ性質が違います。

「pは段落、brは改行」という整理と、「標準で上下に余白が付く」という説明は、HTMLの仕様で確かめられます。この記事の次の節以降で、原文に当たって示します。

一方で、「使わなくてもよい」「余白はゼロにして構わない」という部分は、見た目だけを考えれば成り立つ話です。ただし、検索エンジンや読み上げ機能、AIがページを読む場面は、見た目とは別の話です。ここは、確かめられた範囲で次の節から書きます。

質問から読み取れる3つの疑問

この質問の中には、3つの疑問が混ざっています。

1つ目は、pタグがなぜ必要なのか。2つ目は、brと何が違うのか。3つ目は、エラーが出るのは何が間違っているのか。

3つ目のエラーについては、質問者の画像を私は見ていないので、原因を特定することはできません。ただし、pの中に入れてはいけないものを入れたときに、何が起きるのかは、仕様に書かれています。その仕組みを、あとの節で説明します。

先に短く答える

p要素は、文章のまとまりを段落として示すタグです。改行だけが目的なら、段落が変わっていないかを先に確かめます。段落が変わっているならp、同じ段落の中で行だけ変えたいならbrです。

エラーのように見える現象の多くは、pの中に入れられないものを入れたときに起きます。これは、仕様の定めた規則で説明がつきます。

次の節から、仕様の原文に当たって、中身を順に見ていきます。

p要素とは何か：仕様に書かれた定義

HTMLの仕様（WHATWG）は、p要素を次のように定義しています。原文は英語なので、和訳して示します。

「p要素は、段落を表す。」（英語の原文を和訳）

定義はこの1文だけです。太字にする、余白を空ける、といった見た目の話は、定義の中に入っていません。

仕様が段落の見た目について書いていること

仕様は、続けて次のように説明しています（英語の原文を和訳）。段落は視覚的な媒体では、空行で隣の文章と物理的に区切られたかたまりとして表されるのが普通です。ただし、スタイルシートやブラウザが別の方法で段落の切れ目を示しても、同じように正当だとされています。

別の方法の例として、仕様はピルクロウ（¶の記号）を行の中に置く表示を挙げています。

つまり、空行で区切って見せるのは、段落の表し方のひとつにすぎません。タグが表すのは、あくまで「ここからここまでが段落」という構造です。

段落は文章だけとは限らない

仕様が載せている適合例の中には、フォームの項目をpで囲んだものがあります。名前の入力欄と、他の利用者に表示しないというチェックボックスを、1つの段落として扱っています。

画像やフォームの部品も、関連するもののまとまりなら、段落として扱えます。pの中に入れられるのは、文字と、文字の流れの中に置けるもの（仕様の用語で言う「フレージング・コンテンツ」）です。

内容モデルの確認

仕様の項目には、p要素の性質が一覧で載っています。確かめた内容を表にします。

項目	仕様の記述（和訳）
分類	フロー・コンテンツ、および、パルパブル・コンテンツ
使える場所	フロー・コンテンツが期待される場所
中身（内容モデル）	フレージング・コンテンツ
終了タグ	一定の条件で省略できる
属性	グローバル属性のみ

「グローバル属性のみ」は、class や id のような、すべての要素に付けられる属性だけが使えるという意味です。pに専用の属性はありません。

終了タグを省けると仕様に書いてある条件

仕様には、p要素の終了タグを省略してよい条件が書かれています。pの直後に、address、article、div、ul、ol、table、見出し（h1からh6）などの要素が続く場合や、親の要素の中に続く内容がない場合です。

つまり、終了タグを書き忘れたpがあっても、直後に見出しやリストが来れば、ブラウザは段落が終わったと解釈します。この性質は、あとの節で説明する「書き間違えたときの挙動」と同じ仕組みから来ています。

実務では、終了タグを必ず書くことをおすすめします。省略できるからといって省くと、あとから別の人がソースを読んだときに、どこまでが段落なのか分かりにくくなります。

pを使わないほうがよいと仕様が書いている場面

仕様には、「より適切な要素があるときは、p要素を使うべきではない」という注意もあります。

仕様が挙げた例は、ページの最終更新日と、作者の連絡先です。pを2つ並べても技術的には正しい。しかし、更新日にはfooter、連絡先にはaddressという専用の要素があり、そちらのほうが望ましいと書かれています。

pは、最初に思いつく便利な箱です。しかし、段落より具体的な意味を持つ要素があるなら、そちらを選びます。

標準の見た目は、表示の章に書かれている

仕様の表示の章には、ブラウザが標準で使うことが期待される見た目の規則が載っています。p要素については、ブロックとして表示し、上下に1emの余白を付ける、という内容でした。

この規則は「標準の見た目」にすぎません。サイトのCSSで上書きされると、余白は変わります。これが、前の節のQ&Aで「標準では下に余白がある」と言われていた中身です。

brタグとの違い：改行と段落の使い分け

pとbrは、混同されやすい組み合わせです。仕様の定義を並べて比べます。

要素	仕様の定義（和訳）	中身	終了タグ
p	段落を表す	文字などを入れられる	条件つきで省略可
br	改行を表す	何も入れられない	書かない

pは文章のかたまりを囲む箱で、brは線を1本引くような部品です。brには中身がないので、囲む形では書きません。

brが使えると仕様が認めている場面

仕様は、brの使い方について、はっきり制限を書いています。原文を和訳すると、次のとおりです。

「br要素は、詩や住所のように、改行が内容の一部になっている場合にだけ使わなければならない。」（英語の原文を和訳）

仕様が挙げている正しい使い方の例は、住所です。名前、番地、市の名前を、行ごとに分けて書く形でした（原文は英語の住所。下は日本語に置き換えた例です）。

<p>東京都千代田区1丁目1番地<br>
サンプルビル3階<br>
株式会社サンプル</p>

この例は、1つの段落の中に、住所の行が3つ入っています。行を変えること自体が内容の一部なので、brを使うのが正しいとされています。

brが使えないと仕様が示している場面

同じ項目に、してはいけない例も載っています。原文を和訳すると、「br要素は、段落の中の主題が別々のグループを区切るために使ってはならない」です。

仕様が不適合とした例は、2つの別々のリンクを、brで区切って1つの段落に入れたものでした。「コメント34件」へのリンクと、「コメントを追加する」へのリンクです。

仕様が示した直し方は、それぞれを別のpに分けることでした。話題や役割が違うものを区切るなら、pを分けて使います。

空の段落で余白を作ることも許されていない

仕様には、もうひとつ注意書きがあります。brだけを入れた段落は、テンプレートの中の「空行の場所取り」を表します。そして、その空行を見た目のために使ってはならない、と書かれています。

見た目の余白が欲しくて、brを重ねたり、空のpを置いたりする書き方は、仕様が許していません。余白は、次の節以降で説明するCSSで作ります。

判定の目安

仕様の記述を、判断の順番に並べ直しました。

問い	答え	使うもの
話題や役割が変わるか	変わる	pを分ける
行の切れ目が内容の一部か（詩、住所など）	一部である	pの中でbr
見た目の余白が欲しいだけか	そうだ	CSSで余白を指定する

3つ目の答えがいちばん多い誤りの元になります。余白が欲しいという見た目の都合を、タグで解決しようとすることが、brの重ね打ちや空のpを生みます。

divタグとの違い：意味のないまとまりと段落

pとよく並べて比べられるのが、divです。どちらも「かたまりを囲む」ので、見た目は似ています。

仕様はdivを、次のように位置づけています（英語の原文を和訳）。div要素には特別な意味がまったくない。作者は、他に適切な要素がないときの最後の手段として、div要素を見るよう強く勧められる。

意味があるかどうかが違い

pには「段落」という意味があります。divには意味がありません。

divは、自分では「文章のかたまり」という情報を持ちません。仕様が最後の手段と呼ぶのは、このためです。

divが役に立つ場面

仕様は、divが無駄だと言っているわけではありません。スタイルのために使う場面や、同じ注釈を付けたい複数の段落を囲む場面では、役に立つとしています。

文章を1つずつdivで囲んでいる記事を見かけたら、pに直せないか確かめる価値があります。

比べた表

比べる点	p	div
意味	段落	なし
仕様の位置づけ	段落を表す要素	最後の手段として使う要素
中に入れられるもの	文字と、文字の流れに置けるもの	段落、リスト、表など、より広いもの
向く場面	文章のかたまり	複数の段落をまとめて装飾する場面

pの中に別のブロックを入れたくなったときは、pをdivに変える手があります。これは、次の節の話につながります。

仕様が段落について決めていないこと

最後に、仕様に書かれていない点も整理しておきます。書かれていないことを、あるかのように語る記事が多いためです。

仕様は、段落の文字数の上限や下限を決めていません。1つのpに入れる文の数も、決めていません。

また、段落の頭を字下げするか、段落の間を空けるかも、仕様の定義の外にあります。見た目の流儀は、日本語の文章でも、横書きのWebと縦書きの紙とで違います。

仕様が決めているのは、構造と、その構造を壊さない書き方です。長さや見た目の判断は、読む人に合わせて自分で決める部分として残されています。

決めていること	決めていないこと
pは段落を表す	1段落の文字数
pの中にはフレージング・コンテンツを入れる	1段落に入れる文の数
brは内容の一部の改行にだけ使う	段落の間の空きの大きさ
見た目のための空行は許されない	字下げをするかどうか

pタグの中に入れられるもの、入れられないもの

Q&Aの質問者がぶつかったエラーは、この節の話と関係している可能性があります。pには、中に入れてよいものと、入れられないものがあります。

入れてよいもの

仕様がp要素の中身として定めているのは、フレージング・コンテンツです。文字そのものと、文字の流れの中に置く要素のことです。

具体的には、リンクのa、強調のstrongとem、文字の一部を囲むspan、改行のbr、画像のimg、コードを示すcodeなどが入ります。強調のstrongタグは文字の流れの中に置くタグなので、pの中に入ります。使い分けはstrongタグの記事に書きました。

仕様の適合例には、ラベルつきの入力欄をpで囲んだものもありました。入力欄も、文字の流れに置ける部品として扱われます。

入れられないもの

反対に、段落の中にそのまま置けないものがあります。ブロックの性質を持つ要素です。

入れたいもの	pの中に置けるか	理由と代わりの置き方
別の段落（p）	置けない	pの中にpは入れられない。段落を分けて並べる
箇条書き（ul・ol）	置けない	仕様が明記している。前後を別のpに分けてリストを挟む
見出し（h1からh6）	置けない	見出しは段落の外に置く
div	置けない	divはフレージング・コンテンツではない。pをdivに替える手がある
表（table）	置けない	表は段落の外に置く
引用（blockquote）	置けない	引用のブロックは段落の外に置く

箇条書きについては、仕様に専用の説明があります。次の見出しで詳しく見ます。

「箇条書きを含む1文」はどう書くか

仕様には、こういう文が例として出てきます。「この素晴らしい文には、魔法使い、光より速い旅行、テレパシーに関する箇条書きがあり、さらに下で論じられる」という文を、1つの段落として書きたい場合です（英語の例を要約）。

仕様の答えは、こうでした。HTMLの段落は構造上の概念であり、論理的な概念ではない、と書かれています。

「箇条書きのある例の文は、仕様の定義では5つの段落になる。リストの前に1つ、各項目に1つずつ、リストの後に1つである。」（英語の原文の要約を和訳）

つまり、人が読んで1つの文に見えても、HTMLでは5つに分けて書くのが決まりです。

どうしても1つのまとまりとして装飾したいなら、仕様はdivを使う方法を示しています。5つの段落を、1つのdivで囲む形です。

質問者のエラーに近い現象

Q&Aの質問者は、pを使ったらエラーが出たと書いていました。エラーの画像を私は見ていないので、原因は特定できません。

ただ、HTMLの検査ツールが「pの中にこの要素は置けない」と指摘する例は、よくあります。中に置けないものを入れたかどうかを、まず疑います。

次の節で、そのとき裏側で何が起きているのかを説明します。

書き間違えたときにブラウザが何をするか

HTMLの仕様には、書き間違えたソースをブラウザがどう読み直すかの規則も、細かく書かれています。pに関する規則を確かめました。

開いているpは、ブロックが来ると自動で閉じられる

仕様の構文解析の章に、次の規則があります。開いているpがある状態で、div、ul、ol、見出し（h1からh6）、blockquote、section、nav、figure などの開始タグが来ると、ブラウザは先にpを閉じてから、その要素を始めます。

つまり、pの中にdivを入れて書いても、ブラウザの頭の中では、pが先に終わり、divはその外に置かれます。

余った終了タグは、空の段落になる

もうひとつ、見落としやすい規則があります。pが開いていないのに、終了タグ </p> だけが来た場合です。ブラウザは、これを間違いとして扱ったうえで、空のp要素を作ります。

書き間違いの例を見ます。

<p>前の文<div>囲み</div>後の文</p>

この書き方を読み直したブラウザは、次の順に解釈します。

順番	ブラウザの解釈
1	「前の文」を入れたpが始まる
2	divの開始タグが来たので、pを閉じる
3	divが始まり、「囲み」を入れて閉じる
4	「後の文」は、pの外に残る
5	余った終了タグが来て、空のpが作られる

最後の空のpが、意図しない余白の元になります。自分では書いていない空の段落が、画面の上に出てくるのは、この規則のためです。

この挙動が、実務で意味すること

書き間違いは、見た目が崩れてから気づくことが多いものです。空の段落ができると、上下の余白が重なって、段落の間が不自然に空いて見えます。

「余白が空きすぎる」「理由の分からない空きがある」という相談は、このような入れ子の間違いが原因になっている場合があります。

確かめる方法は、ブラウザの開発者ツールで、空いている部分をクリックして要素を見ることです。空のpが見つかれば、原因は入れ子です。

余白と文字の大きさはCSSで決める

pタグは構造を表すだけで、余白も文字の大きさも決めません。これらはCSSの仕事です。この節では、よく聞かれる設定を整理します。

どのプロパティが何を決めるか

変えたいこと	CSSのプロパティ	補足
段落と段落の間の空き	margin	標準では上下に1em（仕様の表示の章）。ここを書き換える
文字の大きさ	font-size	サイトのCSSで指定する
行と行の間隔	line-height	下の例では倍率で指定している
段落の幅	max-width	1行の長さを抑えたいときに指定する
段落の頭の字下げ	text-indent	字下げを付けたいときに指定する

プロパティの名前は、仕様やスタイルシートの書き方に決まった英語なので、そのまま書いています。

短い例：余白と行間を決める

段落の下に余白をまとめて付けたい場合の書き方です。

p {
  margin: 0 0 1.5em;
  font-size: 1rem;
  line-height: 1.8;
}

意味は、段落の上の余白は0、下の余白は文字の大きさの1.5倍、文字の大きさは基準の1倍、行間は1.8倍、です。値は一例です。サイトの雰囲気に合わせて調整します。

余白の目安になる、公式の数字

余白を何にすればよいかには、正解が1つあるわけではありません。ただし、アクセシビリティの国際的なガイドラインには、参考になる基準があります。

W3Cが2024年12月12日に勧告したWCAG 2.2の達成基準1.4.12（テキストの間隔、レベルAA）には、次の趣旨が書かれています。

「次のすべてを設定し、他のスタイルは変えない場合に、内容や機能が失われないこと。行間は文字の大きさの1.5倍以上、段落の後の間隔は文字の大きさの2倍以上。」（英語の原文を和訳。ほかに文字間隔と単語間隔の項目もある）

この基準は、サイトにその値を使うことを求めているわけではありません。同じ項目の注記には、内容がその値を使う必要はなく、利用者がそうした設定に変えたときに崩れないことが要件だと書かれています。

ここから先は弊社の整理です。段落を固定の高さの枠に押し込むと、利用者が間隔を広げたときに文字が切れる原因になりえます。余白は、枠の高さを固定せずに指定するほうが安全だと考えています。

余白を、改行や空のタグで作った場合

余白が欲しいときに、タグで済ませようとする書き方があります。それぞれ、何が起きるのかを表にまとめます。

余白の作り方	仕様の扱い	起きやすいこと
brを重ねる	見た目のための空行は不可と書かれている	余白の大きさを変えにくく、読み上げでも改行が繰り返される場合がある
空のpを置く	見た目のための使い方は不可と書かれている	意図しない空の段落が、段落の数として数えられる
全角スペースの空行	今回は仕様で確かめていない	文字として扱われるため、見た目の空きが文字の大きさに左右されやすい
CSSのmargin	見た目はCSSで指定する	1か所の変更で、サイト全体の余白を揃えられる

読み上げ機能での挙動は、利用する機能によって違うので、断定はしません。確実なのは、見た目はCSS、構造はタグ、と役割を分けておくと、あとから直しやすいということです。

サイト全体の余白をそろえたいなら、テーマの設定画面かCSSの1か所で決めます。段落ごとに直接書き込むと、ほかの段落との差が少しずつ開いていきます。

WordPressの段落ブロックが出すHTML

WordPressで記事を書いている人が、いちばん気になるのは、エディタで文章を打つと何のタグが出るのかでしょう。3つの方法で確かめました。

ブロックエディタの公開ソースコード

ブロックエディタ（Gutenberg）の公開ソースコードを、2026年11月7日に開きました。段落ブロックの定義ファイルでは、本文の中身の取り出し先に p という要素が指定されています。

保存の処理を書いたファイルでも、出力されるのはp要素でした。つまり、段落ブロックを1つ置くと、p要素が1つできます。

同じ定義ファイルには、このブロックで設定できる項目も並んでいました。文字の大きさ、行の高さ、外側の余白（margin）、内側の余白（padding）などです。ブロックごとに、画面の設定で余白と文字の大きさを変えられる作りです。

Enterキーと、改行だけを入れる操作

次に、改行の扱いを確かめました。入力の処理を書いたファイルを読むと、「改行の入力」を受け取ったとき、文章の中に改行文字を1つ挿入する処理がありました。

別のファイルでは、その改行文字が、画面に出すときにbr要素へ変換されていました。ソースの上で確かめられたのは、ここまでです。

どのキーの操作が、この「改行の入力」に当たるのかは、ブラウザ側の仕組みです。実際にどのキーで何が出るかは、編集画面で試し、ソースを表示して確かめてください。段落が分かれるのか、brが入るのかが、そこで分かります。

昔の書き方の記事が変換されるとき

WordPressには、文章の中の改行を自動でタグに変える機能があります。公式の関数の説明によると、2つ続いた改行を段落（p）に変え、残った改行はbrタグに変えます。この変換を止める設定もあります。

古いエディタで書いた記事や、HTMLを貼り付けた記事で、思っていない場所にbrが出るのは、この仕組みのためである場合があります。

出力されるHTMLの形

確かめた結果を、操作ごとに表にします。

操作	出るHTML	確かめた方法
段落ブロックを置いて文章を書く	p要素	公開ソースコードで確認
段落ブロックの中で改行を入れる	改行文字が入り、表示時にbr要素へ変換される	公開ソースコードで確認。実際の操作は画面で確認が必要
本文に、空行を挟んだ文章を貼り付ける	空行で区切られた単位がpに変わる場合がある	公式の関数の説明に基づく。条件は設定による
文字の大きさを設定する	ブロックの設定として保存される	定義ファイルの項目を確認

文字の大きさを設定画面で変えたときに、ソースにどう書かれるかは、テーマごとに違う可能性があります。実物のソースで確かめてください。

実物のソースを見る手順

ページの上で右クリックして「ページのソースを表示」を選び、本文の付近を探します。pで囲まれた段落が並んでいれば、段落の構造ができています。

文章の途中にbrが何度も出てくる場合は、改行を詰め込んで1つのpにしている可能性があります。別の段落に分けられないか、見直す価値があります。

弊社の公開記事で数えた段落

ここまでの話を、弊社の実物で確かめました。2026年11月7日に、弊社の公開記事を新しい順に50ページ取得し、本文中のタグを数えています。取得は1回で、負荷をかけないようにしました。

数えたのは、属性のないp要素です。記事の最後に自動で付く案内の枠の段落は、別の見た目の指定が付いているので、数えていません。

段落の数と長さ

結果を表にします。

数えたもの	結果
取得したページ数	50ページ
数えた段落の数	2,991個
1ページあたりの段落数（中央値）	49個（最少25個、最多204個）
1段落の文字数（中央値）	65字
1段落の文字数（90番目の百分位）	100字
100字を超える段落	296個（9.9%）
空の段落	0個

空のpは、50ページを通して1つもありませんでした。

段落ごとの文の数

1段落に何文入っているかも数えました。文の数は、句点（。）とびっくりマークなどの終わりの記号を数えて出しています。

1段落の文の数	段落の数	割合
0文（句点なし）	19個	0.6%
1文	859個	約29%
2文	1,933個	64.6%
3文以上	180個	6.0%

93.3%の段落が、2文以内でした。

このデータは、他のサイトにそのまま当てはまる統計ではありません。弊社の記事は投稿用の仕組みでHTMLに変換して入れていて、執筆規則に「1段落は1文か2文」と定めています。人が1本ずつエディタで書いた結果とは、条件が違います。

brの数と、見つかった問題

brの数も数えました。結果は、少し意外でした。

見つかった場所	数	ページ数
本文の表のセルの中	3個	1ページ
記事の最後の案内の枠の、2つのボタンの間	各ページに1個	50ページ

本文のbrは、コードの2行を表のセルの中で改行している3個だけでした。仕様が認めている「改行が内容の一部」の使い方に近い形です。

一方、案内の枠のボタンの間には、50ページすべてでbrが入っていました。ソースの上では、2つのボタンの間の改行が、WordPressの自動変換でbrに変わったように見えます。

見た目に影響しているかどうかは、今回確かめていません。ただ、意図して書いたタグではないので、枠のHTMLの書き方を見直す項目です。自社の実物を測ると、思っていなかった箇所が見つかるという一例です。

SEOとAI検索では、公式に何と書いてあるか

段落の分け方が、検索順位やAI検索の引用に関係するのかを、公式の文書で確かめました。

検索セントラルで確かめた結果

Google検索セントラルの「Google 公式 SEO スターター ガイド」（日本語版・2025年12月18日更新）には、読みやすい文章の条件として、次の記述があります。

「長い文章は段落や章などに分け、全体を見通せるように見出しを付けてください。」

この記述は、読む人にとってのわかりやすさの話です。pタグを使え、とは書かれていません。ただ、段落に分けることそのものは、公式が勧めている書き方です。

AI機能のページに書かれていること

Google検索セントラルの「AI機能とウェブサイト」（日本語版・2025年12月31日更新）は、AIによる概要とAIモードに表示されるための考え方を説明しています。その中に、次の記述があります。

「AI 機能で表示されるために、新たにコンピュータが解読可能なファイルや AI テキスト ファイル、マークアップを作成する必要はありません。」

同じページには、「重要なコンテンツはテキスト形式で提示します」という項目もあります。段落の長さや、pタグの使い方についての記述は、このページの中に見つかりませんでした。

OpenAIとAnthropicの文書

OpenAIのクローラーの公式文書と、Anthropicのクローラーに関するヘルプを開きました。内容は、クローラーの名前の一覧と、robots.txt での制御方法が中心です。

どちらの文書にも、段落、p要素、マークアップの書き方についての記述は見つかりませんでした。したがって、AI検索がpタグをどう扱うかは、公式に記載なしです。

確かめられた範囲を表にする

問い	確かめられた範囲
段落に分けることを勧めているか	Googleは、長い文章を段落に分けるよう書いている
pタグの有無が順位に影響するか	公式に記載なし
段落の長さに目安はあるか	公式に記載なし
AI検索のために特別なマークアップが必要か	Googleは、AI機能のために新たに作る必要はないと書いている
OpenAIとAnthropicの文書に記述はあるか	段落やp要素についての記述は見つからなかった

「記載なし」と書いた行は、調べて見つからなかったという報告です。ないことの証明ではありません。

公式の記述を、記事の書き方に当てはめる

公式の記述と、確かめられた範囲を合わせると、段落の書き方は次の3点に絞れます。

1つ目は、長い文章を段落に分けることです。Googleが、読みやすい文章の条件として挙げています。

2つ目は、重要な内容をテキストで書くことです。画像の中の文字だけに頼らず、本文のpの中に書きます。

3つ目は、検索やAIのために特別なタグを足そうとしないことです。公式は、AI機能のために新たに作る必要はないと書いています。

ここから先は弊社の整理です。段落を分けて書くことは、検索やAIのためである前に、読む人が拾い読みをするための基本だと考えています。公式に書かれていないことを、効果があるかのように語らないことが、この記事の立場です。

段落を区切る4つの問い

ここまでの確認を、実際に文章を書くときの判断に落とします。タグの名前を覚えるより先に、区切る場所を決める問いを4つ用意しました。

問い1：話題が変わるか

話題、役割、読み手に伝えたい用件のどれかが変わるなら、段落を分けます。pを分ける、というのが仕様の考え方です。

仕様が不適合とした「リンクを2つ、brで区切って1つの段落に入れる」書き方は、役割の違うものを1つにまとめた例でした。役割が違うなら、別の段落です。

問い2：行の切れ目が内容の一部か

住所、詩、歌詞のように、行で切ることに意味がある文章だけ、pの中でbrを使います。

普通の説明文は、行の切れ目に意味がありません。画面の幅によって行の折り返しは変わるので、決まった場所で改行させる必要はないのです。

問い3：文字の流れの中に収まるか

段落に入れたいものが、リスト、表、見出し、引用のどれかなら、pの中には置けません。その部分は、pの外に出します。

箇条書きを含む説明なら、前の文のp、リスト、後の文のp、の順に並べます。引用を含む文章は、引用のタグの記事の書き方に従って、引用部分を段落の外に置きます。

問い4：余白は見た目の話か

段落の間隔、文字の大きさ、行の高さは、CSSで決めます。タグで解決しようとしていないかを、最後に確かめます。

brを重ねたり、空のpを置いたりしていたら、仕様が見た目のための使い方を許していない形です。CSSのmarginに置き換えます。

4つの問いの判定表

問い	答えが「はい」のとき	答えが「いいえ」のとき
話題が変わるか	段落を分ける	同じ段落に続ける
行の切れ目が内容の一部か	pの中でbrを使う	brは使わず、折り返しに任せる
文字の流れの中に収まるか	pの中に入れてよい	pの外に出す
余白は見た目の話か	CSSで指定する	タグの構造を見直す

複数の問いが同時に当てはまるとき

実際の文章では、問いが重なることがあります。たとえば、住所を書きたいが、その前に説明の文もある場合です。

この場合は、説明の文を1つのpにします。住所は別のpにして、その中でbrを使います。話題が変わっているので、問い1が先に当たります。

迷ったときは、問いの番号の順に当てはめます。問い1で分ければ、問い2のbrを使う場面は、ほとんどの文章で出てきません。

チームで決めておくとよいこと

記事を複数の人で書くサイトでは、次の3点を先に決めておくと、ばらつきが減ります。

決めること	決め方の例
1段落の話題の数	1段落に1つの話題
brを使ってよい場面	住所や連絡先の行分けに限る
余白の決め方	記事ごとには指定せず、テーマのCSSで1か所に決める

書く人が変わっても、同じ判断になるようにするための決めです。

書き直しの例

文章を使って、4つの問いを当てはめます。次のような、1つの段落にすべてを詰め込んだ文章があったとします。

「営業時間は9時から18時です。定休日は水曜日です。ご予約はお電話でも承ります。駐車場は店の裏に3台分あります。」

これは、営業時間、定休日、予約、駐車場と、役割が4つ混ざっています。問い1に当てはめると、段落を分けられます。

営業時間と定休日は、1つの段落でもかまいません。同じ「お店を開けている時間」の話だからです。予約の案内と駐車場は、それぞれ別の段落にします。

分けた結果、拾い読みしている人は、段落の頭だけで必要な情報の場所が分かるようになります。これは、見た目の話です。ただ、HTMLの構造としても、役割ごとに段落が分かれた形になります。

段落が長すぎると感じたときの切り方

弊社の実測では、1段落の長さの中央値は65字でした。これは弊社の執筆規則で、1段落を1文か2文にそろえているためです。この数字を目標にする必要はありません。

自分の記事で長すぎると感じる段落があれば、次の順で見直します。

順番	見直すこと	例
1	文が3つ以上入っていないか	結論の文と理由の文を、別の段落に分ける
2	話題が2つ混ざっていないか	料金の話と、手順の話を分ける
3	具体例が混ざっていないか	例の部分だけを、次の段落にする

見直す基準は、話題の数です。字数の目安は置きません。1つの段落に1つの話題、を守れていれば、文字数は多少長くても構いません。

よくある質問

Q1. pタグは使わなくても、改行できるのではありませんか

見た目の上では、brでも空きを作れます。ただ、仕様はpを段落を表す要素と定めていて、brは「内容の一部としての改行」だけに使うよう書いています。

仕様に従うと、文章の区切りはpで書きます。

Q2. pタグの中にdivを入れるとエラーになるのはなぜですか

仕様の構文解析の規則で、pが開いている状態でdivの開始タグが来ると、ブラウザは先にpを閉じてしまうためです。

その結果、書いた入れ子の形と、ブラウザが読み取った形が食い違います。pをdivに替えるか、divの外にpを並べます。

Q3. 段落の間の余白を変えるには、どうすればよいですか

CSSのmarginで指定します。標準の見た目では、pの上下に1emの余白が付きます。

WordPressの段落ブロックなら、ブロックの設定の項目で、余白を変えられるテーマもあります。画面に出ない場合は、テーマのCSSで指定します。

Q4. 段落を短くすると、SEOやAI検索で有利になりますか

公式に記載なし、というのが確かめられた範囲の答えです。Googleは、読みやすい文章の条件として、長い文章を段落に分けるよう書いています。順位に直接効くとは書かれていません。

OpenAIとAnthropicの文書にも、段落の長さについての記述は見つかりませんでした。

Q5. WordPressで改行すると、brになりますか、pになりますか

ソースで確かめられたのは、改行の入力が改行文字の挿入になり、画面に出すときにbr要素へ変換される、というところまでです。

Enterキーを押したときに新しい段落ができるかどうかは、編集画面で試して、ソースを表示して確かめてください。

まとめ：段落の区切りを、理由で説明できるようにする

p要素は、文章の段落を表すタグです。HTMLの仕様の定義は「段落を表す」の1文で、余白や文字の大きさは定義に入っていません。

brは、詩や住所のように、改行が内容の一部になっている場合にだけ使います。話題の違うものを区切るときは、pを分けます。

divは意味を持たない入れ物で、仕様は最後の手段と位置づけています。pの中にリスト、見出し、div、表は入れられません。

pが開いている途中でdivや見出しが来ると、ブラウザはpを自動で閉じます。余った終了タグは、空の段落を作ります。

余白と文字の大きさは、CSSで決めます。標準の見た目では、pの上下に1emの余白が付きます。

段落の長さが検索順位やAI検索の引用に影響するかは、公式に記載がありません。Googleは、読みやすい文章の条件として、長い文章を段落に分けることを挙げています。

弊社の公開記事50ページでは、段落の93.3%が2文以内でした。案内の枠のボタンの間に、意図しないbrが入っているという課題も見つかりました。

今日できる点検

点検すること	方法	合格の目安
段落の構造ができているか	記事のソースを表示して、本文がpで囲まれているか見る	文章のかたまりごとに、pが並んでいる
brの重ね打ち	ソースで br が2つ以上続いている場所を探す	見つからない。余白はCSSで作られている
空のp	開発者ツールで、不自然に空いている部分を確かめる	空のpがない
pの中の入れ子	pの中にdiv、ul、見出しを入れていないか探す	入れていない
長すぎる段落	画面で、5行を超える段落を探す	話題が2つ混ざっていない
余白と文字の大きさ	テーマの設定かCSSを見る	1か所で決まっている
WordPressの改行	段落ブロックで改行を入れ、ソースを表示する	pとbrのどちらが出るかを把握している

ページを増やしても問い合わせが来ないなら、原因はページの外にあります。その場合は、下の入口からご相談ください。