日本語 English(Home)

SEOに関係するHTMLタグ一覧:役割・書き方と確かめ方

SEOに関係するHTMLタグは、Googleがどの用途に使うかで分けると優先順位が分かります。title・meta・見出し・a・img・canonicalなどの役割を公式の出典つきで一覧にし、Googleが使わないタグ、当サイトの自動点検の項目と結果、確かめ方を説明します。

SEOに関係するHTMLタグ一覧:役割・書き方と確かめ方

この記事の要点:

  • SEO に関係する HTML タグとは、Google が検索結果の表示(タイトルリンク・スニペット)、クロール(リンクの発見)、インデックス登録の制御、正規 URL の判断に使う要素のことです。
  • Google が使うと公式に書いているのは、title・meta description・robots・viewport などの meta タグ、href のある a 要素、img の alt 属性、見出しなどです。meta keywords、html の lang 属性、rel=”next”/”prev” は Google 検索では使われません。
  • 見出しの順番や数、strong の有無で順位が決まるわけではありません。Google は、見出しが意味どおりの順番でなくても Google 検索にとっては問題ないと説明しています。
  • タグは書いたつもりでも出力されていないことがあります。ページのソース、URL 検査ツール、点検の仕組みで、公開後の HTML を確かめます。

SEOに関係するHTMLタグとは:Googleが表示・クロール・判断に使う要素

SEO に関係する HTML タグとは、Google が検索結果に何を表示するか、どのページへ進むか、どのページを登録するかを決めるときに読む HTML の要素と属性のことです。HTML(HyperText Markup Language)は、ウェブページの文章に「これは見出し」「これはリンク」といった意味を付ける言語で、その印がタグです。

Google 検索セントラルは、meta タグを「ページに関する詳細情報を検索エンジンや他のクライアントに伝えるために使用される HTML タグ」と説明し、クライアントは meta タグを処理し、サポートしていないものは無視するとしています(Google がサポートしている meta タグと属性、2026年3月8日更新、2026年10月13日確認)。つまり、タグを書けば効果があるのではなく、Google が使うと明示しているタグを、意味どおりに書くことが SEO での HTML の基本です。

タグの役割は大きく 4 つに分けられます。検索結果の見た目(タイトルリンク・スニペット)、クロール(リンクをたどって次のページを見つける)、インデックスの制御(登録するか、スニペットを出すか)、正規化(同じ内容の URL のうちどれを代表にするか)です。どの役割のタグかが分かれば、直す順番も決めやすくなります。

タグの一覧表:Googleでの用途・公式の出典・確かめ方

SEO に関係する主なタグを、Google がどの用途に使うかと、その根拠になる公式ページ、公開後の確かめ方で整理しました。用途はいずれも Google 検索セントラルの説明によるものです。

タグ・属性Googleでの用途公式の出典確かめ方
<title>タイトルリンクの主なソースタイトルリンクの変更ソース表示、点検で長さと重複を見る
<meta name=”description”>スニペットに使われることがあるサポートしている meta タグ、スニペットの管理ソース表示、重複の点検
<meta name=”robots”>インデックス登録・スニペット・画像プレビューの制御Robots meta タグの設定URL 検査ツール
<meta name=”viewport”>モバイルでの表示方法をブラウザに伝え、モバイル対応を示すサポートしている meta タグソース表示、スマートフォンでの表示
<link rel=”canonical”>正規 URL の候補を伝える(正規ページになるべきことを強く示すシグナル)rel=”canonical” などを利用して正規ページを指定する方法URL 検査ツール(Google が選んだ正規 URL)
h1〜h6タイトルリンクのソースの一つ。内容の区切りを伝えるタイトルリンクの変更、SEO スターター ガイド見出しの一覧を書き出す
タグ・属性Googleでの用途公式の出典確かめ方
<a href>リンクをたどってページを見つける。アンカーテキストで内容を伝えるクロール可能なリンクhref の無いリンクが無いかを見る
<img alt>画像の内容の理解。画像がリンクのときはアンカーテキストになる画像の SEO ベスト プラクティスalt の無い画像を探す
og:title・og:imageog:title はタイトルリンクのソースの一つタイトルリンクの変更SNS のプレビュー、ソース表示
data-nosnippet 属性指定した部分をスニペットから除くサポートしている meta タグURL 検査ツールで取得した HTML
構造化データ(JSON-LD)リッチリザルトなどの表示、ページの内容の理解構造化データ マークアップとはリッチリザルト テスト

