SEOのためのメタタグ:重要なタグと問題の直し方

要点: メタタグとは、ページの <head> 内にある、検索エンジンやアプリが読み取る指示です(訪問者には表示されません)。SEOで重要なのは、title要素、meta description、robotsメタタグ、canonicalリンク、viewportタグです。ソーシャルタグ(Open GraphとTwitter)はリンクのプレビューを制御します。Googleはtitleやdescriptionの長さに上限を設けていませんが、画面幅に合わせて切り詰め、内容が曖昧だったり重複していたりすると書き換えることがあります。keywordsタグは無視されます。ページごとに正確で固有のtitleとdescriptionを書き、canonicalにはそのページ自身の正規URLを指定し、明確なメイン見出しを1つ置きましょう。

メタタグはSEOの中でも特に注目されがちですが、その多くは的外れな細部に向けられています。正確な文字数、キーワードの配置、Googleが何年も前に読まなくなったタグなどです。本当に大切なことはシンプルです。各ページに正確で固有のtitleとdescriptionがあるか。正規のURLを示しているか。リンクが共有されたとき、アプリに推測ではなくきちんとした情報を渡せているか。

このガイドでは、Google公式ドキュメントに基づいて各タグの扱いを解説し、無料のメタタグチェッカーがページをどう読み取るのか、報告されるすべての問題をどう直すのかを説明します。

メタタグとは何か、Googleが読むタグはどれか

厳密には、メタタグはHTMLのhead内にある <meta> 要素のことです。SEOでは <title> 要素やcanonicalの <link> も含めてこう呼びます。どちらもページの内容を機械に伝えるという同じ役割を持つからです。

GoogleはMeta tags and attributes that Google supportsで対応タグを明示しています。また、「Googleは未対応のメタタグを無視する」こと、確実に読み取られるにはheadが「有効なHTML」である必要があることも明記しています。

同じページから、小さな点を2つ。Googleはページの言語を lang 属性ではなくテキストから判断します。また、Googleはメタタグの追加や変更にJavaScriptを使うことを、避けられるなら避けるよう勧めています。最初に取得されるHTMLが最も確実に読まれるためです。

titleタグ

titleはページで最も重要なタグです。検索結果の青い見出し(Googleはタイトルリンクと呼びます)、ブラウザのタブの文字、ブックマークしたときの既定の名前になります。

Googleはタイトルリンクをどう作るか

Googleのタイトルリンクのドキュメントには、複数の情報源が挙げられています。<title> 要素、ページ上のメインの視覚的なタイトル、<h1> などの見出し要素、og:title、その他の大きく目立つテキスト、ページへのリンクのアンカーテキスト、WebSite 構造化データです。title要素は最も直接コントロールできますが、必ず使われるとは限りません。

Googleは、次のような場合にタイトルリンクを書き換えると説明しています。

• 中身が欠けたタイトル:サイト名だけなど、テキストの一部が欠けている。
• 古くなったタイトル:定期的に更新されるページが昨年のタイトルのまま。
• 不正確なタイトル:ページの内容を反映していない。
• マイクロボイラープレート:セクション内の多数のページで同じ文言が繰り返されている。
• 明確なメインタイトルがない:複数の見出しが同じくらい大きく目立つ。
• 言語や文字種の不一致:titleとページ本文で言語や文字種が異なる。

titleの長さはどのくらいが適切か

公式の文字数制限はありません。Googleは「<title> 要素の長さに制限はない」とし、タイトルリンクは「必要に応じて、通常はデバイスの幅に合わせて検索結果で切り詰められる」と述べています。幅はピクセルで測られるため、幅の広い文字が多いtitleは細い文字が多いものより早く切られ、切れる位置もデバイスによって異なります。

そのため「ちょうど60文字」のような固定ルールは目安にすぎません。当チェッカーは30〜60文字を合格としています。実際、この範囲であればほとんどの画面でtitle全体が表示され、ページを説明するには十分な長さがあるためです。64文字のtitleには警告が出ますが、Googleからのペナルティではありません。警告は「重要な語が先頭にあるか確認しましょう」という意味で受け取ってください。

よいtitleとは

Googleのガイダンスは5つの習慣に集約されます。内容が具体的で簡潔であること、「ホーム」のような曖昧な表現を避けること、キーワードを繰り返さないこと、ページ間で定型文を繰り返さないこと、そしてハイフン、コロン、パイプなどの区切りでブランド名を先頭か末尾に簡潔に添えることです。

ほとんどのページで使えるパターンです。

<title>Waterproof Hiking Boots for Women | Northwind Outfitters</title>

