メタタグとは?SEO効果と正しい設定方法を初心者向けに解説

読了時間: 約10

メタタグとは?SEO効果と正しい設定方法を初心者向けに解説

はじめに

「メタタグって何ですか?」 「titleタグとH1タグは何が違うの?」 「meta descriptionって設定しなくてもいい?」

Webサイトを運営していると、こういった疑問に直面することがあります。メタタグはSEO対策の基本中の基本ですが、「HTMLタグ」と聞いただけで難しそうに感じてしまう方も多いかもしれません。

本記事では、メタタグの基本的な意味から種類・SEOへの影響・具体的な書き方・WordPressでの設定方法まで、初心者の方でも理解できるよう丁寧に解説します。久留米市・福岡エリアでWeb集客を強化したい企業担当者の方にも、すぐに実践いただける内容です。

タタグとは?役割と重要性を初心者向けに解説

メタタグの定義とHTMLでの位置づけ

メタタグとは、Webページに関する情報(メタデータ)を検索エンジンやブラウザに伝えるためのHTMLタグのことです。ページの内容そのもの(見出し・本文・画像など)とは異なり、ページについての情報を機械に伝える役割を持っています。

メタタグはHTMLの<head>タグの中に記述します。ページを閲覧するユーザーには直接表示されませんが、Googleなどの検索エンジンやSNSがページを正しく認識するために重要な情報です。

HTMLでのメタタグの基本的な位置

<head>タグの中に記述されたタグ群がメタタグです。ページを訪問したユーザーのブラウザには表示されませんが、ブラウザのタブ・検索結果・SNSシェアなどの場面で使用されます。

メタタグがSEOに関係する理由

メタタグがSEOに関係する理由は、Googleがメタタグの情報をもとにページの内容・目的・インデックスの可否などを判断するからです。

特に以下の2点でSEOに直接・間接的に影響します。

① titleタグが検索順位に影響する

Googleはtitleタグをページの最重要シグナルの一つとして使用しています。ターゲットキーワードがtitleタグに含まれているかどうかは、そのキーワードでの検索順位に直接影響します。

② meta descriptionがクリック率(CTR)に影響する

meta descriptionはGoogleの検索順位には直接影響しませんが、検索結果に表示される説明文として機能し、ユーザーがクリックするかどうかの判断材料になります。CTRが高いページはGoogleから「ユーザーに支持されている」と評価され、間接的に順位向上につながることもあります。

SEOで重要なメタタグの種類一覧

メタタグにはさまざまな種類があります。SEO対策において特に重要なものを6種類解説します。

① titleタグ(タイトルタグ)

titleタグは、ページのタイトルを指定するタグです。検索結果に青いリンクテキストとして表示され、ブラウザのタブにも表示されます。

SEOへの影響度:★★★★★(最重要)

titleタグはSEO内部対策の中で最も重要な要素の一つです。Googleがページのテーマ・内容を判断する最重要シグナルの一つとして機能します。

② meta description(メタディスクリプション)

meta descriptionは、ページの内容を要約した説明文を指定するタグです。検索結果のタイトル下に表示される説明文として機能します。

SEOへの影響度:★★★☆☆(間接的に影響)

meta description自体はGoogleのランキング要素ではありません。しかし、検索結果でのクリック率(CTR)に大きく影響し、CTRの改善を通じて間接的にSEO評価の向上につながります。

③ meta robots(メタロボッツ)

meta robotsは、Googleのクローラー(検索ロボット)に対してインデックスの可否・リンクの追跡可否などを指示するタグです。

SEOへの影響度:★★★★☆(設定ミスは致命的)

正しく設定されていれば問題ありませんが、誤って重要なページにnoindexを設定してしまうと、そのページが検索結果から消えてしまいます。定期的に確認が必要な重要な設定です。

④ canonical(カノニカルタグ)

canonicalタグは、重複するページが複数存在する場合に「正規のページはこちら」とGoogleに伝えるタグです。

SEOへの影響度:★★★★☆(重複コンテンツ対策に必須)

ECサイトや商品一覧ページなど、URLパラメータによって同じ内容のページが複数生成されるサイトでは必須の設定です。重複コンテンツ問題を解消し、SEO評価が正規ページに正しく集まるようにします。

⑤ meta viewport(ビューポート)

meta viewportは、スマートフォン・タブレットなどのモバイルデバイスでの表示方法を指定するタグです。

SEOへの影響度:★★★★☆(モバイル対応に必須)