Google はタイトルリンクのソースとして、title 要素のテキスト、ページのメインの大見出し、h1 などの見出し要素、og:title、目立つように作られたテキスト、ページへのアンカーテキスト、WebSite の構造化データなどを挙げています(Google 検索結果のタイトルリンクの変更)。title だけでなく、h1 やリンクの文言も検索結果の見出しに関わります。

head内のタグ:title・description・robots・canonical・viewport・OGP

head 要素の中のタグは、画面には直接出ない一方で、検索結果の見た目とインデックスの扱いを左右します。どれも 1 ページに 1 つが基本で、ページごとに内容に合わせて書きます。

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>記事の内容を表す具体的な題名|サイト名</title>
<meta name="description" content="ページ固有の、要点を簡潔に書いた説明">
<link rel="canonical" href="https://example.com/blog/sample/">
<meta property="og:title" content="記事の題名">
<meta property="og:image" content="https://example.com/og/sample.jpg">
</head>
  • title:Google は、すべてのページに title を指定し、具体的で分かりやすい文にすること、不必要に長くしないこと、キーワードを何度も繰り返さないことを勧めています。
  • meta description:スニペットは主にページの本文から作られますが、本文よりもページを正確に説明できると Google が判断した場合は meta description が使われます。ページごとに固有の要点を書きます。詳しくはメタディスクリプションとは
  • robots:既定値は index, follow で、指定する必要はありません。検索結果に出したくないページに noindex、スニペットを出したくないページに nosnippet などを使います。ルールが競合したときは制限の厳しい方が適用されます。使い方は
  • canonical:同じ内容に複数の URL があるとき、代表にしたい URL を伝えます。書き方と 301 リダイレクトとの使い分けは
  • viewport:モバイル端末での表示方法をブラウザに伝えるタグで、Google はこれによりページがモバイルに対応していることが分かるとしています
  • OGP(og:title・og:image など):SNS で共有されたときの題名と画像を指定します。og:title はタイトルリンクのソースの一つでもあります。設定方法はOGPとは

head の中のタグ全体の書き順や、ページの種類ごとに何を設定するかは「メタタグとは」で詳しく説明しています。多言語サイトで使う hreflang はhreflangとはを参照してください。

本文のタグ:見出し・a・img・リスト・表・strong

本文のタグは、文章の構造を伝え、リンクと画像の意味を Google と読み上げソフトに伝える役割を持ちます。順位を直接上げるための印ではなく、内容を正しく受け取ってもらうための書き方です。

タグSEOで気をつけること
h1〜h6(見出し)ページの主題を h1 で示し、節ごとに h2・h3 で区切る。見出しだけで内容が分かる具体的な文にする
a(リンク)href 属性を持つ a 要素にする。リンク先の内容が分かるアンカーテキストを書く
img(画像)画像の内容を説明する alt を書く。キーワードを並べない
ul・ol(リスト)手順や並列の項目をリストにする。手順は番号付きの ol
table(表)比較や条件を表にする。見出しの行は th にする
strong(強調)本当に重要な語句に限る。順位のための印として使わない

リンクについて、Google は「通常、リンクが href 属性を持つ <a> HTML 要素(アンカー要素とも呼ばれます)である場合のみ、Google はリンクをクロールできます」と説明しています(Google の SEO リンクに関するベスト プラクティス)。ボタンやスクリプトの動作だけで移動するリンクは、ページの発見に使われない可能性があります。

画像の alt について、Google は代替テキストを、画像についてのメタデータを提供するうえで最も重要な属性とし、alt 属性にキーワードを羅列することはキーワードの乱用にあたり、サイトがスパムとみなされる要因になる場合もあるとしています(画像の SEO ベスト プラクティス)。

リストと表、strong について、Google の公式文書に「使うと順位が上がる」という説明は見当たりません。文章を読みやすく整理し、答えを抜き出しやすくするための書き方として使います。

Googleが使わないタグと、誤解されやすいタグ

Google 検索が使わないタグや属性を書いても、害は無い代わりに効果もありません。Google は、HTML でよく使われるものや以前にサポートしていたものを、使わないタグとして明示しています。

