「メタタグを設定するとSEOに効くと聞いたが、何をどこまで設定すればよいのか分からない」「制作会社から title や description の確認を頼まれたが、何を見ればよいのか分からない」。メタタグはページの画面には表示されないため、正しく設定されているかどうかを発注する側が確かめにくい部分です。
Contents
メタタグとは メタタグの確認方法 マークアップとは SEOに関係する主なメタタグ一覧 主なメタタグの役割と書き方 title タグ meta description meta robots(noindex・nofollow) canonical タグ viewport と charset OGP と X(旧 Twitter)のカード meta keywords は設定不要 構造化データについて発注者が知っておくべきこと メタタグの設定方法 HTML に直接書く場合 WordPress の場合 メタタグ設定のチェックリスト よくあるご質問 メタタグを設定すると検索順位は上がりますか? meta keywords は書いたほうがよいですか? title や description を設定したのに、検索結果に反映されないのはなぜですか? マークアップとは何ですか?発注者も知っておく必要がありますか? 構造化データを入れれば、検索結果で目立つ表示になりますか? まとめ
メタタグは検索エンジンやブラウザ、SNSにページの情報を伝えるタグで、それだけで検索順位が上がるものではありませんが、title と description で検索結果での見え方が、robots で検索結果に載るかどうかが決まるため、ページごとに正しく設定することが欠かせません。
この記事では、メタタグとマークアップの意味、SEOに関係する主なメタタグの役割と書き方、Google が使っていないタグ、構造化データについて発注者が知っておくべき範囲、HTML と WordPress での設定方法、よくある設定ミスのチェックリストを解説します。
メタタグとは
メタタグとは、HTML の head(ヘッド)部分に書く、ページの説明・検索エンジンへの指示・文字コードなどの情報を伝えるタグのことです。
ホームページの HTML は、ブラウザに表示される本文を書く body(ボディ)部分と、表示されないページの情報を書く head 部分に分かれています。メタタグは head 部分に「<meta name=”description” content=”…”>」のような形で書き、訪問者の画面には表示されませんが、検索エンジンやブラウザ、SNS がページを読み取るときに使われます。厳密には、ページのタイトルを書く title タグや、正規の URL を示す canonical タグは meta 要素ではありませんが、同じ head 部分に書く重要なタグのため、この記事ではあわせて扱います。
メタタグの確認方法
メタタグは、ページのソースを表示すると確認できます。Chrome であれば、ページの上で右クリックして「ページのソースを表示」を選ぶか、Windows では Ctrl+U、Mac では Command+Option+U で開けます。表示されたコードの上の方にある「<head>」から「</head>」までの間で、「<title>」や「<meta」で始まる行を探します。多くのページを確認したい場合は、SEO 用のブラウザ拡張機能や、当社の無料簡易診断のようなツールを使うと、title や description の重複・抜けをまとめて確認できます。
マークアップとは
マークアップとは、文章に HTML のタグを付けて、「ここは見出し」「ここは段落」「ここは箇条書き」といった意味や構造を示すことです。HTML は、そのためのマークアップ言語です。メタタグもマークアップの一部で、本文の見出しや画像の説明(alt 属性)と同じように、検索エンジンやブラウザがページの内容を正しく理解するための手がかりになります。
発注者が知っておきたいのは、次の3点です。
見た目ではなく意味でタグを付ける :文字を大きくしたいだけの場所に見出しタグを使ったり、見出しを画像だけで作ったりすると、検索エンジンや読み上げソフトに構造が伝わりません。見出しは h1・h2・h3 の順に階層を守って使います。
マークダウンやプログラミング言語とは役割が違う :マークダウンは「#」や「**」などの記号で見出しや強調を簡単に書く記法で、最終的に HTML に変換して表示します。PHP や JavaScript などのプログラミング言語は、処理や計算を行うためのもので、マークアップとは役割が異なります。
XML は検索エンジン向けの言語ではない :XML はデータをやり取りするためのマークアップ言語です。サイトの URL 一覧を検索エンジンに伝える XML サイトマップに使われますが、ページの本文を XML で書く必要はありません。
画像の説明の書き方はalt 属性の SEO 効果と書き方 で、見出しや内部リンクを含む内部対策の全体は内部SEO対策とは で解説しています。
SEOに関係する主なメタタグ一覧
SEOに関係する主なタグは、title、meta description、meta robots、canonical、viewport、charset、OGP の7つで、meta keywords は Google 検索では使われていません。
タグ 役割 書き方の例 検索との関係
title ページのタイトルを伝える <title>ページ名|会社名</title> 検索結果のタイトルの主な材料になる。最も重要
meta description ページの要約を伝える <meta name=”description” content=”要約文”> 検索結果の説明文に使われることがある。順位を直接上げるものではない
meta robots 検索結果への登録やリンクの扱いを指示する <meta name=”robots” content=”noindex”> noindex を付けたページは検索結果に表示されない
canonical(link 要素) 内容が同じページのうち、正規の URL を示す <link rel=”canonical” href=”正規のURL”> 重複したページの評価を一つの URL にまとめる手がかりになる
viewport スマホでの表示幅を指定する <meta name=”viewport” content=”width=device-width, initial-scale=1″> スマホ対応のページであることを示す
charset 文字コードを指定する <meta charset=”UTF-8″> 文字化けを防ぐ。UTF-8 が推奨されている
OGP SNS でシェアされたときのタイトル・説明・画像を指定する <meta property=”og:image” content=”画像のURL”> 順位には関係しないが、シェアされたときの見え方が決まる
meta keywords ページのキーワードを列挙する <meta name=”keywords” content=”…”> Google 検索では使われていない。設定不要
このほか、Search Console でサイトの所有者であることを確認する google-site-verification、Google 翻訳の提案を止める notranslate なども、Google が対応しているメタタグです(Google が対応しているメタタグと属性 )。
Service
運用保守・集客改善のご相談はフェニックスデザインへ ナレッジベースを運営するフェニックスデザインが、今のサイトの数字を見るところから対応します。URLを入れるだけの無料簡易診断から。
主なメタタグの役割と書き方
メタタグの中で発注者が特に確認したいのは、ページごとに内容が違う title と meta description、検索結果に載せないページを決める meta robots の3つです。
title タグ
title タグは、検索結果やブラウザのタブに表示されるページのタイトルで、検索した人がページを開くかどうかを決める最も重要なタグです。Google は、ページごとに固有で、内容を正確に表す、簡潔なタイトルを推奨しています(Google 検索セントラル「タイトルリンク」 )。
ページの内容を表すキーワードを前半に入れる
全ページで同じタイトルにしない(「ホーム」「会社名」だけのタイトルも避ける)
会社名やサイト名は、区切り記号を入れて最後に付ける
キーワードを何度も並べない
長さに上限はありませんが、検索結果では端末の幅に合わせて省略されます。日本語では全角30〜40字程度に収め、大事な言葉を前に置くのが目安です。なお、Google は title タグの内容が実態に合わない場合などに、ページの見出しや OGP のタイトルなどから検索結果のタイトルを作り直すことがあります。
meta description
meta description は、ページの内容を要約した説明文です。Google は、ページの本文よりも内容を正確に表していると判断した場合に、検索結果の説明文(スニペット)として使います。検索された言葉によっては、本文の一部が代わりに表示されます(Google 検索セントラル「meta description の書き方」 )。
順位を直接上げるタグではありませんが、検索結果でページの内容が伝われば、クリックされやすくなります。ページごとに固有の内容にし、そのページで分かることを具体的に書きます。長さに上限はありませんが、検索結果では省略されるため、日本語では80〜120字程度を目安に、大事な内容を前半に書きます。キーワードを並べただけの説明文は、説明文として使われにくくなります。
meta robots(noindex・nofollow)
meta robots は、検索エンジンにページの扱いを指示するタグです。「noindex」を指定したページは検索結果に表示されなくなり、「nofollow」を指定すると、そのページにあるリンクをたどらないよう伝えられます。
noindex は、お問い合わせ後の完了ページ、サイト内検索の結果ページ、公開前のテストページなど、検索結果に出す必要のないページに使います。注意したいのは、テスト環境で付けていた noindex を、公開後も外し忘れることです。サイト全体が検索結果に出なくなるため、公開直後に確認します。また、robots.txt でクロールを禁止したページは、検索エンジンが noindex の指示を読めないため、検索結果から外したいページは robots.txt でブロックせずに noindex を使います。
リンク1本ごとに評価を渡したくない場合は、メタタグではなく、リンクに rel=”nofollow”(広告や有償のリンクには rel=”sponsored”)を付けます。Google はこれらを、リンクの扱いを判断するヒントとして使います。
canonical タグ
canonical タグは、内容が同じか、ほぼ同じページが複数の URL で表示される場合に、どの URL を正規のページとして扱ってほしいかを示すタグです。計測用のパラメータ付きの URL、http と https、www の有無などで同じページが複数の URL になるときに使います。Google は canonical を強いヒントとして扱いますが、必ず従うとは限らないため、URL の統一や301リダイレクトとあわせて使います。全ページの canonical がトップページを指しているといった設定ミスは、ページが検索結果に出なくなる原因になります。
viewport と charset
viewport はスマホの画面幅に合わせて表示するための指定で、Google はこのタグがあることを、スマホ対応のページであることの目安にしています。charset は文字コードの指定で、UTF-8 が推奨されています。どちらも、CMS やテーマで最初から設定されていることが多いタグですが、古いサイトでは抜けていることがあります。
OGP と X(旧 Twitter)のカード
OGP(Open Graph Protocol)は、Facebook や X、LINE などでページがシェアされたときに表示されるタイトル・説明文・画像を指定するタグです。og:title、og:description、og:image、og:url、og:type、og:site_name を設定し、X では twitter:card で表示の形式(大きな画像付きなど)を指定します。設定がないと、意図しない画像が表示されたり、画像が出なかったりします。OGP は検索順位には関係しませんが、Google は og:title を検索結果のタイトルの材料の一つとして使うことがあります。
meta keywords は設定不要
meta keywords は、かつてページのキーワードを検索エンジンに伝えるために使われていましたが、Google は、meta keywords を Google 検索では使っておらず、インデックス登録にもランキングにもまったく影響しないと明言しています。CMS に入力欄があっても、空のままで問題ありません。キーワードはメタタグではなく、タイトル・見出し・本文で、読者に伝わる形で使います。
構造化データについて発注者が知っておくべきこと
構造化データは、会社名・所在地・記事・パンくずリストなどの情報を検索エンジンが読み取りやすい形で書き加えるマークアップで、Google が推奨する形式は JSON-LD ですが、正しく書いても検索結果の特別な表示(リッチリザルト)が保証されるわけではありません。
構造化データは、schema.org という共通の語彙を使って、「この文字列は会社名」「これは記事の公開日」のように意味を指定します。Google が対応する形式は JSON-LD・microdata・RDFa の3つで、サイトの仕組みが許すなら JSON-LD を使うよう推奨しています(Google 検索セントラル「構造化データの仕組み」 )。
種類(schema.org の型) 伝えられる内容 主に使うページ
Organization 会社名・ロゴ・所在地・連絡先・公式 SNS トップページ・会社概要
BreadcrumbList サイトの中でのページの位置(パンくずリスト) 全ページ
Article 記事のタイトル・公開日・更新日・著者 ブログ・コラム・お知らせ
LocalBusiness 店舗や事業所の住所・営業時間 店舗・拠点のページ
JobPosting 求人の職種・給与・勤務地 採用情報の各求人ページ
検索結果の表示は変わり続けています。よくある質問を検索結果に展開して表示する FAQ のリッチリザルトは、2026年5月7日で Google 検索に表示されなくなりました。手順を表示する HowTo のリッチリザルトは2023年に、ほかにもいくつかの種類が2025年に表示を終えています(Google 検索ドキュメントの更新履歴 )。古い記事にある「構造化データを入れれば FAQ が検索結果に表示される」といった説明は、現在は当てはまりません。
実装は、WordPress のテーマや SEO プラグインが自動で出力する方法と、制作会社がテンプレートに JSON-LD を組み込む方法が一般的です。発注者は、次の点を確認しておくとよいでしょう。
会社名・所在地・連絡先など、構造化データの内容が会社概要のページの表記と一致しているか
ページに表示していない情報を、構造化データだけに書いていないか
Google の「リッチリザルト テスト」でエラーが出ていないか、公開後は Search Console のレポートで問題が出ていないか
メタタグの設定方法
メタタグは、HTML のサイトなら head 部分に直接書き、WordPress のサイトなら SEO プラグインかテーマの入力欄で、ページごとに設定します。
HTML に直接書く場合
HTML ファイルをテキストエディタで開き、<head> と </head> の間に書きます。body 部分に書くと、検索エンジンやブラウザに正しく読み取られないことがあります。
順番 head 部分に書く内容の例
1 <meta charset=”UTF-8″>
2 <meta name=”viewport” content=”width=device-width, initial-scale=1″>
3 <title>サービス名|会社名</title>
4 <meta name=”description” content=”このページで分かることの要約”>
5 <link rel=”canonical” href=”https://example.co.jp/service/”>
6 <meta property=”og:title” content=”サービス名|会社名”> ほか OGP 一式
WordPress の場合
WordPress では、Yoast SEO や All in One SEO などの SEO プラグインを入れると、投稿や固定ページの編集画面に、タイトル・説明文・noindex・OGP の入力欄が追加されます。テーマによっては、プラグインがなくても同じ入力欄が用意されています。
二重に出力されていないか確認する :テーマとプラグインの両方がタグを出力すると、title や description が重複します。ソースを表示して、同じタグが2つないかを確認します。
「検索エンジンでの表示」の設定を確認する :管理画面の「設定」→「表示設定」にある「検索エンジンがサイトをインデックスしないようにする」にチェックが入っていると、サイト全体に noindex が出力されます。制作中に入れたチェックを、公開後に外し忘れていないかを確認します。
一覧ページやタグページの扱いを決める :中身の薄いタグの一覧ページなどを検索結果に出すかどうかは、プラグインの設定でまとめて決められます。
メタタグ設定のチェックリスト
メタタグのミスは画面に表れないため、公開時とリニューアル時に、次の項目をまとめて確認します。
チェック項目 よくある間違い 確認方法
title がページごとに違うか 全ページが同じタイトル、または会社名だけ ソースの表示、診断ツール、Search Console の検索結果での見え方
description が設定されているか 空欄、または全ページで同じ文章 ソースの表示、診断ツール
noindex が意図したページだけか 公開後もサイト全体に noindex が残っている Search Console の「ページのインデックス登録」、URL 検査
canonical が正しい URL を指しているか 全ページがトップページを指している、古いドメインのまま ソースの表示、URL 検査
OGP 画像が設定されているか シェアすると画像が出ない、別のページの画像が出る SNS の投稿画面でプレビュー
viewport が入っているか 古いテーマで抜けている ソースの表示、スマホでの表示確認
タグが head 部分にあるか プラグインの設定ミスで body 部分に出力されている ソースの表示
検索結果に表示されない原因がメタタグ以外にある場合も含めた調べ方は、Googleでインデックスされない理由と解決方法 をご覧ください。
よくあるご質問
メタタグを設定すると検索順位は上がりますか?
メタタグを設定しただけで順位が上がることはほとんどありません。ただし、title は検索結果のタイトルの主な材料になり、description は説明文に使われることがあるため、クリックされやすさに影響します。noindex の設定ミスは検索結果に表示されない原因になるため、順位以前の問題として正しく設定しておく必要があります。
meta keywords は書いたほうがよいですか?
書く必要はありません。Google は meta keywords を検索に使っておらず、インデックス登録やランキングにも影響しないとしています。キーワードは、タイトル・見出し・本文の中で、読者に伝わる形で使います。
title や description を設定したのに、検索結果に反映されないのはなぜですか?
検索エンジンがページを再び読み込むまでは、古い内容が表示されます。反映には数日から数週間かかることがあり、Search Console の URL 検査から再クロールを依頼できます。また、Google は検索された言葉や内容に合わせて、本文や見出しからタイトルや説明文を作り直すことがあります。
マークアップとは何ですか?発注者も知っておく必要がありますか?
マークアップは、HTML のタグで文章に見出し・段落・箇条書きなどの意味を付けることです。コードを書く必要はありませんが、見出しの階層が正しいか、画像に説明が付いているか、title と description がページごとに違うかは、発注者も確認できます。これらは検索エンジンや AI がページの内容を理解するための手がかりになります。
構造化データを入れれば、検索結果で目立つ表示になりますか?
保証はされません。リッチリザルトに表示されるかどうかは Google が判断し、FAQ のように表示自体が終了した種類もあります。構造化データは、会社や記事の情報を検索エンジンに正確に伝えるための土台として、会社概要やパンくずリストなどから整えるのが現実的です。
まとめ
メタタグは、検索エンジンやブラウザ、SNS にページの情報を伝える head 部分のタグです。title はページごとに内容を表すものにし、description はそのページで分かることを具体的に書きます。noindex は検索結果に出す必要のないページだけに使い、公開後に外し忘れがないかを確認します。meta keywords は Google 検索では使われていないため、設定は不要です。構造化データは JSON-LD で書くのが推奨され、正しく実装してもリッチリザルトは保証されないことを理解したうえで、会社情報やパンくずリストから整えます。
自社サイトの title・説明文の重複や、noindex・構造化データの設定を確認したい場合は、URL を入れるだけの無料簡易診断 をお使いください。トップページと主要ページの技術的な設定と、まず直したい3つを、通常5分ほどでメールでお送りします。
関連記事:サイトマップとは?種類や役割・作成手順 /Search Console の活用法 /301リダイレクトとは?設定の方法や種類