この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:6
ページ更新者:guest
更新日時:2026-06-11 07:29:05

タイトル: タイトルにキーワードを盛り込む
SEOタイトル: SEO タイトル設計とキーワード配置完全ガイド (CTR / LLMO 対応)

この記事の要点
  • <title> タグは SEO で最重要要素。検索結果の青いリンクとして表示
  • キーワードは先頭に近いほど評価が高い。重要語は左寄せ
  • 推奨文字数: 日本語 30-35 字(半角換算 60 字)。それ以上は検索結果で「...」省略
  • サイト全体で重複しないこと、各ページに固有の <title>
  • LLMO (LLM Optimization) 時代も <title> は引用元判定の重要シグナル

SEO における の役割</h2> <p><code><title></code> は HTML の <code><head></code> 内に書くページタイトル。検索エンジンの検索結果ページ (SERP) で青いリンクとして表示され、<strong>クリック率 (CTR) を直接左右する</strong>最重要要素です。</p> <pre style="background:#1e293b;color:#e2e8f0;padding:1em;border-radius:6px;overflow-x:auto;line-height:1.5"><code class="language-html"><head> <title>PHP 改行出力 (\n / PHP_EOL / nl2br) 完全ガイド | IT総合 Wiki</title> </head> <!-- 検索結果での見え方 (Google) ┌───────────────────────────────┐ │ PHP 改行出力 (\n / PHP_EOL / nl2br) ... │ ← この青字が <title> │ example.com › php › newline │ │ PHPの改行コードは\n、\r\n、PHP_EOL... │ ← meta description └───────────────────────────────┘ --></code></pre> <h2>キーワード配置の鉄則</h2> <table border="1" cellpadding="6" cellspacing="0" style="border-collapse:collapse;width:100%"> <thead><tr style="background:#e3f2fd"><th>ルール</th><th>説明</th><th>例</th></tr></thead> <tbody> <tr><td>1. 重要キーワードは左寄せ</td><td>先頭ほど評価が高い</td><td><code>「PHP 改行 nl2br ...」</code></td></tr> <tr><td>2. ターゲット 1-2 語に絞る</td><td>キーワード詰め込みは逆効果</td><td>3 語以上は禁物</td></tr> <tr><td>3. ユーザー検索意図を反映</td><td>「方法」「とは」「比較」など</td><td>意図合致でCTR↑</td></tr> <tr><td>4. サイト名は末尾</td><td><code>「ページ名 | サイト名」</code> 形式</td><td>末尾 12 字以内</td></tr> <tr><td>5. 数字 / 記号で目立たせる</td><td>「2026 年版」「5 つの方法」</td><td>CTR が 10-20% UP</td></tr> <tr><td>6. ページ固有</td><td>サイト内重複は SEO 評価分散</td><td>重複検知ツールで監視</td></tr> </tbody> </table> <h2>推奨文字数</h2> <pre style="background:#1e293b;color:#e2e8f0;padding:1em;border-radius:6px;overflow-x:auto;line-height:1.5"><code class="language-text">日本語: 30-35 文字 (PC SERP) 25-30 文字 (モバイル SERP) 半角換算: 60 文字以内 ピクセル: 600px 以内 (Google が「...」で省略) 確認方法: https://www.allintitle.co.jp/sertitle-checker/ https://ohotuku.jp/title_counter/ 良い例 (32 文字): PHP 改行出力 (\n / PHP_EOL / nl2br) 完全ガイド 悪い例 (45 文字、省略される): PHP の改行コードである \n や PHP_EOL や nl2br 関数の使い方を初心者向けに徹底解説</code></pre> <h2>検索意図別タイトルパターン</h2> <table border="1" cellpadding="6" cellspacing="0" style="border-collapse:collapse;width:100%"> <thead><tr style="background:#e8f5e9"><th>検索意図</th><th>タイトル雛形</th><th>例</th></tr></thead> <tbody> <tr><td>Know (知りたい)</td><td>「○○ とは / 意味 / 仕組み」</td><td>WebAssembly とは?JavaScript との違い</td></tr> <tr><td>Do (やり方)</td><td>「○○ する方法 / 手順」</td><td>Docker でPHP環境構築する完全手順</td></tr> <tr><td>Compare (比較)</td><td>「○○ vs △△ / 違い / 比較」</td><td>Vue.js vs React 2026 年最新比較</td></tr> <tr><td>Buy (購入)</td><td>「○○ 価格 / おすすめ / レビュー」</td><td>VPS おすすめ 5 選 (月額比較)</td></tr> <tr><td>Local (場所)</td><td>「○○ 東京 / 近く」</td><td>東京の AWS 認定研修 5 校</td></tr> <tr><td>Trouble (エラー)</td><td>「○○ エラー 解決 / 直し方」</td><td>npm ERR! ELIFECYCLE の解決方法</td></tr> </tbody> </table> <h2>CTR を上げる小ワザ</h2> <ul> <li><strong>数字を入れる</strong>: 「5 つの方法」「2026 年版」「3 分でわかる」</li> <li><strong>カッコで補足</strong>: 「(初心者向け)」「(無料)」「(完全ガイド)」</li> <li><strong>記号で区切る</strong>: 「|」「-」「:」で読みやすく</li> <li><strong>絵文字を控えめに</strong>: 1-2 個、過剰使用は Google ペナルティリスク</li> <li><strong>感情を煽る</strong>: 「驚愕」「衝撃」は使い古され NG。「決定版」「最短」「秘訣」は健全</li> <li><strong>ユーザーの言葉を使う</strong>: Search Console の検索クエリを参考</li> </ul> <h2>Search Console でタイトル最適化</h2> <pre style="background:#1e293b;color:#e2e8f0;padding:1em;border-radius:6px;overflow-x:auto;line-height:1.5"><code class="language-text">Google Search Console > 検索結果 > クエリ 各記事ごとに: 表示回数 (Impressions): 検索結果に出た回数 クリック数 (Clicks): クリックされた回数 CTR: クリック率 平均掲載順位: 何位だったか 最適化のターゲット: 1. 順位 5-15 位、CTR 2% 未満 → タイトル改善で順位 / CTR UP の余地大 2. 順位 1-3 位、CTR 30% 未満 → タイトルが弱い可能性 3. 表示回数多いがクリック少ない → タイトルに検索キーワードを入れる</code></pre> <h2>A/B テスト</h2> <pre style="background:#1e293b;color:#e2e8f0;padding:1em;border-radius:6px;overflow-x:auto;line-height:1.5"><code class="language-text">1. 同一記事のタイトルを A → B に変更 2. 1 週間ごとに Search Console で CTR / クリック数を比較 3. 統計的有意な差があれば B を採用、なければ A に戻す 注意: Google のインデックス更新に時間がかかる (数日〜1週間) タイトル変更で順位が一時的に下がることがある 本番投入前に noindex 環境でテストするのが安全</code></pre> <h2>サイト全体でのタイトル設計</h2> <pre style="background:#1e293b;color:#e2e8f0;padding:1em;border-radius:6px;overflow-x:auto;line-height:1.5"><code class="language-text">推奨フォーマット: トップページ: {サイト名} | {ブランド説明} 例: IT総合 Wiki | エンジニアの調べ物を加速する辞書 一覧ページ: {カテゴリ} 記事一覧 | {サイト名} 例: PHP 記事一覧 | IT総合 Wiki 記事ページ: {記事タイトル} | {サイト名} 例: PHP 改行出力完全ガイド | IT総合 Wiki タグページ: {タグ} に関する記事 | {サイト名} 例: Docker に関する記事 | IT総合 Wiki サイト名を毎回入れるか? 短いサイト名 (8 字以下) → 全ページ末尾に入れる 長いサイト名 (10 字超) → トップ / 一覧ページのみ</code></pre> <h2>LLMO (LLM Optimization) 時代の SEO タイトル</h2> <p>ChatGPT / Claude / Gemini などが Web を参照する時代、<strong>LLM に引用されるためのタイトル設計</strong>も重要になりました:</p> <ul> <li>LLM は <code><title></code> + <code><h1></code> + 構造化データを<strong>強く参照</strong>する</li> <li>タイトル内に<strong>明確な主題</strong>(PHP の改行、Docker のエラー解決等)を含める</li> <li>「完全ガイド」「比較」「まとめ」など<strong>包括性をアピール</strong>するワード</li> <li><code><meta name="description"></code> や FAQ 構造化データと連動</li> <li><strong>固有名詞 / 専門用語</strong>を正確に書く(LLM が引用判定する目印)</li> </ul> <h2>プラグインによる自動化</h2> <table border="1" cellpadding="6" cellspacing="0" style="border-collapse:collapse;width:100%"> <thead><tr style="background:#e3f2fd"><th>プラグイン</th><th>機能</th></tr></thead> <tbody> <tr><td>Yoast SEO</td><td>タイトル / メタタグ / OG / sitemap / 分析(無料 + Premium)</td></tr> <tr><td>Rank Math</td><td>Yoast 競合、構造化データに強い(無料中心)</td></tr> <tr><td>All in One SEO Pack</td><td>老舗、シンプル</td></tr> <tr><td>SEO Framework</td><td>軽量、技術者向け</td></tr> </tbody> </table> <h2>FAQ</h2> <p><strong>Q: タイトルを変えると順位が下がる?</strong><br /> A: 一時的に変動する可能性あり。1-2 週間で再評価されるので慌てない。大幅な内容変更を伴うリライト時のみ慎重に。</p> <p><strong>Q: タイトルに絵文字を入れていい?</strong><br /> A: 1-2 個まで。CTR は若干 UP するが、過剰使用は<strong>怪しいサイト</strong>と判定される懸念。業界 / トーンに合わせて。</p> <p><strong>Q: 「無料」「最新」を入れていい?</strong><br /> A: 内容が伴うなら OK。誇大表現で離脱率が高いと逆評価。Google は<strong>滞在時間 / 直帰率</strong>も見ています。</p> </div> </div> </div> </div> </div> <div id="footer"><div class="move-top"></div> <div class="move-bottom"></div> <!-- フッタ開始 --> <footer id="footer"> <div class="footer-inner"> <div class="footer-grid"> <div class="footer-col"> <h4 class="footer-heading">CWiki</h4> <a href="https://jpn.itlibra.com">CWiki</a> <a href="https://jpn.itlibra.com/help">ヘルプ</a> <a href="https://jpn.itlibra.com/inquiry/post/form">問い合わせ</a> </div> <div class="footer-col"> <h4 class="footer-heading">Legal</h4> <a href="https://jpn.itlibra.com/termsOfService">利用規約</a> <a href="https://jpn.itlibra.com/privacyPolicy">プライバシーポリシー</a> </div> <div class="footer-col"> <h4 class="footer-heading">Feed</h4> <a href="https://jpn.itlibra.com/sitemap/sitemap-index.xml">サイトマップ</a> <a href="https://jpn.itlibra.com/feed/articles">ページのフィード</a> <a href="https://jpn.itlibra.com/feed/boards">掲示板のフィード</a> </div> <div class="footer-col"> <h4 class="footer-heading">Account</h4> <a href="https://jpn.itlibra.com/login">ログイン</a> </div> </div> <div class="footer-bottom"> <span>© 2017 Libra</span> </div> </div> </footer> <span id="page-bottom"></span> </div> </div> <!-- Scripts --> <!-- 表示速度とSEOの観点からbodyタグの一番下に記載する --> <!--<script src="https://jpn.itlibra.com/js/app.js" async></script>--> <script src="https://jpn.itlibra.com/js/common.js" async></script> <script src="https://jpn.itlibra.com/js/scroll.js" async></script> <script src="https://jpn.itlibra.com/js/jquery.sidebar.min.js"></script> <span></span> <!-- ローディング --> <div id="loading"> <div class="cv-spinner"> <span class="spinner"></span> </div> </div> </body> </html>