よくある誤解実際(公式の説明)
meta keywords にキーワードを書くと順位が上がる「meta-keyword タグは Google 検索では使用されないため、インデックス登録やランキングにはまったく影響しません」(サポートしている meta タグと属性)
html の lang 属性でページの言語を判断しているGoogle 検索は、ページのテキストに基づいて言語を検出し、lang などのコード注釈は利用しない
rel=”next”/rel=”prev” でページ分割を伝えるGoogle はこれらの link タグを使用しなくなった
見出しは h1→h2→h3 の順でないと評価が下がる見出しを意味的な順番にすることはスクリーン リーダーには良いが、Google 検索にとっては順番どおりでなくても問題ないと説明している(SEO スターター ガイド)
理想の見出しの数があるページごとに魔法の見出し数や理想的な見出し数は存在しないと説明している
AI の回答に出るには特別なタグが要る新たなファイルやマークアップ、特別な schema.org の構造化データを追加する必要は無いと説明している(AI 機能とウェブサイト)

Google の SEO スターター ガイドは、見出しの順番について「ウェブは一般に正しくない HTML で書かれています。そのため、Google 検索が HTML 規格に潜むセマンティックスの意味に依存することはめったにありません」と書いています(SEO スターター ガイド、2025年12月18日更新)。ただし、正しい順番の見出しは読み上げソフトを使う人に役立つため、順位のためではなく読者のために整えます。

AI 検索との関係では、Google は AIによる概要や AI モードに表示される内容を制限する方法として、通常の検索と同じ nosnippet、data-nosnippet、max-snippet、noindex を挙げています。AI 向けの別のタグを探すより、robots の指定が意図どおりかを確かめる方が先です。

HTMLの改行:brとpの使い分け

HTML で文の途中で改行するには br 要素、段落を分けるには p 要素を使います。MDN(ウェブ技術の公式リファレンス)は、br を「文中に改行(キャリッジリターン)を生成」する要素とし、詩や住所など行の分割が重要な場合に有用だと説明しています(MDN:<br> 改行要素、2026年10月13日確認)。

同じページで MDN は、段落の間を開けるために br を使わず、それぞれを p 要素で囲んで CSS の margin で間隔を調整するよう書いています。連続した br で間隔を作ると、スクリーンリーダーが内容の無い要素を読み上げてしまい、読み上げ技術を使う人にとって問題になるためです。空の p で間隔を作ることも同じ理由で勧められていません(MDN:<p> 段落要素)。

したいこと使うもの理由
住所・詩など、行の区切りに意味がある文を改行するbr文の中の改行を表す要素のため
話題の変わり目で文章を分けるp を分ける段落として意味が伝わり、読み上げでも区切りが分かる
段落の間を広げるCSS の margin空の br や p は読み上げの妨げになる

改行の書き方が検索順位に影響するという Google の説明は確認できませんでした。読みやすさとアクセシビリティのために使い分けます。

タグの確かめ方と、直す順番

タグは、テーマやプラグインの設定によって、書いたつもりでも出力されていなかったり、二重に出力されていたりします。公開後のページで、実際に配信されている HTML を確かめます。

  1. ブラウザでページを開き、ページのソースを表示する(Chrome では右クリックの「ページのソースを表示」)。title・meta description・robots・canonical を検索して、1 つずつあるかを確かめる
  2. 開発者ツールの「Elements」で、JavaScript で書き換えられた後の見出しやリンクを確かめる
  3. Search Console の URL 検査ツールで、Google が取得した HTML と、Google が選んだ正規 URL を確かめる。Google は、meta タグと属性の確認に URL 検査ツールを使えるとしている
  4. サイト全体では、点検ツールやスクリプトで、title の重複、alt の無い画像、canonical の向き先などを一覧にする

問題が見つかったときは、影響の大きいものから直します。

見つかった状態どうする理由
検索に出したいページに noindex がある最優先で外す検索結果に表示されなくなる
canonical が別のページや存在しない URL を指すページ自身の URL に直す意図しない URL が代表に選ばれるおそれがある
リンクが href の無い要素やボタンになっているhref のある a 要素にするGoogle がリンク先を見つけられない
title が無い・重複している・内容と合わないページごとに具体的な title にするタイトルリンクが分かりにくくなる
alt の無い画像がある内容を説明する alt を付ける。飾りの画像は空の alt画像の内容が伝わらず、読み上げでも分からない
meta keywords がある急いで消す必要は無いGoogle は使っておらず、害も効果も無い

