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

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

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

    キーワード配置の鉄則

    ルール説明
    1. 重要キーワードは左寄せ先頭ほど評価が高い「PHP 改行 nl2br ...」
    2. ターゲット 1-2 語に絞るキーワード詰め込みは逆効果3 語以上は禁物
    3. ユーザー検索意図を反映「方法」「とは」「比較」など意図合致でCTR↑
    4. サイト名は末尾「ページ名 | サイト名」 形式末尾 12 字以内
    5. 数字 / 記号で目立たせる「2026 年版」「5 つの方法」CTR が 10-20% UP
    6. ページ固有サイト内重複は SEO 評価分散重複検知ツールで監視

    推奨文字数

    日本語: 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 関数の使い方を初心者向けに徹底解説

    検索意図別タイトルパターン

    検索意図タイトル雛形
    Know (知りたい)「○○ とは / 意味 / 仕組み」WebAssembly とは?JavaScript との違い
    Do (やり方)「○○ する方法 / 手順」Docker でPHP環境構築する完全手順
    Compare (比較)「○○ vs △△ / 違い / 比較」Vue.js vs React 2026 年最新比較
    Buy (購入)「○○ 価格 / おすすめ / レビュー」VPS おすすめ 5 選 (月額比較)
    Local (場所)「○○ 東京 / 近く」東京の AWS 認定研修 5 校
    Trouble (エラー)「○○ エラー 解決 / 直し方」npm ERR! ELIFECYCLE の解決方法

    CTR を上げる小ワザ

    • 数字を入れる: 「5 つの方法」「2026 年版」「3 分でわかる」
    • カッコで補足: 「(初心者向け)」「(無料)」「(完全ガイド)」
    • 記号で区切る: 「|」「-」「:」で読みやすく
    • 絵文字を控えめに: 1-2 個、過剰使用は Google ペナルティリスク
    • 感情を煽る: 「驚愕」「衝撃」は使い古され NG。「決定版」「最短」「秘訣」は健全
    • ユーザーの言葉を使う: Search Console の検索クエリを参考

    Search Console でタイトル最適化

    Google Search Console > 検索結果 > クエリ
    
    各記事ごとに:
        表示回数 (Impressions): 検索結果に出た回数
        クリック数 (Clicks): クリックされた回数
        CTR: クリック率
        平均掲載順位: 何位だったか
    
    最適化のターゲット:
        1. 順位 5-15 位、CTR 2% 未満 → タイトル改善で順位 / CTR UP の余地大
        2. 順位 1-3 位、CTR 30% 未満 → タイトルが弱い可能性
        3. 表示回数多いがクリック少ない → タイトルに検索キーワードを入れる

    A/B テスト

    1. 同一記事のタイトルを A → B に変更
    2. 1 週間ごとに Search Console で CTR / クリック数を比較
    3. 統計的有意な差があれば B を採用、なければ A に戻す
    
    注意:
        Google のインデックス更新に時間がかかる (数日〜1週間)
        タイトル変更で順位が一時的に下がることがある
        本番投入前に noindex 環境でテストするのが安全

    サイト全体でのタイトル設計

    推奨フォーマット:
        トップページ: {サイト名} | {ブランド説明}
                      例: IT総合 Wiki | エンジニアの調べ物を加速する辞書
    
        一覧ページ:  {カテゴリ} 記事一覧 | {サイト名}
                      例: PHP 記事一覧 | IT総合 Wiki
    
        記事ページ:  {記事タイトル} | {サイト名}
                      例: PHP 改行出力完全ガイド | IT総合 Wiki
    
        タグページ:  {タグ} に関する記事 | {サイト名}
                      例: Docker に関する記事 | IT総合 Wiki
    
    サイト名を毎回入れるか?
        短いサイト名 (8 字以下) → 全ページ末尾に入れる
        長いサイト名 (10 字超) → トップ / 一覧ページのみ

    LLMO (LLM Optimization) 時代の SEO タイトル

    ChatGPT / Claude / Gemini などが Web を参照する時代、LLM に引用されるためのタイトル設計も重要になりました:

    • LLM は </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>