目次
- meta title・meta description とは？
- meta title（タイトルタグ）の最適化方法
- 1. 文字数の目安：30〜35文字
- 2. キーワードは左に寄せる（超重要）
- 3. クリックされやすい要素を入れる
- 4. サイト名は最後に
- meta description（説明文）の最適化方法
- 1. 文字数の目安：70〜120文字
- 2. 検索意図と一致させる
- 3. クリックしたくなる文章にする（重要）
- meta title と meta description の NG例
- キーワードの詰め込み
- 40文字以上の長すぎるタイトル
- あいまい・抽象的な文章
- サイト全体で統一するルールを作ると強い
- まとめ：SEOで最重要なのが meta title・description
meta title・meta description とは？
SEO において もっとも重要なメタタグが以下の2つです。
- meta title（タイトルタグ） … 検索結果の青文字になる部分
- meta description … タイトル下の説明文になる部分
Google の理解に直結し、
クリック率（CTR）にも最も影響するため、SEO では超重要です。
meta title（タイトルタグ）の最適化方法
1. 文字数の目安：30〜35文字
検索結果に 省略されずに表示される長さです。
長すぎると「…」で切れるため CTR が下がります。
2. キーワードは左に寄せる（超重要）
悪い例：初心者でも簡単にできるHTMLのdivタグの使い方｜HP Build Studio
良い例：HTMLのdivタグの使い方｜初心者向け解説｜HP Build StudioGoogle は左側ほど重視するため、
狙うキーワードはなるべくタイトルの先頭に置くのが鉄則。
3. クリックされやすい要素を入れる
- 初心者向け
- 完全ガイド
- チェックリスト
- 具体例つき
- 最新版
例：
CSS疑似要素の使い方｜初心者向け完全ガイド【実例つき】4. サイト名は最後に
｜HP Build Studio検索意図に関係するワードを優先し、
ブランドは後ろで OK。
meta description（説明文）の最適化方法
1. 文字数の目安：70〜120文字
長すぎると途中で切れますが、短いとクリックされません。
2. 検索意図と一致させる
読者が求めていることを“そのまま”書くのが最強です。
例：
「div とは？」で検索する人の意図は…
- div の役割を知りたい
- 使い方を知りたい
- 実例が見たい
なので description もこれに合わせる：
HTMLのdivタグの役割・使い方・基本構造を初心者向けに解説します。見出しやレイアウトでの活用例も含めて分かりやすく紹介します。3. クリックしたくなる文章にする（重要）
- 読むメリットを提示
- 要点をまとめる
- 短くて読みやすい文章
- 「詳しく解説」などの誘導ワード
meta title と meta description の NG例
キーワードの詰め込み
div div div divタグとは div使い方 HTML div説明逆効果です。
40文字以上の長すぎるタイトル
検索結果で切れます。
あいまい・抽象的な文章
こちらのページでは div について説明します。クリックされません。
サイト全体で統一するルールを作ると強い
例：
【メインキーワード】｜【ベネフィット】｜【ブランド名】あなたの HP Build Studio の場合：
【テーマ】｜初心者向けにわかりやすく解説｜HP Build Studioが安定して SEO に強いです。
まとめ：SEOで最重要なのが meta title・description
- タイトルは 30〜35 文字
- 説明文は 70〜120 文字
- キーワードは左寄せ
- クリックしたくなる文章にする
- ページごとに必ず個別に書く
- キーワード詰め込みは逆効果
これらを守るだけで、
検索順位とクリック率（CTR）が大幅に上がります。