トップSEOSEO対策SEO内部対策Pタグとは~段落を使ってHTMLをわかりやすくする3つのコツPタグとは~段落を使ってHTMLをわかりやすくする3つのコツ2019/11/15PタグでHTMLマークアップし、段落を使った見やすいページにしながら、サイト構築する方法があります。今回は、WordpressのPタグ、Pタグの行間、Pタグと改行について中心に解説したいと思います。目次PタグとはWordPressのPタグPタグと改行についてPタグにCSSを適用するPタグの行間Pタグのマージン(余白)Pタグの色Pタグの中央寄せPタグの入れ子について<li>タグの中に<p>タグ<p>タグの中に<p>タグHTML5でのPタグの使い方まとめPタグとはPタグとは、Paragraphの略で、「段落」を意味するHTMLタグのことです。Pタグは、<p>~</p>でマークアップすることで、段落を作ることができます。記述例:<p>ホームページの順位を上げるためにSEO対策が必要です。</p>1<p>ホームページの順位を上げるためにSEO対策が必要です。</p>Pタグは、主にテキスト文章を見やすくするために使われ、行間の調整に有効です。WordPressのPタグサイト構築できるCMSで最も有名なWordpressのPタグについて、以下のようなケースと対処法があるようです。WordPressで勝手に入る(自動挿入される)Pタグを削除(除去)する方法が、以下サイトで紹介されてます。wordpressに自動挿入されるPタグを削除する3つの方法wordpressには皆さんのご存知の通り、Enterキーで改行すると自動的にpタグを挿入されます。この自動的にpタグを入れてくれる機能は単純に文章を書くだけなら良いかもしれませんがwordpressにwebデザインを反映させようと思うと邪魔になる時があります。初心者にとっては便利な機能でも、中級者・上級者ともなると何とかしたいですよね。テキストエディタでpタグ、brタグが消えるワードプレスでブログを書いていると、何かの拍子にpタグやbrタグがwysiwygの投稿画面から消えますよね。Pタグと改行についてPタグと改行(BRタグ)は、意味や仕様が異なります。Pタグは、段落を作るときに使用し、BRタグで文章を改行します。HTMLでのマークアップ例:<p>ホームページの順位を上げるためにSEO対策が必要です。ホームページを上位表示させる対策のことです。</p>1234<p>ホームページの順位を上げるためにSEO対策が必要です。</p><p>SEO対策とは、GoogleやYahooなどの検索エンジンでより多くサイト表示させるために、<br>ホームページを上位表示させる対策のことです。</p>ブラウザでの表示例:ホームページの順位を上げるためにSEO対策が必要です。SEO対策とは、GoogleやYahooなどの検索エンジンでより多くサイト表示させるために、ホームページを上位表示させる対策のことです。上記のよう、基本的に長い文章の中で「物事の切れ目」や「一区切り」ごとにpタグで段落付けします。brタグをうまく使い、読みやすさなどの文章パフォーマンスをより高めることが可能です。PタグにCSSを適用するPタグにCSSを適用するときに、利用頻度が高めなパターンは以下のようになります。「line-height」プロパティを使い、150%か160%の行間指定が一般的となります。その他、pxやemやexなどの単位指定もできます。{line-height:160%;}Pタグのマージン(余白)「margin」プロパティを使い、左右上下の余白が調整できます。下*/}また、デフォルトでPタグに上下左右などマージン(余白)が入ってる場合、以下のよう「margin:0;」を指定することで回避できます。「color」プロパティで、「#333」などの黒系フォントカラー指定が一般的です。{color:#333;}Pタグの中央寄せ「text-align」プロパティの値である「center」を指定することで中央寄せができます。{text-align:center;}Pタグの入れ子について「<li>タグの中に<p>タグ」「<p>タグの中に<p>タグ」といったPタグの入れ子について、以下解説します。悩まない!タグの入れ子ルールまとめ<li>タグの中に<p>タグ<p>タグの中に<p>タグ<li>タグの中に<p>タグ以下のよう、liタグの中にpタグやdivタグなどのブロックレベル要素を入れたりすることが可能です。略で「検索エンジン最適化」を意味します。略で「検索エンジン最適化」を意味します。</p></li></ul><p>タグの中に<p>タグ以下のよう、pタグの中にpタグは入れることができません。pタグの中に入れていいのは、「aタグ」「imgタグ」「spanタグ」「strongタグ」「emタグ」といったインライン要素のみです。記述例:<p>ホームページの順位を上げるために<strong>SEO対策が必要</strong>です。</p>1<p>ホームページの順位を上げるために<strong>SEO対策が必要</strong>です。</p>HTML5でのPタグの使い方HTML4.01からHTML5へのバージョンアップにより、Pタグの使い方として、以下のようなポイントを抑えましょう。※参考:<p>-HTML5タグリファレンスalign属性が廃止HTML5では、p要素のalign属性は廃止されています。新しい要素を活用するまとめPタグで適切にマークアップし、ユーザービリティを高めましょう。見やすく・認識しやすいコンテンツにし、サイト価値を高めながら、SEO対策で順位上昇を目指すことが重要です。