<title> タグと <meta name="description"> はSEOとクリック率に直結する重要な要素です。検索結果に表示されるスニペットのほとんどがこの2つから生成されます。
titleタグとは
<title> タグはHTMLの <head> 内に記述し、ページのタイトルを定義します。
<title>titleタグとmeta descriptionの書き方|SEO最適化ガイド</title>
表示される場所: - ブラウザのタブ - Googleなど検索結果のリンク部分(青い文字) - SNSシェア時のタイトル(OGPが未設定の場合)
meta descriptionとは
<meta name="description" content="SEOに効果的なtitleタグとmeta descriptionの書き方を解説します。">
表示される場所: - 検索結果のスニペット(タイトル下の説明文) - SNSシェア時の説明文(OGPが未設定の場合)
meta descriptionはGoogleの検索順位に直接影響しません。ただし、検索結果でユーザーがクリックするかどうか(CTR)に大きく影響するため、間接的にSEOへの影響があります。
文字数の目安
titleタグ
| 環境 | 表示文字数の目安 |
|---|---|
| PC(Google) | 全角30〜35文字(半角60〜70文字) |
| スマートフォン | 全角27〜30文字 |
文字数は厳密にはピクセル幅で管理されており、文字種によって変わります。全角文字はほぼ2文字分の幅を占めます。
meta description
| 環境 | 表示文字数の目安 |
|---|---|
| PC(Google) | 全角120〜160文字 |
| スマートフォン | 全角80〜100文字 |
Googleは設定した description をそのまま表示するとは限りません。検索クエリに関連する本文の一部を自動的にスニペットとして使うことがあります。
効果的なtitleタグの書き方
キーワードを前に置く
❌ AdRegion Inc. | DNSレコード確認ツール
✅ DNSレコード確認ツール | miniTools
ユーザーが検索するキーワードをタイトルの前半に置くと、検索結果での視認性が上がります。ブランド名は後半に付けるのが基本です。
各ページで固有のタイトルを付ける
同じタイトルが複数ページにあると、Googleがどちらを表示するか判断しにくくなります。すべてのページに固有のタイトルを設定してください。
数字・具体性で差別化する
❌ HTTPステータスコードについて
✅ HTTPステータスコード一覧と意味(200・301・404・500など)
具体的な数字・例示・「一覧」「完全ガイド」などの言葉はクリック率を上げる効果があります。
効果的なmeta descriptionの書き方
行動を促す表現を使う
❌ DNSレコードに関する情報を掲載しています。
✅ A・MX・TXTなど主要DNSレコードをURLを入力するだけで一括確認。設定ミスや反映状況を即チェックできます。
「〜できます」「〜してください」など行動を促す言葉と、ユーザーにとってのメリットを明示します。
主要キーワードを含める
Googleは検索クエリと一致する部分を太字で表示します。キーワードを含む description は目立ちやすく、クリック率が上がります。
各ページ固有の description を設定する
titleタグと同様、全ページで同じ description にするのは避けます。
よくある失敗
| 失敗 | 問題 |
|---|---|
| titleタグが未設定 | URLやドメイン名が表示される |
| 全ページで同じtitle・description | Googleが重複と判断し、一方しか表示しない |
| キーワードの詰め込み | スパムと判定されリスクあり |
| description が長すぎる | 途中で「…」と切れる |
| titleに社名を先頭に置く | 検索キーワードとの関連性が下がる |
確認方法
Google検索プレビューツールでは、URLを入力するとGoogleの検索結果に近いプレビューを表示し、タイトル・descriptionの文字数チェックと改善アドバイスを確認できます。