目次
HTMLの基本とSEOの関係
SEO対策は「コンテンツの質」が最も重要ですが、HTMLの構造が正しく書かれていなければ、検索エンジンがコンテンツの内容を正確に理解できません。HTMLの基本的な要素を正しく使うことは、テクニカルSEOの土台になります。
WordPressなどのCMSを使っている場合、HTMLを直接編集する機会は少ないですが、タイトルタグ・見出しタグ・メタタグなどの基本を理解しておくことで、SEOの設定がなぜ重要なのかを判断できるようになります。
SEOに関わる主要なHTMLタグ
| タグ | 役割 | SEOへの影響 |
|---|---|---|
| <title> | ページのタイトルを定義する | 検索結果に表示される最重要要素。CTRに直結 |
| <meta name=”description”> | ページの説明文を定義する | 検索結果のスニペットに表示。CTRに影響 |
| <h1>〜<h6> | 見出しの階層構造を定義する | コンテンツの構造をGoogleに伝える |
| <a href> | リンクを設定する | 内部リンク・外部リンクの設計に使用 |
| <img alt> | 画像の代替テキストを設定する | 画像検索でのランキングと画像内容の理解に影響 |
| <meta name=”robots”> | クローラーへの指示を定義する | noindex・nofollowでインデックスを制御 |
| <link rel=”canonical”> | 正規URLを指定する | 重複コンテンツの問題を防ぐ |
各タグの最適な使い方
titleタグ
- 各ページに固有のタイトルを設定する（重複させない）
- ターゲットキーワードを含める（できれば先頭付近に）
- 30〜40文字（全角）に収める
- クリックしたくなる訴求を含める
見出しタグ（h1〜h6）
- h1は1ページに1つ。ページの主題を示す
- h2は記事の主要セクション。4〜7個が目安
- h3はh2の中のサブトピック
- 階層を飛ばさない（h2の直下にh4を使わない）
- 見出しにキーワードを自然に含める
メタディスクリプション
- 100〜120文字で記事の要約を記載する
- 検索キーワードを含めると、検索結果で太字表示される
- 「この記事を読むと何がわかるか」を伝える
画像のalt属性
- 画像の内容を具体的に説明するテキストを設定する
- キーワードの詰め込みは避ける
- 装飾目的の画像にはalt=””（空）を設定する
内部リンク（aタグ）
- 関連する記事やサービスページへのリンクを本文中に設置する
- アンカーテキスト（リンク文字列）は「こちら」ではなく、リンク先の内容がわかる文言にする
- 1記事あたり3〜5本の内部リンクが目安
canonicalタグ
- 重複コンテンツが存在する場合、正規URLを指定する
- http/https、www有無、パラメータ付きURLなどの重複に対応
- SEOプラグインが自動設定する場合が多い
よくあるHTMLのSEOミス
| ミス | 影響 | 対策 |
|---|---|---|
| titleタグが全ページ同じ | Googleが各ページの内容を区別できない | 各ページに固有のタイトルを設定する |
| h1タグが複数ある | ページの主題が不明確になる | h1は1ページ1つに統一する |
| 見出しの階層が不正 | コンテンツ構造がGoogleに正しく伝わらない | h2→h3→h4の順序を守る |
| 画像にaltがない | 画像検索でのランキング機会を逃す | すべての意味のある画像にalt属性を設定 |
| アンカーテキストが「こちら」 | リンク先の内容をGoogleが理解できない | リンク先の内容を表す文言にする |
HTMLのSEO状態を確認する方法
- ブラウザの開発者ツール：F12キーで開き、Elements タブでHTMLの構造を確認
- PageSpeed Insights：表示速度とSEO関連の基本チェック
- Search Console：インデックスの状態・エラーの確認
- リッチリザルトテスト：構造化データの検証
まとめ
HTMLの基本タグ（title・meta description・h1〜h6・alt・canonical）を正しく使うことは、SEO対策の土台です。CMSを使っていても基本を理解しておくことで、設定ミスの発見やSEOプラグインの適切な運用ができるようになります。