Googleはモバイルファーストインデックスを採用しており、スマートフォンでの表示が検索評価の基準となっています。meta viewportが設定されていないページはモバイルで正常に表示されず、SEO評価・ユーザー体験の両方に悪影響が出ます。現在のWordPressテーマはほぼすべてデフォルトで設定済みです。

⑥ OGPタグ(Open Graph Protocol)

OGPタグは、FacebookやX(旧Twitter)などのSNSでページがシェアされた際に表示される情報(タイトル・説明文・画像)を指定するタグです。

SEOへの影響度:★★☆☆☆(間接効果)

OGPタグ自体はGoogleのランキング要素ではありませんが、SNSでシェアされた際に魅力的なプレビューが表示されることでクリック率が高まり、アクセス増加→被リンク増加という間接的なSEO効果が期待できます。

titleタグの正しい書き方【SEO最適化のポイント】

titleタグの基本ルール

titleタグはSEO内部対策で最も重要な要素の一つです。以下の基本ルールを守って設定しましょう。

ポイント詳細
文字数 全角28〜32文字以内(超えると検索結果で「…」と切れる)
キーワードの位置 メインキーワードはなるべく前半(左側)に配置
ユニーク性 サイト内の全ページで異なるタイトルを設定する
クリックしたくなる内容 数字・ベネフィット・疑問形などを活用してCTRを高める
キーワードの詰め込みNG 「SEO SEO対策 SEO方法」のような不自然な繰り返しは避ける

良いtitleタグと悪いtitleタグの比較

悪いtitleタグの例と問題点

良いtitleタグの例

titleタグとH1タグの違い

よく混同されるのがtitleタグとH1タグの違いです。両者の役割を整理します。

項目titleタグH1タグ
表示場所 検索結果・ブラウザのタブ ページ本文の最上部
目的 検索エンジン・ユーザーへのページ概要の提示 ページ本文の主タイトル
SEO影響 検索順位・CTRに影響 検索エンジンへのコンテンツ主題の伝達
文字数制限 32文字以内が目安 制限なし(ただし簡潔に)
1ページに1つのみ 1つのみ 1つのみ

titleタグとH1タグは必ずしも同じ文章にする必要はありません。一般的に、titleタグはSEO・CTRを意識した表現、H1タグは本文に合わせた自然な表現にするケースが多いです。

meta descriptionの正しい書き方【CTRを上げるコツ】

meta descriptionの基本ルール

meta descriptionはGoogleの検索順位には直接影響しませんが、クリック率に大きく影響するため、丁寧に設定することが重要です。

ポイント詳細
文字数 全角120文字前後(PCでの表示基準)
キーワードを含める メインキーワードを自然な形で含める(太字表示されることがある)
ユニーク性 全ページで異なる内容を設定する
ベネフィットの明示 「この記事を読むと〇〇が分かる」という価値を伝える
行動を促す表現 「詳しく解説」「分かりやすく紹介」など読みたくなる表現を入れる

クリックされるdescriptionの書き方

meta descriptionの構成パターン

[キーワードを含む記事の概要(40〜60字)] +
[読者が得られるベネフィット(40〜60字)]

良いmeta descriptionの例

悪いmeta descriptionの例

Googleがdescriptionを書き換えるケースとは

設定したmeta descriptionがGoogleによって書き換えられ、別のテキストが表示されることがあります。これはGoogleが「設定されたdescriptionより、この部分の方が検索ユーザーに役立つ」と判断した場合に起こります。

Googleがdescriptionを書き換える主なケース

  • meta descriptionが設定されていない場合(本文から自動抽出)
  • meta descriptionの内容が検索クエリと関連性が低い場合
  • meta descriptionが長すぎる・短すぎる場合
  • meta descriptionの内容が本文の内容と大きく乖離している場合

Googleによる書き換えを防ぐためには、「検索ユーザーの知りたいことを端的に伝えるdescription」を設定することが最善の対策です。本文の内容と一致した、キーワードを含む120文字前後のdescriptionを設定しましょう。

meta robotsの設定方法と使い分け

index / noindexの使い方

index / noindexは、Googleにそのページを検索結果に表示するかどうかを指示します。

noindexを設定すると、そのページはGoogleの検索結果に表示されなくなります。誤って重要なページに設定してしまうと、そのページがすべての検索から消えてしまうため、設定には細心の注意が必要です。

follow / nofollowの使い方

follow / nofollowは、そのページ内のリンクをクローラーが追跡するかどうかを指示します。

