metaタグは、ページの <head> の中に書く、検索エンジンやSNSに向けた情報です。画面には表示されないので、設定がおかしくても気づきにくいところです。 結論から言うと、2026年に必ず書くのは「title・description・viewport・charset」と、正しいページを示す「canonical」。SNSで共有されるなら「OGP」と「twitter:card」です。キーワードのタグなど、もう意味のないタグもあります。 この記事では、今書くべきタグと要らないタグを一覧にしたうえで、Cruwが自社サイトを点検して見つけた設定ミスも、実例として紹介します。
- 今必要なmetaタグと、もう要らないタグの一覧
- description・OGP・twitter:card・robots の書き方
- AI検索（AI Overviews など）に関係するタグ
※2021年に公開した「SEO対策に重要なメタタグと正しい書き方」を、今の検索とSNSにあわせて作り直した記事です。
結論：2026年に書くmetaタグ・要らないmetaタグの一覧
| 分類 | タグ | 役割 |
|---|---|---|
| 必ず書く | <meta charset="UTF-8"> | 文字コード。文字化けを防ぐ |
| 必ず書く | <meta name="viewport"> | スマートフォンで画面の幅に合わせて表示する |
| 必ず書く | <title> | 検索結果やブラウザのタブに出るページのタイトル |
| 必ず書く | <meta name="description"> | 検索結果の説明文として使われることがある |
| 必ず書く | <link rel="canonical"> | 同じ内容のURLが複数あるときに、正しいURLを伝える |
| SNSで共有されるなら | OGP（og:title・og:image など） | 共有したときのタイトル・説明・画像 |
| SNSで共有されるなら | twitter:card | X で共有したときのカードの形 |
| 必要なときだけ | <meta name="robots"> | 検索結果に出さない（noindex）、説明文の長さを制限する など |
| 要らない | <meta name="keywords"> | Google は使っていない |
| 要らない | viewport の shrink-to-fit=no | 古い Safari 向けの指定。今は不要 |
| 要らない | X-UA-Compatible（IE=edge） | Internet Explorer 向け。IE はサポートが終了 |
title と canonical は、厳密には meta タグではありませんが、同じ <head> に書く大事な情報なので、一緒に紹介します。
必ず書く5つのタグと書き方
書く場所と基本の形
<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ホームページ制作の費用はいくら？｜Cruw</title>
<meta name="description" content="ホームページ制作の費用の目安と、金額が変わるポイントを、長野県上田市の制作会社が解説します。">
<link rel="canonical" href="https://example.com/blog/homepage-cost/">
</head>charsetは、<head>の一番はじめに1回だけ書きます- viewport は
width=device-width, initial-scale=1で十分です
title：検索結果で一番はじめに目に入る文字
ページの内容を表す、ページごとに違うタイトルにします。 長さに決まりはありませんが、検索結果では画面の幅で途中から省略されます。日本語なら30文字前後を目安に、伝えたい言葉を前半に入れましょう。 Google は、ページの内容と合わないと判断すると、検索結果ではタイトルを書き換えて表示することがあります。
description：検索結果の説明文の「候補」
ページの内容を短くまとめた文章です。Google は、description がページの内容をよく表していると判断したときに、検索結果の説明文（スニペット）として使います。順位を上げるためのタグではなく、検索結果でクリックしてもらうための文章です。
- 80〜120文字を目安に、そのページで何がわかるかを具体的に書く
- ページごとに違う文章にする（全ページ同じ文章にしない）
- キーワードを並べるだけの文章にしない
書いていない場合は、本文の一部が自動で使われます。それで困らないこともありますが、記事の書き出しが挨拶やお知らせだと、何のページかわかりにくい説明文になります。
canonical：正しいURLを1つに決める
?utm_source=... のような計測用のパラメータが付いたURLや、http と https、www のあり・なしなど、同じページが複数のURLで開けることはよくあります。canonical で「正しいURLはこれ」と伝えておくと、評価が分かれるのを防げます。 WordPress では、本体や SEO のプラグインが自動で出力してくれることがほとんどです。
SNSで共有されるなら：OGP と twitter:card
OGP：共有したときのタイトル・説明・画像
Facebook・X・LINE・Slack などで URL を共有したときに、どのタイトル・説明・画像を出すかを決めるタグです。
<meta property="og:type" content="article">
<meta property="og:title" content="ページのタイトル">
<meta property="og:description" content="ページの説明">
<meta property="og:url" content="https://example.com/blog/sample/">
<meta property="og:image" content="https://example.com/images/ogp.jpg">
<meta property="og:site_name" content="サイト名">og:imageは 1200×630px（横1.91：縦1） が目安です。比率が違うと、端が切れて表示されますog:typeは、トップページはwebsite、記事ページはarticleにしますog:urlとog:imageは、https://から始まる絶対URLで書きます
twitter:card：X で大きな画像で出すなら summary_large_image
X では、OGP のタイトルや画像を使ったうえで、twitter:card でカードの形を決めます。
<meta name="twitter:card" content="summary_large_image">
summary のままだと、横長のアイキャッチも小さい正方形に切り抜かれます。アイキャッチに文字を入れている場合は、文字が切れてしまうこともあります。
必要なときだけ書く：robots のタグ
<meta name="robots"> は、検索エンジンにページの扱い方を伝えるタグです。何も書かなければ「検索結果に出してよい」という扱いになるので、必要なページにだけ書きます。
| 書き方 | 意味 | 使う場面 |
|---|---|---|
noindex | 検索結果に出さない | お問い合わせの完了ページ、サイト内検索の結果ページ、テスト用のページ |
nofollow | ページ内のリンクをたどらない | ほとんど使わない。リンクごとに指定するなら <a rel="nofollow"> |
max-image-preview:large | 検索結果やDiscoverで大きな画像を出してよい | 画像を大きく見せたいブログなど |
nosnippet・max-snippet:数字 | 説明文を出さない・長さを制限する | 検索結果やAIの回答に、本文を使われたくないとき |
完了ページを noindex にする方法は、「サンクスページはnoindexにすべき？」で詳しく紹介しています。
AI検索（AI Overviews・AI Mode）に関係するタグ
Google の AI Overviews や AI Mode でも、通常の検索と同じ robots のタグが使われます。Google の「AI 機能とウェブサイト」の説明では、nosnippet・data-nosnippet・max-snippet・noindex で、AIの回答に使われる内容を制限できるとされています。 ただし、これらはふつうの検索結果の説明文にも同時に効きます。robots のタグでは、「AIには使われたくないけれど、検索結果には説明文を出したい」という分け方はできません。 AI検索に自社のことを正しく紹介してもらいたい場合は、制限するよりも、ページの内容をはっきり書くことのほうが大切です。Cruwが自社サイトで行ったことは、「AI検索に自社を正しく紹介してもらうには？」で紹介しています。
もう要らないmetaタグ
meta keywords
<meta name="keywords" content="ホームページ制作,上田市,SEO">以前は、ページのキーワードを検索エンジンに伝えるタグとして使われていました。Google は2009年に「キーワードのメタタグはランキングに使っていない」と公表しています。書いても害はありませんが、効果もないので、新しく書く必要はありません。 むしろ、競合のサイトに狙っているキーワードを見せてしまうだけなので、残っていたら消してもかまいません。
古いブラウザ向けの指定
- viewport の
shrink-to-fit=no：2015年ごろの Safari 向けの指定。今のブラウザでは意味がない <meta http-equiv="X-UA-Compatible" content="IE=edge">：Internet Explorer 向け。IE はサポートが終了している
古いテーマや、制作会社のひな形をそのまま使っているサイトに残っていることが多いタグです。害はないので、急いで消す必要はありませんが、テーマを直すときに一緒に整理しましょう。
Cruwの自社サイトを点検して見つかったこと
2026年11月に、Cruwの自社サイトのページをまとめて点検しました。metaタグまわりでは、次のような設定ミスや古い記述が見つかりました。人に言える立場ではないのですが、どれも「どのサイトでも起きやすいこと」なので、そのまま紹介します。
| 見つかったこと | 何が問題か | 対応 |
|---|---|---|
| description のないブログ記事が75本 | 検索結果に本文の書き出しが出る。お知らせの記事は、どれも似た説明文になる | 検索で表示の多い記事から順に書いていく |
トップページの og:type が article | トップは本来 website | SEOプラグインの設定で直す |
サイト全体の twitter:card が summary | 記事のアイキャッチ（横長）が、X では小さい正方形に切り抜かれる | summary_large_image に変える |
| トップページの共有用の画像が、2018年のロゴの画像（2000×717px） | 横長すぎて、SNSで端が切れる | 1200×630px の画像を作る |
<meta charset> が2回書かれている | テーマの header.php に、書き方を変えて2回書かれていた | 1つにする |
viewport に shrink-to-fit=no が残っている | 古い Safari 向けの指定 | テーマを直すときに整理する |
この中で一番影響が大きいのは、description のない記事が多かったことです。新しい記事は、原稿の段階で description を書くようにしていましたが、数年前の記事やニュース解説の記事は、空のまま残っていました。 metaタグは「作ったときに正しく設定したか」だけでなく、「記事を足していくうちに抜けていないか」も見ておく必要がある、というのが今回の学びです。
自分のサイトのmetaタグを確認する方法
- ページのソースを見る：パソコンのブラウザで、ページを右クリックして「ページのソースを表示」（Chrome なら
Ctrl+U、Mac は⌘+Option+U）。<head>の中を<metaで検索すると、出力されているタグが確認できます。同じタグが2回出ていないかも見ましょう - SNSでの見え方を確かめる：Facebook は「シェアデバッガー」に URL を入れると、共有したときの表示と、読み取られた OGP を確認できます。X は、ポストを作る画面に URL を貼ると、カードの表示を確認できます
- 説明文の抜けを探す：ページが多いサイトでは、1ページずつソースを見るのは大変です。SEO のプラグインの投稿一覧の画面や、サイトを巡回してタグを調べるツール（Screaming Frog SEO Spider など）を使うと、description が空のページをまとめて探せます。Search Console には、description の抜けを知らせる機能はありません
WordPress で SEO のプラグイン（All in One SEO、Yoast SEO、SEOPress など）を使っている場合、metaタグの多くはプラグインが出力しています。テーマにも同じタグが書かれていると、二重に出力されるので注意してください。Cruwのサイトの charset のように、テーマの中だけで重なっていることもあります。
よくある質問
description は書かないと、順位が下がりますか？
description そのものは、順位を決める要素ではありません。ただ、検索結果で何のページかが伝わる説明文になっていると、クリックされやすくなります。表示が多いのにクリックが少ないページから、優先して書くのがおすすめです。
書いた description が、検索結果に出ないのはなぜですか？
Google は、検索した言葉に合わせて、本文の一部のほうがふさわしいと判断すると、description の代わりに本文から説明文を作ります。そのページで何がわかるのかを具体的に書いておくと、使われやすくなります。
全ページに同じ description を入れてもいいですか？
おすすめしません。全ページ同じ文章だと、検索結果でページの違いが伝わりません。書く時間がないときは、空のままにして本文から自動で作ってもらうほうが、まだよいくらいです。
まとめ
- 必ず書くのは、charset・viewport・title・description・canonical の5つ。SNSで共有されるなら、OGP と
twitter:card（summary_large_image）も書きましょう - robots のタグは、必要なページにだけ書きます。AI検索に関係する
nosnippetなどは、ふつうの検索結果にも効くので注意が必要です - meta keywords や古いブラウザ向けの指定は、もう要りません。作ったときだけでなく、記事が増えたあとに「抜け」や「二重の出力」がないかを、ときどき確かめましょう
metaタグは画面に出ないぶん、何年も見直されないままになりがちです。Cruwでは、ホームページ制作のほか、公開後のサイトの点検や改善を月額でお任せいただける「サイト改善おまかせパック」も行っています。「うちのサイトの設定も見てほしい」という段階でも、お気軽にご相談ください。
参照元：
- Google 検索セントラル「Google がサポートしているメタタグと属性」
- Google 検索セントラル「AI 機能とウェブサイト」
- Google 検索セントラル ブログ「Google はウェブ ランキングにキーワード メタタグを使用しません」（2009年）