まず検索される言葉で主題を書き、次にブランド名を置きます。トップページでは、社名だけでなく何をしているかを先頭に置きましょう。「Northwind Outfitters: Outdoor Gear for Rainy Climates」のほうが、「Home | Northwind」より検索者に多くを伝えます。

meta description

descriptionは、タイトルの下に表示されるスニペットとして提案する要約です。Googleのスニペットのドキュメントは、これがあくまで提案であることを明確にしています。「スニペットは主にページ自体のコンテンツから作成される」もので、Googleは、ページのテキストよりユーザーにとって正確な説明になりそうな場合に「meta description HTML要素を使うことがある」のです。

つまりdescriptionがなくてもスニペットが空になるわけではありません。Googleは検索語句に合うページ内の一節を選びますが、それが適切な場合もあれば、Cookieの通知文になることもあります。よいdescriptionは、最も多い検索に対してGoogleにより良い選択肢を提供します。

長さについても、Googleは「meta descriptionの長さに制限はない」とし、スニペットはデバイスに合わせて切り詰められると述べています。当チェッカーは70〜160文字を合格としています。具体的なことを伝えられる長さがあり、要点が切れにくい短さだからです。

Googleが注意を促している点は次のとおりです。

• 多数のページで同一または類似のdescription。 個別のページが結果に表示されるときに役立ちません。
• キーワードの羅列。 「長いキーワードの羅列では、ページの内容がユーザーに明確に伝わらない」。
• 具体的な情報の欠如。 記事なら著者や公開日、商品なら価格、年齢、メーカーなど。

またGoogleは、大規模なデータベース型サイトでは、ページのデータからdescriptionをプログラムで生成することは「適切」で「推奨される」とも述べています。商品カタログに役立つ方法です。

<meta name="description" content="Waterproof leather hiking boots for women, tested on 40 km of wet trail. Sizes 36 to 43, free returns within 30 days.">

canonicalタグ

canonicalリンクは、同じコンテンツが複数のURLでアクセスできる場合(トラッキングパラメータの有無、フィルタ付き、www あり・なしなど)に、どのアドレスが正規かを検索エンジンに伝えます。

Googleのcanonical化のガイドによると、rel="canonical" はリダイレクトと並び、「指定したURLを正規にすべきという強いシグナル」です。ルールは次のとおりです。

• 相対パスではなく絶対URLを使う。
• タグは <head> に置く。「<head> セクション内にある場合にのみ受け付けられる」。
• 正規ページ自身には自己参照canonicalを付ける。
• 異なる方法(タグ、ヘッダー、サイトマップ)で異なるcanonicalを指定しない。
• canonicalを選ぶためにrobots.txtや noindex を使わない。

それでもあくまでシグナルであり、命令ではありません。コンテンツ、リダイレクト、リンクが別の内容を示していれば、Googleは異なるcanonicalを選ぶことがあります。

<link rel="canonical" href="https://www.example.com/hiking-boots/women/">

H1見出し

H1はメタタグではありませんが、どの監査でもtitleのすぐ隣に並びます。理由があります。Googleは見出しをタイトルリンクの情報源の1つに挙げており、「大きく目立つ見出しが複数ある」うえにメインタイトルが不明確な場合は、titleを書き換えるからです。

GoogleのSEOスターターガイドは、「理想的な見出しの数という魔法の数字はない」こと、見出しの順序は検索にとって重要でないことを付け加えています。したがって、H1が複数あってもGoogleにとってエラーではありません。ページの主題を示すH1を1つ置くのが、検索エンジン、スクリーンリーダー、ページを流し読みする人にとって最も明確なシグナルです。当チェッカーが1つなら合格、複数なら警告とするのはそのためです。

ソーシャルタグを1段落で

Open Graphタグ(og:title、og:description、og:image)と twitter:card タグは、LinkedIn、Slack、WhatsApp、Facebook、Xにリンクを貼ったときに表示されるタイトル、テキスト、画像を決めます。これらがないと、各アプリが推測で表示します。Googleもタイトルリンクに og:title を、検索結果の上に表示するサイト名に og:site_name を読み取ることがあります(サイト名のドキュメント)。詳しいルール、画像サイズ、プラットフォームごとの癖はOpen Graphガイドで解説しています。

Searviaメタタグチェッカーの仕組み

無料のメタタグチェッカーは、ウェブサイトSEOチェッカーと同じエンジンで動き、5つのメタタグ関連チェックをレポートの最上部に表示します。ドメインまたはページのアドレスを入力すると、次の処理を行います。

1. そのページ(ドメインのみの場合はトップページ)をHTTPSで取得し(失敗時はHTTPにフォールバック)、リダイレクトをたどって最終URLに到達します。robots.txtなどサイト全体のファイルはドメインから読み取ります。
2. サーバーが送信するHTMLを、JavaScriptを実行せずに読み取ります。ブラウザ上でスクリプトが追加したタグは認識されません。これは多くのクローラーやリンクプレビューのボットがページを見る方法でもあります。
3. 38の監査チェックをすべて実行し、そのうち次の5つを強調表示します。