nofollowを設定したページからのリンクは、SEOの評価(PageRank)が渡されません。通常のコンテンツページではfollow設定(または何も設定しない)が基本です。

noindexを設定すべきページの例

以下のようなページにはnoindexの設定が適切です。

ページの種類noindex設定の理由
管理画面・ログインページ 一般ユーザーに検索結果を見せる必要がない
検索結果ページ(サイト内検索) 重複コンテンツになりやすい
タグ・アーカイブページ(WordPress) 内容が薄く重複コンテンツになりやすい
確認ページ・サンクスページ フォーム送信後の完了ページは不要
テスト用・開発中のページ 公開前のページを検索結果に表示させない
プライバシーポリシー・利用規約(任意) SEO評価を集中させたい場合

WordPressでのメタタグ設定方法

WordPressでメタタグを設定するには、SEOプラグインを使用するのが最も簡単で確実な方法です。代表的な2つのプラグインの設定手順を紹介します。

Yoast SEOを使った設定手順

Yoast SEOは世界で最も使われているWordPress SEOプラグインです。

インストール方法

  1. WordPress管理画面の「プラグイン」→「新規追加」から「Yoast SEO」を検索
  2. 「今すぐインストール」→「有効化」をクリック

各ページのタイトル・ディスクリプション設定

  1. 設定したいページ・投稿の編集画面を開く
  2. 画面下部の「Yoast SEO」ボックスを確認
  3. 「SEO」タブの「SEOタイトル」欄にtitleタグの内容を入力
  4. 「メタディスクリプション」欄にmeta descriptionを入力
  5. プレビューで検索結果での見え方を確認
  6. ページを更新・公開

ポイント

  • Yoast SEOの「SEOタイトル」は「ページタイトル」変数を使って自動入力することも可能
  • 「フォーカスキーフレーズ」にターゲットキーワードを入力すると、タイトル・ディスクリプションへのキーワード含有率などを自動チェックしてくれる
  • 緑色の信号が点灯するとSEO最適化の基準を満たしている目安

All in One SEOを使った設定手順

All in One SEO(AIOSEO)もYoast SEOと並んで人気の高いSEOプラグインです。

インストール方法

  1. WordPress管理画面の「プラグイン」→「新規追加」から「All in One SEO」を検索
  2. 「今すぐインストール」→「有効化」をクリック

各ページの設定

  1. 設定したいページ・投稿の編集画面を開く
  2. 画面下部の「AIOSEO 設定」セクションを確認
  3. 「General」タブの「Post Title」にtitleタグを入力
  4. 「Meta Description」にmeta descriptionを入力
  5. スニペットプレビューで検索結果での見え方を確認
  6. ページを保存

Yoast SEO vs All in One SEO

項目Yoast SEOAll in One SEO
使いやすさ ◎(日本語対応が充実)
機能の充実度
無料版の機能 ○(基本機能は無料) ○(基本機能は無料)
日本語サポート

初心者にはYoast SEOがおすすめです。日本語対応が充実しており・UI(操作画面)が分かりやすく・SEO最適化のガイドも日本語で表示されます。

メタタグと内部対策の関係

メタタグは、SEO内部対策の重要な構成要素の一つです。内部対策全体の中でのメタタグの位置づけを整理します。

内部対策の要素メタタグとの関係
titleタグ メタタグの一種。ページの最重要SEOシグナル
meta description メタタグの一種。CTRに影響
H1〜H3(見出しタグ) メタタグではないが、titleタグと連携してページのテーマを伝える
内部リンク メタタグとは別の内部対策要素。重要ページへの評価集中に使う
表示速度 メタタグとは別の内部対策要素。Core Web Vitalsに影響
スマホ対応 meta viewportタグで制御。モバイルフレンドリー評価に直結

メタタグだけ最適化しても、他の内部対策(見出し構造・内部リンク・表示速度など)が整っていなければSEO効果は半減します。メタタグをSEO対策の「出発点」として、他の内部対策と合わせて総合的に改善することが重要です。

メタタグ設定でよくある失敗と注意点

失敗① すべてのページで同じtitleタグ・descriptionを使い回す

「会社名のブログ|Web制作会社」のような同じタイトルをすべてのページに設定するのは最も多い失敗の一つです。Googleは同じタイトルのページが複数あると「どのページを評価すべきか」判断できなくなります。各ページの内容に合ったユニークなタイトル・ディスクリプションを必ず設定しましょう。

失敗② titleタグに会社名を前面に出しすぎる