当サイトの自動点検で見ている項目と結果

当サイト(seoagent.jp)では、サイトマップとページ内のリンクから公開中のページを巡回し、HTML のタグを読み取るだけの点検スクリプト(scripts/audit/seo_check.py)を、記事の追加やテーマの変更のたびに実行しています。点検する項目は次のとおりです。

  • head:title の有無と長さ、meta description の有無・長さ・重複、robots、canonical が自分自身を指しているか、hreflang、og:title と og:image、構造化データ(JSON-LD)の型
  • 本文:h1 の数、見出しの階層の飛び(h2 の次に h4 など)、alt の無い画像、本文の文字数
  • サイト全体:title の重複、サイトマップに載っている noindex のページ、どこからもリンクされていないページ、内部リンクのリンク切れと転送

2026年10月13日の点検では 242 ページを巡回しました。h1 はすべてのページで 1 つ、見出しの階層の飛びと alt の無い画像は 0、og:title と og:image はすべてのページにありました。構造化データは全ページで読み取れ、記事では BlogPosting・BreadcrumbList・Organization・WebPage・WebSite などの型が出力されていました。

robots は、検索に出すページ(226 ページ)で index, follow に加えて max-snippet:-1、max-image-preview:large などを、一覧ページなど 16 ページで noindex を出力しており、canonical が無いと表示されたのはこの noindex の 16 ページでした。日本語の記事 149 本の title は 26〜40 字でした。

これまでに点検で見つけて直した問題には、記事一覧の canonical が存在しない URL を指していたこと、日本語記事 9 本の title が 40 字を超えていたこと、記事の構造化データの型が空だったことがあります。canonical はページ自身の URL に直し、title は主なキーワードを前に出して 40 字以内にし、構造化データは BlogPosting に差し替えました。40 字は当サイトが決めた目安で、Google の基準ではありません。

よくある質問

meta keywordsは書くべきですか?

Google 検索のためには不要です。Google は、meta keywords タグは使用しておらず、インデックス登録やランキングにまったく影響しないと説明しています。既に書かれている場合も、急いで消す必要はありません。

strongタグはSEOに効きますか?

strong を付けると順位が上がるという Google の説明は確認できません。strong は内容の中で特に重要な部分を示す要素です。読者が要点を見つけやすくするために、本当に重要な語句に限って使います。

HTMLの改行(br)はSEOに影響しますか?

改行の書き方が順位に影響するという Google の説明は確認できませんでした。MDN は、段落の間隔を空けるために br を重ねず、段落は p で分けるよう勧めています。読み上げソフトを使う人に内容の区切りが伝わるようにするためです。

HTMLのタグはどの順に直せばよいですか?

検索に出なくなる問題から直します。まず意図しない noindex と、別の URL を指す canonical、次に href の無いリンク、title の重複や内容とのずれ、alt の無い画像の順です。Google が使わない meta keywords などは後回しで構いません。

SEOAGENTでできること

SEOAGENT では、公開前の記事の確認を支援します。

  • 品質チェック:「公開の前の確かめ」として、答えるべき問い、数字・体験・実績、見出しの約束、公開ページの設定などの項目に分けて、確認が必要な点を示します。構造化データの数字のずれなども示します。
  • AI検索・表示速度の診断:robots.txt を読み、検索の表示に使われるクローラーと学習に使われるクローラーを分けて示します。表示速度は、実際の利用者のデータと計測ツールの点数を分けて表示します。

できないこと:テーマ・robots.txt・サーバーの設定や、テーマやプラグインが出力する HTML を自動で書き換えることはできません。点検の結果は確認の手掛かりで、検索順位や表示を保証するものではありません。

参考情報

関連する記事

「テクニカルSEO」の記事をすべて見る →

クロールバジェットとは:Googleの説明と、気にすべきサイト・しなくてよいサイト
テクニカルSEO

クロールバジェットとは:Googleの説明と、気にすべきサイト・しなくてよいサイト

クロールバジェットは、多くのサイトでは気にする必要がありません。Google の「クロール バジェットの管理」の原文に沿って、決まる仕組み、対策が必要なサイトの目安、クロールの統計情報での確かめ方、クロールを無駄にする原因と対処を、当サイトの点検結果とあわせて説明します。

AIでSEO対策を、もっと続けやすく。

機能と使い方、料金・契約条件は、サービス資料でご案内します。