長さはバイトではなく文字数で数えるため、アクセント付きの文字も1文字です。canonicalの比較ではプロトコル、www、末尾のスラッシュ、クエリ文字列を無視するため、https://example.com/ と http://www.example.com は同じページとみなされます。

修正リストの上にはGoogleプレビューが表示され、サイト名(og:site_name、なければドメイン)、URLパス、1行のtitle、2行のdescriptionが確認できます。descriptionがない場合はその旨が表示されます。Googleが検索内容に合ったスニペットをページから選ぶためです。このプレビューは文言と順序を確認するための近似表示であり、Googleのレイアウトをピクセル単位で再現したものではありません。

結果の読み方

各チェックを開くと、重要な理由、検出された正確な値、そして警告や不合格の場合は修正方法が表示されます。レポートを活用しやすくするポイントがいくつかあります。

• スコアよりステータス。 titleがない(不合格、優先度高)ことは、162文字のdescription(警告、優先度中)よりはるかに重大です。「まず直すべき項目」リストは、優先度順、次に不合格を警告より先に並べています。
• プラットフォーム別のヒント。 WordPress、Shopify、Wix、Webflow、Next.jsを検出すると、そのプラットフォームで該当設定がある場所のヒントを追加します。
• 合格率。 各チェックに、監査されたサイトのうち合格した割合が表示されるため、その問題が一般的か珍しいかが分かります。
• レポートのその他の部分。 残り33のチェック(インデックス、robots.txt、速度、セキュリティなど)は下に表示されます。ページに noindex があれば、完璧なtitleも意味がありません。「Indexing allowed」も確認しましょう。

レポートの共有リンクをコピーして、サイトを編集する担当者に送ることもできます。

チェッカーが報告するすべての問題の直し方

「ページにtitleがありません。」

1. お使いのプラットフォームでページタイトルを設定する場所を探します(下のプラットフォーム一覧を参照)。手書きのサイトなら、<head> 内に <title> を追加します。
2. 検索される言葉で主題を先に書き、区切り文字とブランド名を続けます。
3. <title> が1つだけであることを確認します。テーマとSEOプラグインの両方が出力している場合があります。
4. もう一度チェックを実行し、プレビューに入力したテキストが表示されることを確認します。

「titleはN文字です。30〜60文字なら通常は全体が表示されます。」

• 短すぎる(30文字未満):ブランド名だけ、または「ホーム」だけのことが多いです。ページの提供内容を加えましょう。「Northwind」は「Northwind: Outdoor Gear for Rainy Climates」になります。
• 長すぎる(60文字超):「ようこそ」「公式サイト」などの飾り、繰り返しのキーワード、長いブランド名の接尾辞を削ります。切れた場合に失われるのがブランド名だけになるよう、最重要の語を先頭に移しましょう。

「ページにmeta descriptionがありません。」

1. 検索者が知りたいことに答える1〜2文を書きます。ページが何を提供するか、誰向けか、そして具体的な情報を1つ(価格帯、配送エリア、含まれるものなど)。
2. <meta name="description" content="…"> として、またはプラットフォームのSEO欄に追加します。
3. 大規模なカタログでは、同じ文を全ページにコピーせず、商品データからdescriptionを生成します。

「descriptionはN文字です。70〜160文字なら通常は全体が表示されます。」

70文字未満はたいていスローガンなので、具体的な情報を加えます。160文字を超えると末尾が切れる可能性が高いので、要点を最初の文に置き、残りを削ります。キーワードの羅列で水増ししてはいけません。

「canonical URLが設定されていません。」

プロトコルや使用しているホスト名の形式を含む、ページの完全な最終URLを指す自己参照canonicalを追加します。

<link rel="canonical" href="https://www.example.com/">

ほとんどのSEOプラグインやフレームワークは、全ページに自動で追加できます。タグ内のURLが200を返し、リダイレクトしないことを確認してください。

「canonical URLが別のアドレスを指しています。」

1. メッセージに表示されたアドレスを開きます。本当にこのページの正規版でしょうか。
2. そうでなければ、たいていテンプレートのバグです。全ページのcanonicalがトップページになっている、ステージングドメインがタグに残っている、旧URLが今はリダイレクトされている、などです。1ページだけでなくテンプレートを直しましょう。
3. 意図したもの(たとえばこのページが別ページの重複)であれば、指定先がインデックス可能で200を返すことを確認します。

「ページにH1見出しがありません。」

