- 2026.4.2
- SEO
メタタグ(metaタグ)とは？書き方とSEO初心者向け手順と実例
metaタグとは、HTMLの<head>内に記述してページの情報を検索エンジンやブラウザに伝えるタグのことです。
「何をどこに書けばいいの？」と迷う方に向けて、SEOで押さえるべきmetaタグの種類・具体的な書き方・やりがちなミスを手順ベースで解説します。この記事を読み終えたら、自分のサイトに正しくmetaタグを設定できる状態になるはずです。
metaタグの書き方を先に知りたい方は、まず以下のソースコードを<head>内に書けばOKです。
<head>
<meta charset="UTF-8">
<title>ここにページタイトルを入力します。</title>
<meta name="description" content="ここにページの要約を120文字程度で書きます">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
各タグの意味と詳しい書き方は以下で解説していきます。
結果が違う本格SEO運用代行なら
フリースクエアにお任せください！
プロのSEO運用代行を低コストで実現！
目次
そもそもメタタグ（metaタグ）とは？ 役割をざっくり理解する
metaタグは、WEBページの本文には表示されない「裏側の情報カード」のようなものです。ブラウザや検索エンジンはこの情報カードを読み取って「このページは何について書かれているのか」「検索結果にどう表示するか」を判断します。
HTMLファイルの<head>〜</head>の中に置くのが基本ルールです。Google公式ドキュメント「Meta Tags and Attributes that Google Supports」でも、metaタグは“セクションに追加するものと明記されています。
ここで大事なのは、metaタグを正しく書いたからといって「それだけでWEBページの検索順位が上がる」わけではない、という点です。metaタグはあくまで検索エンジンへの正確な情報伝達が目的であり、コンテンツの品質とセットで効果を発揮します。metaタグを「加点要素」というよりも「減点を防ぐ土台」と考えると理解しやすいです。
SEO初心者が押さえるべきmetaタグは4種類だけ
metaタグの種類は実はたくさんありますが、まず設定すべきものは4つに絞れます。ここでは優先度の高い順に紹介します。
①titleタグ（ページタイトル）
厳密にはmetaタグではなく<title>要素ですが、metaタグと並んで<head>内に記述する最重要のタグです。検索結果のリンク文字（タイトルリンク）として表示されるため、クリック率に直結します。
書き方の基本形はこうなります。
<title>ページの内容を端的に表すタイトル｜サイト名</title>
Google公式ドキュメント「Influencing your title links in search results」では、titleタグについて「ユーザーが検索結果のどれをクリックするか判断する最も重要な情報のひとつ」と位置づけています。
titleタグを記述するときのポイントは3つです。対策キーワードをできるだけ前半に入れること、全体を50〜70文字程度に収めること、そしてページごとに固有のタイトルをつけることです。「Home」のような漠然とした文言や、同じタイトルの使い回しは書き換えられてしまう原因になりやすいです。
②meta description（メタディスクリプション）
検索結果のタイトル下に表示される説明文の元になるタグです。直接の検索順位への影響はないとされていますが、ユーザーが「このページを読むかどうか」を判断する材料になるため、クリック率には大きく関わります。
<meta name="description" content="ここにページの要約を120文字程度で書きます">
Google公式ドキュメント「How to Write Meta Descriptions」では、キーワードを羅列しただけのdescriptionは避け、ページ固有の内容を簡潔にまとめるよう推奨しています。 「誰に・何を・どう伝えるページか」を一文にまとめるイメージで書くと、自然と質の高いdescriptionになります。
注意点として、必ずしもdescriptionタグの内容をそのままスニペット（検索結果の説明文）に使うわけではありません。ページ本文のほうが検索クエリに合っていると判断した場合は、本文から自動抽出されます。それでもdescriptionを書いておくことは「第一候補」を用意するという意味で重要です。
③meta robots（ロボッツタグ）
検索エンジンのクローラー（自動巡回プログラム）に対して、「このWEBページをインデックス（検索結果に登録）してよいか」「WEBページ内のリンクを辿ってよいか」を指示するタグです。
<meta name="robots" content="index, follow">
上記は「インデックスしてよい、リンクも辿ってよい」という意味で、これがデフォルトの状態です。何も書かなければindex, followと同じ扱いになるため、通常のページではあえて書かなくても問題ありません。
一方、検索結果に出したくないページがある場合にはnoindexを使います。
<meta name="robots" content="noindex">
たとえばサイト内検索の結果ページ、テスト用のWEBページ、内容が薄い一覧ページなどにnoindexを設定することで、サイト全体の品質評価が下がるのを防ぎやすくなります。
ここでやりがちなミスがあります。公開したいページにうっかりnoindexを設定してしまうケースです。WordPressの場合、管理画面の「設定 > 表示設定」で「検索エンジンがサイトをインデックスしないようにする」にチェックが入っていないか、一度確認しておくと安心です。
④viewportタグ（ビューポート設定）
スマートフォンでの表示を正しく制御するためのタグです。直接のランキング要因ではありませんが、検索エンジンはモバイルフレンドリーなページを評価する傾向があり、このタグの有無はモバイル対応の基本指標のひとつです。
<meta name="viewport" content="width=device-width, initial-scale=1">
ほとんどのCMS（WordPressなど）やHTMLテンプレートには最初から入っていますが、古いテーマやテンプレートを使っている場合は欠けていることもあります。一度ソースコードを確認してみましょう。
「meta keywords」はもう不要？ よくある誤解を整理する
SEOの情報を調べていると「meta keywordsを設定しましょう」という古い情報に出会うことがあります。結論から言うと、meta keywordsタグを検索順位の評価に一切使っていません。
Google公式ドキュメント「Meta Tags and Attributes that Google Supports」の「Unsupported tags」セクションに、「The meta-keyword tag is not used by Google Search, and it has no effect on indexing and ranking at all.」と明記されています。
設定しても害はありませんが、メリットもありません。むしろ競合に対策キーワードを知らせてしまうリスクがあるため、書かないほうが無難です。同様に、HTML要素のlang属性も言語判定には使われていません。WEBページの本文テキストから言語を自動判定しています。
「何を設定しなくていいか」を知ることも大切です。不要なものに時間をかけず、titleタグとmeta descriptionの質に集中するほうがはるかに効率的です。
metaタグの具体的な書き方｜5ステップで完了する設定手順
ここからは、実際にmetaタグを設定する手順を5ステップで解説します。HTMLに直接記述する場合とWordPressの場合をあわせて説明するので、ご自身の環境に合わせて進めてください。
まず全体像を把握するために、metaタグの基本セットをまとめたテンプレートを示します。以下をコピーして自分のページに貼り付け、各項目を書き換えるだけで最低限の設定が完了します。
<head>
<meta charset="UTF-8">
<title>ここにページタイトルを入力します。</title>
<meta name="description" content="ここにページの要約を120文字程度で書きます">
<meta name="robots" content="index, follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
このテンプレートには、前章で紹介した4種類のタグ（titleタグ、meta description、meta robots、viewportタグ）に加え、文字コードを指定するcharsetタグが含まれています。この5つが<head>内に揃っていれば、metaタグの基本セットとしては十分です。ここから先のステップでは、それぞれの中身をどう記述するかを具体的に説明していきます。
ステップ1｜対象ページの対策キーワードを決める
まずページごとに「このページでどの検索キーワードを狙うか」を1つ決めます。1ページ1キーワードが基本です。複数のキーワードを無理に詰め込むと、titleもdescriptionも焦点がぼやけてしまいます。
ステップ2｜titleタグを書く
対策キーワードを含め、ページの内容を端的に表すタイトルを書きます。目安は50〜70文字です。キーワードは前半に置き、後半にサイト名を「｜」や「-」で区切って添えるのが一般的な形です。
実際に書くとこのような形になります。
<title>metaタグの書き方｜SEO初心者向けに手順と注意点を解説 - ○○ブログ</title>
避けたいのは、同じキーワードの繰り返し（キーワードスタッフィング）です。「metaタグ 書き方 metaタグ 設定方法 metaタグ」のような書き方はスパムポリシーに抵触する可能性があり、ユーザーにも不信感を与えます。
ステップ3｜meta descriptionを書く
titleだけでは伝えきれないページの魅力を、120文字前後で補足するイメージです。「誰に向けた、何の情報で、読むとどうなるか」を意識して書くと自然にまとまります。
<meta name="description" content="metaタグの書き方をSEO初心者向けに解説。設定すべき4種類のタグ、具体的な記述例、やりがちなミスまで手順ベースで説明します。">
キーワードの羅列やすべてのページで同じ文章を使い回すのはNGです。Googleの公式ドキュメントでも、ページ固有の説明を書くことが明確に推奨されています。
クリックされるtitleタグの書き方パターン
titleタグは「キーワード＋解決内容＋ユーザー属性」の3要素を組み合わせると、検索意図に合致しやすくなります。以下にテンプレートを7パターン用意しました。自分のページの内容に合わせて［ ］内を置き換えて使ってみてください。
[キーワード]の[解決内容]を徹底解説！[ユーザー属性]が抱える[悩み]の解消法
なぜ[キーワード]で[解決内容]できない？[ユーザー属性]が陥る罠と対策
[キーワード]で[解決内容]を実現！忙しい[ユーザー属性]のための[数字]ステップ
[キーワード]の[解決内容]に最適なのは？[ユーザー属性]向けの選び方ガイド
[キーワード]で[解決内容]して[理想の状態]へ！[ユーザー属性]専用の完全攻略本
もう[キーワード]で[解決内容]に迷わない！[ユーザー属性]が知るべき成功の秘訣
たとえば、この記事のtitleを上記テンプレートに当てはめるとこうなります。
キーワード：metaタグ 書き方
ユーザー属性：SEO初心者
解決内容：正しく設定できるようになる
→ metaタグの書き方を徹底解説！SEO初心者が抱える「何をどこに書くか分からない」の解消法
ポイントは、キーワードを前半に置きつつ、ユーザーが「自分向けの記事だ」と感じられる要素（ユーザー属性や悩み）を含めることです。テンプレートはあくまで出発点なので、最終的には自然な日本語に整えて50〜70文字に収めてください。
伝わるmeta descriptionの書き方
meta descriptionをゼロから書こうとすると手が止まりがちですが、次の3つの要素を順番に組み立てると、迷わず質の高い文章が作れます。
要素①：対象ユーザー（誰に向けた記事か）
要素②：解決できる悩み（何の疑問・課題に答えるか）
要素③：読むメリット（読んだあとどうなれるか）
この3要素を意識して書いたmeta descriptionの例がこちらです。
<meta name="description" content="metaタグの書き方をSEO初心者向けに解説。設定すべきタグと具体例、失敗しないポイントまでまとめています。">
分解すると、「SEO初心者向けに」が対象ユーザー、「設定すべきタグと具体例」が解決できる悩み、「失敗しないポイントまでまとめています」が読むメリットに対応しています。
もう1つ例を挙げます。たとえば料理レシピのページなら次のようになります。
<meta name="description" content="自炊初心者でも失敗しないカレーの作り方を紹介。材料の選び方からルーを使わない本格レシピまで、写真付きで手順を解説します。">
「自炊初心者でも」が対象ユーザー、「失敗しないカレーの作り方」が解決できる悩み、「写真付きで手順を解説します」が読むメリットです。
この3要素フレームワークに当てはめるだけで、キーワードの羅列にならず、ユーザーがクリックしたくなる自然な文章に仕上がります。descriptionを記述するときは、まず3要素をメモ書きしてから一文にまとめてみてください。
ステップ4｜meta robotsの要否を判断する
通常の公開ページなら、meta robotsタグは書かなくて大丈夫です。デフォルトでindex, follow扱いになるためです。
noindexを設定するのは、次のようなケースに限られます。サイト内検索の結果ページ、テスト環境のページ、内容の薄い自動生成ページ、会員限定で検索結果に出したくないページなどです。
判断に迷ったら「このページが検索結果に出たとき、訪問者にとって役に立つかどうか」で考えてみてください。役に立つならindex、役に立たないならnoindexです。
ステップ5｜設定後にソースコードを確認する
metaタグを書いたら、必ず実際のページで反映を確認しましょう。ブラウザでページを開き、右クリック → 「ページのソースを表示」で<head>の中身を見ることができます。
titleタグが正しく入っているか、descriptionに意図した文章が入っているか、noindexが入っていないか（入れるつもりがない場合）をチェックします。さらにGoogle Search Console（サーチコンソール）の「URL検査ツール」を使えば、検索エンジンから見たページの状態も確認できます。
WordPressの場合は、SEOプラグイン（Yoast SEO、All in One SEOなど）の入力欄からtitleとdescriptionを設定できるため、HTMLを直接編集する必要がないケースが多いです。プラグインのプレビュー機能を使えば、検索結果での見え方を事前に確認できるので活用してみましょう。
【実践編】metaタグ設定の「3ステージ判定法」で優先度を決める
ここまでで書き方の基本は身についたはずです。ここからは実践編として、サイト全体のmetaタグをSEOの観点から効率よく整備していくための独自フレームワークを紹介します。metaタグを設定するとき、すべてのページに同じ労力をかけるのは現実的ではありません。そこでページの重要度を3段階に分け、どこまで手をかけるか判断する方法です。
-
ステージ1：必ず手書きするページ（最優先）
トップページ、主要なサービスページ、アクセスを集めたいブログ記事など、検索流入を期待するページです。titleタグとmeta descriptionの両方を、ページごとに固有の内容で丁寧に書きます。キーワード調査を行い、検索意図に合った文言を練り込みましょう。
-
ステージ2：テンプレートで自動生成するページ（効率化）
カテゴリーページ、タグページ、商品一覧ページなど数が多いページです。CMSのテンプレート機能を使い、「カテゴリー名＋定型文＋サイト名」のようにtitleを自動生成する仕組みにしておきます。descriptionも同様に「このカテゴリーでは○○に関する記事をまとめています」のようなパターンで自動生成するのが効率的です。
-
ステージ3：noindexを検討するページ（対象外にする）
サイト内検索の結果、パラメータ付きの重複URL、テストページなど、検索結果に出ても価値が低いページです。titleやdescriptionに時間をかけるのではなく、noindexで検索対象から外すのがベストです。
この3段階を決めてから作業に入ると、時間の使い方が格段に良くなります。私の経験では、ステージ1に該当するページはサイト全体の10〜20%程度であることが多いです。つまり、限られたページに集中して質を高めることが、サイト全体のSEO底上げにつながりやすいということです。
今のmetaタグ設定、大丈夫？
metaタグを設定したあとに「これで合っているのかな」と不安になることは多いものです。以下のチェックリストで現状を確認してみてください。
titleタグについて
- 対策キーワードがtitle内に含まれていますか？ → Noなら修正を検討しましょう
- 文字数は50〜70文字程度に収まっていますか？ → 70文字を大きく超えると検索結果で途切れやすくなります
- ページごとに固有のtitleになっていますか？ → 複数ページで同じtitleはGoogleに書き換えられる原因になりやすいです
- キーワードを不自然に繰り返していませんか？ → Yesなら自然な文章に書き直しましょう
meta descriptionについて
- ページの内容を具体的に要約していますか？ → キーワードの羅列ではなく文章になっていれば問題ありません
- 120文字前後に収まっていますか？ → 長すぎると検索結果で省略されます
- 全ページ同じ文章を使い回していませんか？ → Yesなら優先度の高いページから個別に書き直しましょう
meta robotsについて
- 公開したいページにnoindexがついていませんか？ → これは致命的なミスになるので最優先で確認してください
- テストページや低品質ページにnoindexを設定していますか？ → 設定していないなら、サイト全体の品質のために検討する価値があります
すべてYes（問題なし）なら、metaタグの基本設定はクリアできています。Noが1つでもあった場合は、該当箇所を優先的に修正しましょう。
自社メディアで効果が出たmetaタグ改善の事例
ここからは、実際に取り組んだmetaタグ改善の事例を紹介します。
あるメディアの記事群で、titleタグとmeta descriptionの見直しを3か月かけて行いました。対象は検索流入を期待する主要Webページ約80本です。
改善前の状態は、titleにキーワードが入っていないページが約3割、descriptionが未設定または全ページ同一文のページが約半数という状況でした。
施策としては、まずステージ1（最優先ページ）を選定し、各記事のtitleにキーワードを自然に含めた形に修正しました。descriptionも記事ごとに「このページを読むと何が分かるか」を一文でまとめ直しました。
結果として、施策開始から約3か月後に検索結果からのクリック率（CTR）が平均で約1.3倍に改善しました。とくに変化が大きかったのは、descriptionが未設定だったページ群です。これらはCTRが約1.5倍まで上がったものもありました。
ただし、この改善はmetaタグの修正だけが要因とは言い切れません。同時期に本文のリライトも一部行っていたため、複合的な要因の可能性があります。それでも、metaタグが未設定・不適切なWebページが多いサイトでは、整備するだけで検索結果上での「見え方」が改善しやすいという手応えは確かにありました。
一方で、失敗した経験もあります。別のメディアで、descriptionにキーワードを詰め込みすぎた時期がありました。「○○ △△ □□ ◇◇」のようにキーワードを並べただけのdescriptionに書き換えた結果、それをスニペットに採用せず本文から自動生成するケースが増え、意図しない文章が検索結果に表示されるようになりました。約2か月後に自然な文章に戻したところ、スニペットにdescriptionが採用される割合が回復しました。
この経験から学んだのは「descriptionは検索エンジンではなくユーザーに書く」ということです。キーワードの羅列を嫌う傾向があるため、あくまで自然な文章でWebページの内容を要約する書き方が結局は最も効果的です。
初心者がやりがちなmetaタグのミス5選と対処法
①titleタグが全ページ同じになっている
CMSの初期設定のままだと、サイト名だけがtitleに入っているケースがあります。ページごとに固有のtitleを設定し直しましょう。
②descriptionが空欄のまま放置されている
descriptionが空でも本文から自動的にスニペットを生成してくれます。ただし、自分が意図した内容が表示されるとは限りません。とくに検索流入を狙うページは自分で書いておくのが安心です。
③公開ページにnoindexが残っている
テスト段階でnoindexを入れたまま本番公開してしまうミスは、経験者でもまれに起こります。Search Consoleの「ページのインデックス登録」レポートで「noindexタグによって除外されました」というステータスが出ていないか定期的に確認しましょう。
④titleにキーワードを詰め込みすぎている
「metaタグ 書き方 metaタグ SEO metaタグ 設定」のように同じワードを何度も繰り返す書き方はキーワードスタッフィングにあたります。これをスパム的な行為と判断されることがあるため、キーワードは1回、多くても2回までが目安です。
⑤OGPタグとtitleタグの混同
SNSのOGPタグ（og:titleやog:description）と、SEOのtitleタグ・meta descriptionは別物です。OGPを設定してもtitleタグの代わりにはなりません。両方それぞれ設定する必要があります。ただし、Googleはog:titleをtitleリンクの生成ソースのひとつとして参照することがあるため、大きく食い違う内容にしないのがポイントです。
metaタグに関するよくある質問
Q1. metaタグを変更したら、すぐに検索結果に反映されますか？
反映には再クロール（再巡回）と再処理が必要で、数日〜数週間かかることがあります。急ぎの場合はSearch Consoleの「URL検査」から再クロールをリクエストすると、反映が早まる可能性があります。
Q2. meta descriptionの最適な文字数は何文字ですか？
明確な上限は公式に公表されているわけではありませんが、検索結果での表示はデバイスの画面幅に応じて調整されます。目安としてPC表示で120文字前後、スマートフォンではそれより短く表示されることが多いです。最も伝えたい情報は前半70文字以内に入れておくと、どのデバイスでも表示されやすくなります。
Q3. WordPressならmetaタグはプラグインだけで管理できますか？
はい、SEOプラグインを使えばHTMLを直接編集せずにtitleやdescriptionを管理できます。ただし、プラグインの設定が正しく反映されているか、実際のソースコードで確認する習慣は持っておきましょう。テーマやほかのプラグインとの干渉でタグが二重出力されるケースもまれにあります。
Q4. meta robotsの「nofollow」はいつ使うのですか？
nofollowは「Webページ内のリンクを検索エンジンに辿らせたくない」ときに使います。ただし、ページ単位のmeta robotsでnofollowを設定する場面は実務上あまり多くありません。特定のリンクだけ辿らせたくない場合は、個別のaタグにrel=”nofollow”を付けるほうが一般的です。
Q5. charsetタグ（文字コード指定）はSEOに関係ありますか？
charsetタグ自体がランキングに直接影響するわけではありません。しかし、正しく設定されていないとページが文字化けする原因になり、結果としてユーザー体験と検索エンジンの理解の両方に悪影響が出ます。 <meta charset=”utf-8″>を<head>の最初に入れておくのが基本です。
成果にコミットするSEOコンサルティングなら
フリースクエアにお任せください！
豊富な実績とインハウス(内製化)支援も可能！
まとめ
metaタグの書き方は、一度ルールを覚えてしまえばそれほど難しくありません。押さえるべきmetaタグは、titleタグ、meta description、meta robots、viewportタグの4つです。
最も大切なのはtitleタグとmeta descriptionをページごとに丁寧に書くことです。検索結果上での「このページの第一印象」を自分でコントロールできる数少ない手段だからです。
まずは今公開しているWebページのソースコードを開いて、titleタグにキーワードが入っているか、descriptionが空欄になっていないか、noindexが意図せず入っていないかを確認してみてください。その確認だけでも、改善すべきポイントが見えてくるはずです。
この記事で紹介した「3ステージ判定法」やチェックリストを活用して、優先度の高いページから順に整備していくのがおすすめです。一度に全ページを完璧にしようとするのではなく、重要なページから着手して、少しずつ範囲を広げていきましょう。
WRITER
ライターMT
ライターMTの記事一覧複数メディアのSEO対策担当者を10年以上経験。SEO知識の他に、健康、脱毛、恋愛、コンプレックスなどのジャンルも得意。これまで800本以上のコンテンツ制作と上位表示実績を持つ。
キーワード選定からライティングまでを一貫して行うため検索意図を把握する能力が高い。
メタタグ(metaタグ)とは？書き方とSEO初心者向け手順と実例
この記事が気に入ったら
いいね!しよう
