メタタグ（metaタグ）とは、検索エンジンやブラウザなどのシステムにページ情報を伝えるために<head>内へ記述するHTMLタグです。直接順位を大きく動かす要素ばかりではありませんが、検索結果の見え方、インデックス制御、モバイル表示、SNSでの共有表示に関わるため、2026年時点でもSEO実務では欠かせません。
設定項目が多く、「どれが本当に重要なのか」「meta keywordsはまだ必要なのか」と迷うこともあるかと思います。
結論として、2026年時点で優先すべきメタタグは「title」「meta description」「meta robots」「viewport」の4つです。meta keywordsはGoogleのランキングに影響しないため、工数をかける必要はありません。
この記事では、SEO対策を進めるうえで押さえたいメタタグの役割、書き方、確認方法、重要な7つのタグの最適化ポイントを順に整理します。
メタタグを正しく理解して、検索結果とサイト運用の精度を上げたい方は、ここからはじめていきましょう。
このページで解説する内容を動画でチェック！
この記事でわかること
メタタグ（metaタグ）とは？
メタタグ（metaタグ）とは、Googleをはじめとする検索エンジンやブラウザ等のシステムに向けて書くHTML（HTML5）コードです。「meta情報（メタ要素、メタ情報、メタデータ）」と呼ばれることもあります。
メタタグの主な役割は、検索エンジンやブラウザに対し、文字コードを指定したり、インデックスの可否など指示を出したり、情報（メタデータ）を提供したりすることです。メタタグは、システム向けの情報であるため、ユーザーがページ本文の中で直接見る機会は多くありません。ただし、SEO対策においては検索結果の表示やクロール・インデックスの扱いに関わるため、間接的に重要な要素です。
実務でよくあるのは、本文の品質より先に、タイトル・description・robotsの設定ミスで機会損失が起きているケースです。特にCMSを複数人で運用しているサイトでは、テンプレート側の設定が全ページに影響するため、メタタグは「細部」ではなく「土台」として扱うほうが分かりやすいです。
SEOに与える影響やメリットとは？
メタタグは、順位を直接押し上げる万能要素ではありません。とはいえ、適切に設定すれば、検索エンジンの理解を助け、検索結果でのクリック率や不要ページの制御に役立つため、SEO効果を高めやすくなります。
メタタグを設定することで得られるSEO上の3つのメリットを以下、解説します。
検索エンジンにページの内容を正しく伝える
1つ目は、検索エンジンにページの内容を正しく伝えやすくなる点です。
メタタグの中でも「meta description」や「meta robots」、そして関連して扱われる<title>は、ページの主題や扱い方を検索エンジンに伝える補助になります。正しく設定することで、ページのテーマや公開意図が伝わりやすくなり、評価の前提を整えられます。
ただし、ここで注意したいのは、meta keywordsは2026年のGoogle検索ではランキングにもインデックスにも影響しないという点です。今は「何を入れるか」より、「Googleが実際に使う要素を正しく整えるか」が重要です。
当社でも新規メディア立ち上げ時には、titleとdescriptionの設計を最初に固め、テンプレート化してから記事制作に入ることが多いです。後から100ページ分を修正するより、最初の設計で揃えるほうが工数は大幅に少なくなります。
検索画面に表示される
2つ目は、検索結果での見え方を整えられることです。
ユーザーが検索すると、検索結果にはページタイトルだけでなく、説明文が表示されることがあります。これらは、<title>やmeta descriptionといった要素が関係しています。
これらを適切に設定できれば、検索結果で内容が伝わりやすくなり、クリック率の向上につながります。その結果、流入が増え、SEO成果にも間接的に寄与します。
ただし、検索エンジンは必ずしもmeta descriptionをそのまま表示するわけではなく、検索クエリに応じて本文からスニペットを自動生成することもあります。そのため、descriptionは「必ず表示される固定文」ではなく、「表示候補として最適化する要素」と捉えるのが実務的です。
⇒クリック率の改善を進めたい方は、CTR（クリック率）とは？各検索順位の平均値と3つの改善方法もあわせてご覧ください。
クローラーのインデックスを拒否できる
3つ目は、インデックスさせたくないページを制御できることです。
メタタグの1つであるmeta robotsを使うと、検索エンジンのクローラーに対して、そのページをインデックスするかどうかをページ単位で指定できます。
robotsタグでは「index」や「noindex」を設定でき、「noindex」を指定すると、そのページを検索結果に表示しないよう伝えられます。たとえば、重複しやすい絞り込みページ、会員限定の案内ページ、テスト用ページなどで役立ちます。
ただし、検索結果に表示しない設定と、クロール自体を止めることは別です。meta robotsはクロール拒否の仕組みではなく、主にインデックスやスニペット表示を制御するためのものなので、役割を混同しないようにしましょう。
当社でもテクニカルSEOの見直しでは、評価を上げたいページの改善より先に、noindexの付け忘れ・付けすぎを確認することがあります。必要なページまで検索結果から外れていると、コンテンツ改善の効果が見えにくくなるためです。
⇒noindexの詳細は、noindexタグとは？正しい使い方や設定する際の注意点についてで詳しく解説しています。
メタタグの書き方を解説
メタタグは、基本的に<head>内へ記述します。設定方法は大きく分けて、HTMLに直接書く方法と、WordPressの管理画面やプラグインで設定する方法の2つです。
続いて、メタタグの書き方を2つ、紹介します。
HTMLに直接書き込む方法
1つ目は、HTMLソースに直接書き込む方法です。
メタタグは下記のように、HTMLコードの<head>タグ内に記述して設定します。静的サイトや独自CMSでは、この方法が最も確実です。title、description、robots、charset、viewportなどは、まずここに入っているかを確認すると整理しやすいでしょう。
メタタグの書き方
<html> <head> ※ここにmetaタグを記述する </head> <body> </body> </html>
wordpressのプラグインを活用する
2つ目は、WordPressのプラグインを使用し、管理画面からメタタグを設定する方法です。
おすすめのプラグインには、「All in One SEO Pack」、「Yoast SEO」、「The SEO Framework」などがあります。インストール後は、WordPressの管理画面からページごとのtitleやmeta description、robots設定を調整できます。
Yoast SEOは特に利用者が多いプラグインですが、重要なのはプラグイン名よりも、テーマとプラグインでtitleやdescriptionを二重出力しないことです。WordPressサイトで順位が伸びにくい原因として、設定の競合が起きているケースは珍しくありません。導入後は、実際のソースコードで1回確認しておくと安心です。
⇒WordPressでのSEO全体を整理したい場合は、WordPressでできるSEO対策11選！初心者でもできる方法をわかりやすく解説も是非参照ください。
メタタグの確認方法とは？
メタタグは、設定したつもりでも反映されていないことがあります。そのため、公開後は「実際に出力されているか」を確認することが大切です。
メタタグを設定したら、次は正しく設定できているか、以下の方法で確認しましょう。
「ソースコード」からメタタグを確認する方法
WEBページのメタタグがどのように記載されているかは、以下2つの手順で簡単に確認できます。
- 対象のページで右クリック
- 「ページのソースを表示」をクリック
すると次のような画面が現れます。
ここで、<head>タグ内にあるメタタグを確認できます。titleやdescriptionが重複していないか、robotsが意図通りか、charsetやviewportが入っているかを見るのが基本です。ブラウザ上の見た目では分からないため、まずソース確認から入るのが確実です。
「META SEO Inspector」によるメタタグの確認方法
META SEO Inspectorを使用するには、まずGoogle Chrome Web Storeなどで拡張機能をインストールする必要があります。
インストール後、Webページを開き、拡張機能のアイコンをクリックすると、メタタグが表示されます。
- タイトルタグ
- メタディスクリプション
- メタキーワード
- hタグ
- Facebook用OGP設定・Xカード形式
- canonical属性
- 構造化データ
META SEO Inspectorを活用すれば、上記を一覧で確認できます。特に複数ページを短時間で点検したいときに便利です。
なお、JavaScriptでメタタグを後から差し込む実装は、確認時と実際の解釈がずれることがあります。動的に変更する設計を採る場合は、表示確認だけでなく、検索エンジン側でどう見えているかまで検証することがおすすめです。
（参照：Google がサポートしているメタタグと属性）
SEO対策において重要な7つのメタタグとその最適化
SEOで優先して見直したいのは、すべてのメタタグではなく、検索結果の見え方・インデックス制御・表示環境に関わる重要項目です。ここでは、実務で特に確認頻度の高い7つを、それぞれの最適化方法とあわせて紹介します。
なお、canonicalタグ（``）もSEO実務では重要ですが、厳密にはmetaタグではなくlink要素のため、ここでは7つには含めていません。重複コンテンツの正規化が必要な場合は、canonicalの設定もあわせて確認しましょう。
- titleタグ（タイトルタグ、meta title、<title>）
- meta description（メタディスクリプション）
- 文字コード（meta charset属性）
- OGPタグ（meta property属性）
- ビューポートタグ（meta viewport）
- noindex,nofollow（meta robotsで指定）
- メタキーワード（meta keywords）
titleタグ（タイトルタグ、meta title、<title>）
<title>タイトル名</title>
タイトルタグ（titleタグ）は、そのページの主題を端的に示す要素で、SEOとクリック率の両方に関わります。正確にはメタタグではありませんが、メタタグとあわせて管理されることが多いため、ここで紹介します。
タイトルタグには、対策キーワードを不自然にならない形で含めましょう。タイトルは検索結果ページで最初に目に入る情報であり、内容が伝わるかどうかでクリック率が変わります。
そのため、ユーザーが検索する語句を含めつつ、何が分かるページなのかを明確にすることが大切です。単にキーワードを詰め込むより、「比較」「方法」「事例」など意図に合う言葉を添えたほうが反応は安定しやすくなります。
また、タイトルはユーザーだけでなく、検索エンジンに対してページのテーマを伝える役割も果たします。ページ内容とずれたタイトルにすると、クリック後の満足度まで下がりやすいため、本文との一致も意識しましょう。
このセクションで一番差がつきやすいのは、文字数そのものより「検索意図との一致」です。たとえばBtoB向けの解説記事なのに、タイトルだけが煽り気味だとクリック後の離脱が増えやすく、結果的に成果につながりにくくなります。見栄えより整合性を優先するのが現実的です。
⇒タイトルタグの考え方は、SEOに強いタイトルの付け方とは？文字数や書き方、タグの設定方法も解説で整理しています。
meta description
（メタディスクリプション）
<meta content="概要文を120文字程度" name="description">
meta descriptionタグ（メタディスクリプションタグ）は、そのページの内容を要約して伝える説明文です。直接的な順位要因ではありませんが、クリック率に影響しやすいため、非常に大切な要素です。
最適化の方法として、重要なキーワードや結論は前半に置くことを意識しましょう。文字数に厳密な上限はありませんが、デバイスやクエリによって表示量は変わるため、前半で要点が伝わる設計が有効です。スマホでは短めに表示されることも多いため、冒頭で主題が分かる書き方が向いています。
また、descriptionは「本文の要約」であることが重要です。ページに書かれていない便益を盛り込むと、クリックされても期待外れになりやすくなります。ECなら価格帯や特徴、記事なら対象読者や得られることを簡潔に入れると、流入の質が整いやすくなります。
⇒メタディスクリプションについては、メタディスクリプションとは？SEO効果のある設定方法や最適な文字数、書き方も参考にしてみてください。
文字コード（meta charset属性）
<meta charset="utf-8">
meta charset属性は、HTML文書の文字エンコーディングを指定するメタタグです。
文字コードを指定していないと、日本語サイトで文字化けが起こる可能性があります。そのため、meta charset属性は日本語サイトでも必須の基本設定です。
日本語サイトでは、現在は「UTF-8」を使うのが一般的です。Shift-JISが使われている既存環境もありますが、新規制作や更新を前提にするならUTF-8に寄せたほうが運用しやすいでしょう。CMS、テンプレート、サーバー設定が混在していると、部分的な文字化けや記号崩れが起きることがあります。
OGPタグ（meta property属性）
<meta property="og:title" content="ページの タイトル" /> <meta property="og:description" content="ページのディスクリプション" /> <meta property="og:type" content="ページの種類" /> <meta property="og:url" content="ページの URL" /> <meta property="og:image" content="サムネイル画像の URL" /> <meta property="og:site_name" content="サイト名" /> <meta property="og:locale" content="ja_JP" />
OGPとは、Open Graph Protocolの略で、FacebookやXなどのソーシャルメディアで共有された際に、ページの画像やタイトル、説明文、URLなどを正しく表示させる仕組みのことです。
OGPタグ（meta property属性）は、SNSでシェアされた際のクリック率や見栄えに関わるため、ソーシャル流入を狙うなら設定しておきたい項目です。特に記事一覧からではなく、個別URLが直接共有されるメディアでは差が出やすい部分です。
WordPressを利用しているなら、テーマ設定（外観＞カスタマイズ）などからOGPタグを設定できる場合があります。テーマ側で対応していない場合は、「All in One SEO Pack」などのプラグインでも設定可能です。
OGPの設定でよくある実務上のミスは、og:imageの画像サイズが小さすぎるケースです。FacebookやXでは1200×630px以上が推奨されており、これより小さいと表示が崩れたりサムネイルが切れたりします。記事ごとにアイキャッチ画像を設定する際は、OGP表示も意識したサイズにしておくと、SNS流入時の見え方が安定します。
WordPressでのOGP設定（プラグインを使わない場合）
WordPressでプラグインを使わずにOGPタグを設定したい場合には、以下のコードをfunctions.phpにコピペすることでOGPタグの設定ができます。
赤下線が引かれた3箇所は変更が必要です。
※functions.phpの変更はサイトを表示不能にしてしまう可能性があるので、必ずバックアップを取ってから行うようにしてください。
/****************************** OGPタグ/Xカード設定の出力用 ******************************/ function my_meta_ogp() { if (is_front_page() || is_home() || is_singular()) { global $post; $ogp_title = ''; $ogp_descr = ''; $ogp_url = ''; $ogp_img = ''; $insert = ''; if (is_singular()) { //記事＆固定ページ setup_postdata($post); $ogp_title = $post - > post_title; $ogp_descr = mb_substr(get_the_excerpt(), 0, 100); $ogp_url = get_permalink(); wp_reset_postdata(); } elseif (is_front_page() || is_home()) { //トップページ $ogp_title = get_bloginfo('name'); $ogp_descr = get_bloginfo('description'); $ogp_url = home_url(); } //og:type $ogp_type = (is_front_page() || is_home()) ? 'website' : 'article'; //og:image if (is_singular() && has_post_thumbnail()) { $ps_thumb = wp_get_attachment_image_src(get_post_thumbnail_id(), 'full'); $ogp_img = $ps_thumb[0]; } else { $ogp_img = 'TOPページとアイキャッチ画像未設定のときに使用する画像のURL'; } //出力するOGPタグをまとめる $insert .= '<meta property="og:title" content="'.esc_attr($ogp_title).'" />' . "\n"; $insert .= '<meta property="og:description" content="'.esc_attr($ogp_descr).'" />' . "\n"; $insert .= '<meta property="og:type" content="'.$ogp_type.'" />' . "\n"; $insert .= '<meta property="og:url" content="'.esc_url($ogp_url).'" />' . "\n"; $insert .= '<meta property="og:image" content="'.esc_url($ogp_img).'" />' . "\n"; $insert .= '<meta property="og:site_name" content="'.esc_attr(get_bloginfo('name')).'" />' . "\n"; $insert .= '<meta name="twitter:card" content="summary_large_image" />' . "\n"; $insert .= '<meta name="twitter:site" content="Xのアカウント名(@を含む)" />' . "\n"; $insert .= '<meta property="og:locale" content="ja_JP" />' . "\n"; //FacebookのアプリIDを設定する場合（※Facebook向けOGP設定） $insert .= '<meta property="fb:app_id" content="ここにFBのアプリID(appID)を入力">' . "\n"; //fb:app_idを設定しない場合、この行と上2行は削除する echo $insert; } } //END my_meta_ogp add_action('wp_head', 'my_meta_ogp'); //headタグのwp_headの位置にOGPタグ/Xカード設定を出力
ビューポートタグ
（meta viewport）
<meta name="viewport" content="width=device-width,initial-scale=1">
ビューポートタグ（meta viewport）は、モバイル端末でのページ表示幅をブラウザに伝えるタグです。レスポンシブ表示の前提になるため、現在のWebサイトではほぼ必須です。
スマホやタブレットからの閲覧が主流になっているため、モバイル表示を崩さないことはSEOだけでなくユーザー体験の面でも重要です。
ビューポートタグがないと、スマホでPC幅のまま縮小表示され、文字が極端に小さくなったり、比較表が読みにくくなったりします。特にBtoBサイトの資料請求ページや、ECの商品詳細ページでは、表示崩れがそのまま離脱につながりやすいです。モバイル対応は本文の質とは別軸で、最低限そろえておきたい設定です。
⇒モバイル対応の詳細は、モバイルフレンドリーとは？SEO対策で必要な理由や確認・対応方法で詳しく解説しています。
noindex,nofollow
（meta robotsで指定）
<meta name="robots" content="noindex,nofollow">
noindex,nofollowは、検索エンジンに対して「このページを検索結果に出さない」「このページ上のリンクをたどらないように扱う」ことを伝える指定です。
低品質なページや、ユーザーに見せる必要のないページ、内容が重複しているページなどに使います。たとえば、検索結果ページ、テストページ、印刷用ページ、条件違いで量産された一覧URLなどが対象になりやすいです。
ただし、何でもnoindexにすればよいわけではありません。重要ページまで除外すると、流入機会を失うだけでなく、サイト全体の導線設計も弱くなります。実務では「このURLは検索結果に出るべきか」を先に決め、その判断に沿って設定するほうがミスを減らせます。
補足として、noindexとnofollowは必ずしもセットで指定する必要はありません。「検索結果には出したくないが、ページ上のリンクは評価対象にしたい」場合は `noindex,follow` と指定します。逆に、「検索結果には出すが、ページ上のリンク先にPageRankを渡したくない」場合は `index,nofollow` です。実務では、noindexだけを指定するケースのほうが多いでしょう。
メタキーワード
（meta keywords）
以前、SEO効果があると言われていたメタタグとしてmeta keywordsタグがあります。記述方法は、下記の通りです。
<meta name="keywords" content="キーワード1,キーワード2,キーワード3">
以前は、検索エンジンがメタキーワードを参考にしていた時期もありました。そのため、かつてはmeta keywordsを設置することがSEOに有効だと考えられていました。
しかし、キーワードの詰め込みに悪用されやすかったこともあり、Google検索では現在このタグは使われていません。2026年時点でも、Google検索のインデックス登録やランキングには影響しないと考えて問題ありません。
Googleがサポートしていないタグは無視されるため、meta keywordsの最適化に時間をかけるより、title・description・robots・構造化データ・本文品質に工数を回すほうが効果的です。古いSEO情報をそのまま信じていると、優先順位を誤りやすい点には注意しましょう。
なお、meta keywordsを設定すること自体にペナルティはないため、既に設置されているサイトから急いで削除する必要はありません。ただし、新規ページで工数をかけて設定する意味はほぼないため、その時間をtitleやdescriptionの最適化に充てるほうが合理的です。
メタタグを生成するツールをご紹介
メタタグの生成は手書きでもできますが、入力漏れや記述ミスを減らしたいならツールを使う方法も有効です。ここでは、メタタグの生成に利用できるツールを紹介します。
Meta Tag Generator
（メタタグジェネレーター）
こちらの「Meta Tag Generator」を使えば、簡単にメタタグを生成することが可能です。タイトルやmeta description、meta keywordsなど必要項目を入力し、生成されるコードをコピーするだけです。
非常にシンプルで使いやすいツールですが、生成後はそのまま貼って終わりにせず、自社ページの内容に合っているかを必ず見直すことが大切です。特にdescriptionは、ツールで形を作れても、検索意図との一致までは自動で担保できません。下書きとして使い、最後は人の判断で整える運用が向いています。
よくある質問
メタタグはSEOに直接効果がありますか？
一部は間接的、一部は実務上重要という理解が適切です。<title>は検索結果の見え方に強く関わり、meta descriptionはクリック率に影響します。meta robotsやviewportは、インデックス制御やモバイル表示の土台として重要です。
meta keywordsは2026年でも設定したほうがよいですか？
Google検索を前提にするなら、優先度は低いです。Googleはmeta keywordsをランキングやインデックスに使わないため、工数をかけるならtitle、description、robots、本文改善を優先したほうが効果的です。
meta descriptionは何文字くらいで書けばよいですか？
厳密な固定文字数はありません。デバイスや検索クエリで表示量が変わるため、前半で要点が伝わるように書くことが重要です。目安としては、短すぎず長すぎない説明文にし、冒頭に主題を置くと整理しやすいです。
noindexを設定するとクロールも止まりますか？
止まりません。noindexは検索結果に表示しないための指定であり、クロール拒否とは別です。クロールとインデックスは役割が異なるため、混同しないことが大切です。
WordPressではプラグインと手書きのどちらがよいですか？
更新担当者が複数いるなら、管理画面で統一できるプラグイン運用のほうが管理しやすいことが多いです。一方で、テーマや他プラグインとの競合があるため、導入後は実際のソースコードで重複出力がないか確認すると安心です。
まとめ：メタタグを正しく設定して間接的なSEO効果を最大化しよう！
メタタグは、検索エンジンやブラウザにページ情報を伝えるための基本設定であり、2026年のSEOでも重要です。特に、<title>、meta description、meta robots、viewportは、検索結果の見え方やインデックス制御、モバイル表示に直結します。
一方で、meta keywordsのように、現在のGoogle検索では使われていない要素もあります。だからこそ、古い通説をそのまま信じるのではなく、実際に使われるタグへ優先的に工数を配分することが大切です。
まずは、自社サイトの主要ページでtitle、description、robots、viewportが正しく出力されているかを確認してみてください。メタタグを整えるだけでも、検索結果での伝わり方と運用の安定性は変わってきます。
このように、SEOではメタタグをはじめ対策しなければならないタグが山ほどあります。その他のタグについては以下のページで詳しく解説していますので、ぜひご一読ください。