ページの主題を示す、表示されるH1を1つ追加します。トップページなら価値提案でかまいません。「Outdoor gear for rainy climates」のように。ロゴ画像をH1で囲むと、文字のないメイン見出しになってしまいます。テキストの見出しを使いましょう。

「ページにH1見出しがN個あります。1つにしてください。」

主題を示す見出しをH1として残し、残りはH2にします。テーマでは、ロゴ、スライダーのタイトル、フッターのタイトルがH1になっていることがよくあります。これらはテンプレートで直す問題です。

「ソーシャル共有タグがN個欠けています。」

og:title、og:description、og:image(1200 × 630 pxが無難なサイズ)、twitter:card(大きな画像なら summary_large_image)のうち不足しているものを追加します。その後、各プラットフォームのキャッシュされたプレビューを更新してください。手順はOpen Graphガイドにあります。

各プラットフォームでの設定場所

よくある間違い

• サイト全体で同じtitle。 すべてのページのtitleにブランド名を出力するテンプレートでは、検索結果でページを区別できず、書き換えを招きます。
• JavaScriptだけで追加されるタグ。 GoogleはJavaScriptをレンダリングできますが、それでメタタグを挿入することは推奨していません。また、多くの他のクローラーはスクリプトを実行しません。タグはサーバー側で出力しましょう。
• タグの重複。 テーマとプラグインの両方からdescriptionやcanonicalが2つ出力されると、シグナルが混在します。ページのソースを表示し、name="description" と rel="canonical" を検索しましょう。
• 正確な文字数への固執。 2文字多いくらいで順位は下がりません。明確さと正確さのほうが効果があります。
• meta keywordsの更新。 Googleは無視します。その時間はdescriptionに使いましょう。

具体例(仮想)

以下は仮想の例であり、実際のデータではありません。架空のオンライン紅茶店Larkspur Teaが、自社ドメインでメタタグチェッカーを実行します。レポートは次のとおりです。

• titleタグ、警告:「titleは14文字です。」titleは「Larkspur | Home」です。
• meta description、不合格:descriptionなし。Googleプレビューには、Googleが検索内容に合ったスニペットをページから選ぶと表示されています。
• canonical、警告:https://larkspur-tea.myshop-staging.com/ を指しています。
• H1、警告:H1見出しが3つ(ロゴ、スライダーのキャプション、ニュースレター欄)。
• ソーシャルタグ、警告:og:image と twitter:card がありません。

優先度順の修正内容は次のとおりです。新しいtitle(「Loose Leaf Green and Oolong Tea, Shipped Fresh | Larkspur Tea」、61文字。1文字超過の警告は承知のうえで受け入れます)、茶葉の種類、配送の約束、お試しセットを盛り込んだdescription、テーマのcanonical設定からステージングドメインを削除(全ページが一度に直ります)、ロゴとニュースレターの見出しを見出し以外の要素に変更、そして1200 × 630 pxの共有画像。2回目の実行では5つのチェックのうち4つに合格します。本当の成果はcanonicalの修正です。すべての商品ページで、検索エンジンをステージングサイトに誘導していたのですから。

20分でできるチェックリスト

1. 自分のドメインでメタタグチェッカーを実行し、不合格の項目から直します。
2. トップページのtitleを書き直します。まず事業内容、ブランド名は最後に。
3. トップページと主要ランディングページ5つに、具体的なdescriptionを書きます。
4. すべてのテンプレートが、自己参照の絶対URLのcanonicalを出力していることを確認します。
5. 各ページに、主題に合ったテキストのH1が1つあることを確認します。
6. テンプレートにOpen GraphとTwitterのタグを追加し、実際の共有画像を設定します。
7. keywordsメタタグはお好みで削除します。Googleにとっては何の効果もありません。

Searviaでサイト全体のメタタグを確認する方法

無料のメタタグチェッカーは、トップページまたは入力した任意のアドレス1ページを、登録不要で約20秒で調べます。ただしtitleとdescriptionはすべてのページで重要であり、よくある問題(テンプレート全体での重複、canonicalのバグ、新商品でのdescription欠落)は、サイト全体を調べないと見つかりません。

無料のSearviaアカウントを作成すると、サイト監査が使えます。検索エンジンのようにページをクロールし、titleやdescriptionの欠落と重複、短すぎる・長すぎるtitle、H1の欠落や複数設定、canonicalの欠落や別ページを指すcanonicalを報告します。弱いtitleやdescriptionには、Write with AI がワンクリックですぐ使える候補を提案します(1クレジット)。監査は毎週再実行されるため、テーマの更新でtitleが壊れても次のレポートで分かります。メタタグ周辺の技術面(インデックス、リダイレクト、サイトマップ)については、テクニカルSEO監査チェックリストをご覧ください。