「会社名|サービス名」のようにタイトルを設定するケースがあります。会社名はターゲットキーワードではないため、SEO観点では不利です。「サービス名・キーワード|会社名」のように、ターゲットキーワードを前半に置くのが基本です。

失敗③ meta descriptionを設定しない

「Googleが書き換えるなら設定しなくてもいい」という誤解から、meta descriptionを設定しないケースがあります。確かにGoogleは書き換えることがありますが、適切に設定されたdescriptionは書き換えられにくく、CTRの向上に直結します。必ず設定しましょう。

失敗④ noindexを重要なページに誤設定する

WordPressの設定やSEOプラグインの操作を誤り、重要な記事ページやサービスページにnoindexを設定してしまうケースがあります。設定後はGoogleサーチコンソールの「URL検査」でインデックス状況を確認する習慣をつけましょう。

失敗⑤ titleタグに同じキーワードを詰め込む

「SEO SEO対策 SEO 初心者 SEO とは」のように、同じキーワードを繰り返しタイトルに入れる手法は、Googleからスパムとみなされリスクがあります。キーワードは自然な文章の中に1〜2個含める程度が適切です。

失敗⑥ canonicalタグの誤設定

自身のページとは異なるURLをcanonicalタグで指定してしまうと、そのページ自体がGoogleに「重複ページ」と判断されインデックスされなくなる場合があります。canonicalタグの設定は必ず現在のページURLと一致しているか確認しましょう。

ローカルSEOにおけるメタタグ活用

久留米市・福岡エリアのような地域密着型ビジネスにとって、メタタグへの地域キーワードの組み込みはローカルSEOの基本施策です。

久留米・福岡エリアでの地域キーワード活用例

titleタグへの地域キーワード活用例

meta descriptionへの地域キーワード活用例

地域キーワード活用のポイント

  • 地域名はtitleタグの前半・descriptionの前半に配置する
  • サービスページごとに対応エリアの地域名を含めて差別化する
  • 「久留米市」だけでなく「福岡県久留米市」「久留米・福岡エリア」など表記パターンを意識する

地域キーワードを含んだメタタグを設定することで、「久留米市 ホームページ制作」「福岡 SEO対策」などのローカル検索での上位表示を狙いやすくなります。

まとめ:メタタグはSEOの基本設定

本記事では、メタタグの基本から種類・設定方法・よくある失敗まで解説しました。最後に重要なポイントをまとめます。

メタタグとは

SEOで重要なメタタグは「titleタグ」「meta description」「meta robots」「canonical」「meta viewport」「OGPタグ」の6種類

SEOで重要なメタタグ

titleタグはSEO最重要要素。キーワードを前半に・32文字以内・全ページでユニークに設定する

meta description

descriptionは検索順位には直接影響しないが、クリック率(CTR)に大きく影響する。120文字前後でキーワードとベネフィットを含める

meta robots

robotsはインデックス可否の制御に使う。誤設定は重要ページが検索結果から消えるリスクがあるため注意

WordPressでの設定

WordPressでの設定はYoast SEOまたはAll in One SEOプラグインで簡単に行える

よくある失敗

よくある失敗は全ページで同じタイトル使い回し・meta descriptionの未設定・noindexの誤設定

ローカルSEO

ローカルSEOではtitleタグ・meta descriptionに地域名(久留米市・福岡エリアなど)を前半に含めることが有効

メタタグの設定は、SEO対策の入口とも言える基本中の基本です。まず自社サイトの全ページのtitleタグとmeta descriptionを確認し、ユニークで最適化された内容に更新することから始めましょう。

SEO対策・メタタグ改善のご相談はお気軽に


久留米市・福岡エリアを中心に、
SEO対策・ホームページ制作をトータルでサポートしております。

よくある質問

Webページの情報(ページタイトル・説明文・インデックス指示など)を検索エンジンやブラウザに伝えるためのHTMLタグのことです。ページ本文とは異なり、<head>タグの中に記述されるため、サイトを訪問したユーザーには直接表示されません。SEO対策において、特にtitleタグとmeta descriptionが重要です。

この記事の筆者

代表取締役ひろさん

28歳でWeb業界に入り、20年以上にわたって企画・ディレクション・デザイン・開発を一貫して手がける。現在は代表取締役として現場に立ち続けながら、SEOの知見を活かしたコンテンツ発信にも取り組む。このブログでは、ビジネスの現場で役立つ視点や経験を、実務者の目線で綴っていく。