SEOのためのHTMLタグ：重要なタグと使い方の例

検索エンジンとAIアシスタントは、誰かが画面でページを見る前に、それをコードとして読んでいます。ごく少数のSEO向けHTMLタグが、そのコードの理解のされ方を決めます。どのURLがインデックスされるか、検索結果にどのタイトルが出るか、ページが何についての内容か、共有されたときにどう見えるか、です。Googleはサポートするmetaタグと属性をSearch Centralのドキュメントの1ページにまとめており、そのリストにないものはGoogle検索に一切影響しません。このガイドでは、役立つタグを例とともに紹介し、避けるべきミスと、忘れてよいタグも説明します。

SEOで重要なHTMLタグはどれか？

下の表が基準となるリストです。head内のタグは機械に向けてページを説明し、body内のタグは人が読む内容を構造化します。

Googleでの表示を左右するheadのタグは？

titleタグ

titleタグはページで最も重要なタグです。Googleはtitle要素の長さに制限はないとしていますが、タイトルリンクは端末の幅に合わせて切り詰められます。Googleはタイトルを書き換えることもあり、ドキュメントでは使用する情報源として、title要素や画面上のメインタイトルから、H1見出し、og:titleタグ、そのページを指すリンクのアンカーテキストまでが挙げられています。H1や本文と一致するtitleこそ、Googleがそのまま使うtitleです。ページごとに固有のtitleを書き、主要キーワードを先頭に、ブランド名を末尾に置きましょう。

meta description

meta descriptionは順位を変えませんが、タイトル下のスニペットとして使われることが多く、クリック数に影響します。Googleはクエリにより合うページ内の一節に置き換えることもあります。短い答えとメリットで構成し、同じ説明文を複数ページで使い回さないでください。

meta robotsタグ

robots metaタグは、クローラーにページをどう扱ってよいかを伝えます。最もよく使われる値はnoindexで、ページを検索結果から外します。ほかにnofollow、nosnippet、スニペットの長さを制限するmax-snippetなどがあります。PDFのようにheadを持たないファイルでは、同じ指示をHTTPヘッダーのX-Robots-Tagで送ります。公開中のテンプレートに残ったnoindexは、トラフィック減少の最もよくある原因の1つです。リリースのたびに確認しましょう。

viewportとcharset

Googleはドキュメントで、viewportタグがあることはページがモバイル対応であることを示すと説明しています。Googleはサイトのモバイル版をインデックスするため、このタグは全ページに必要です。文字コードの宣言（GoogleはUTF-8を推奨）は、タイトルやスニペットの文字化けを防ぎ、多言語サイトでは特に重要です。

どのURLをインデックスすべきかGoogleに伝えるタグは？

head内の2つのlinkタグが重複と言語を管理します。canonicalタグは、同じコンテンツが複数のURL（絞り込み、トラッキングパラメータ、HTTPとHTTPS）で表示される場合に優先する版を指定します。Googleはこれをリダイレクトや内部リンクと並ぶ強いヒントとして扱うため、すべてのシグナルが同じURLを指しているときに最もよく機能します。絶対URLを使い、canonicalは1ページに1つだけ、ブロックされたページやnoindexのページを指さないようにしてください。

hreflang属性は、どの言語や地域のユーザーにどのページを表示するかをGoogleに伝えます。Googleのローカライズ版に関するガイドによると、各版は自分自身と他のすべての版を列挙する必要があり、x-defaultの値で対象外の言語のユーザー向けページを指定できます。戻りリンクの欠落はhreflangで最も多いエラーです。ページAがページBを指すなら、ページBもページAを指し返さなければなりません。

検索エンジンの内容理解を助けるbodyのタグは？

H1〜H6の見出し

見出しはページの骨組みです。テーマを示すH1を1つ、主要セクションにH2、セクション内の手順や項目にH3を使い、見た目のためにレベルを飛ばさないでください。GoogleはH1が複数あってもペナルティにはならないと述べていますが、明確なH1が1つという構造が、読者と支援技術にとって最もシンプルです。質問形式のH2（「Xはどう機能するのか？」）は、人が検索やプロンプトを入力する言い回しにも合っています。

画像の代替テキスト

Googleは画像SEOのガイドラインで、代替テキストをコンピュータビジョンやページの内容と組み合わせて画像を理解すること、そしてalt属性にキーワードを詰め込むとスパムとみなされるおそれがあることを説明しています。画像に写っているものを短い一文で説明しましょう。またGoogleはCSSの背景画像をインデックスしないため、検索に表示させたい画像には本物のimg要素が必要です。

リンクとrel属性

a要素はクローラーがページを発見する手段なので、内部リンクはJavaScriptで動くボタンではなく、hrefを持つ本物のリンクにする必要があります。rel属性は外部リンクを区別します。有料の掲載にはsponsored、コメントやフォーラム投稿にはugc、推奨したくないリンクにはnofollowです。Googleは2020年からこれらの値をヒントとして扱っています。説明的なアンカーテキストは、読者にも検索エンジンにも役立ちます。

HTML5のセマンティック要素

main、article、nav、header、footer、sectionなどの要素は、ページのどこがメインコンテンツで、どこが全ページ共通の部分かを機械に伝えます。それ自体で順位が上がるわけではありませんが、検索エンジン、スクリーンリーダー、AIツールのいずれにとっても、メインコンテンツを切り出しやすくなります。各要素の詳細はセマンティックHTMLのガイドをご覧ください。本文中のstrongとemは強調を示すもので、段落全体ではなく重要な用語に使いましょう。

SNSのプレビューとリッチリザルトを決めるタグは？

Open GraphプロトコルはFacebookが作成し、現在ではほとんどのSNSとメッセージアプリが読み取っています。og:title、og:description、og:image、og:urlのタグを定義し、ページが共有されたときのプレビューカードを組み立てます。これがないとプラットフォームが推測し、間違った画像が使われることもよくあります。公開前にOpen Graphプレビューツールで表示を確認しましょう。

scriptタグに入れたJSON-LD形式の構造化データは、Schema.orgの語彙でページを説明します。記事、商品、組織、パンくずリスト、FAQなどです。Googleはこれをリッチリザルトに使い、AIシステムにはページの背後にある主体についての明確な事実を提供します。マークアップはページ上に表示されている内容を記述していなければなりません。AIの回答における役割は構造化データとAI検索のガイドで解説しています。

Googleが無視するHTMLタグは？

Googleがサポートするタグのリストは、管理をやめてよいものも教えてくれます。

• Meta keywords：Googleは、meta keywordsタグはGoogle検索では使われず、インデックスにも順位にも一切影響しないと明言しています。
• 未知のmetaタグ：Googleは、meta authorやmeta revisit-afterなど、サポートしていないmetaタグを無視します。
• lang属性：Googleはページの言語をlang属性ではなくテキストから判定します。アクセシビリティや他のツールのために属性は残し、言語版の関連付けにはhreflangを使いましょう。
• リダイレクトとしてのmeta refresh：機能はしますが、Googleはサーバー側の301リダイレクトを推奨しています。

HTMLタグはAIの回答にも関係するか？

関係します。理由はシンプルで、ChatGPT、Claude、Gemini、Perplexityはページから一節を抜き出して回答し、整ったHTMLはその一節を見つけやすくするからです。いくつかのAIクローラーはJavaScriptを実行せずに生のHTMLだけを取得するため、スクリプトで挿入されたtitle、canonical、テキストのブロックは届かない可能性があります。明確な見出し構造はページを独立した答えに分け、リストや表は事実をまとめて保ち、構造化データは事実をあいまいさなく示します。これが生成エンジン最適化（GEO）の技術面です。Googleに役立つタグは、AIアシスタントがあなたを正確に引用する助けにもなります。

ページのHTMLタグを確認する方法は？

1. 生のソースを読む。ソースコード（Ctrl+U）を開き、title、meta description、robots、canonical、hreflangのタグを探します。レンダリング後のページにしか現れないタグは、JavaScriptに依存しています。
2. Googleの見え方と比べる。Google Search ConsoleのURL検査ツールで、GoogleがレンダリングしたHTMLと選択した正規URLを確認できます。
3. ページごとに確認する。無料のSorankのChrome拡張機能は、表示中のページで不足または重複しているタグと修正方法を一覧にします。
4. サイト全体を確認する。クローラーを使えば、数千のURLにわたってtitleの重複、代替テキストの欠落、誤ったcanonicalを見つけられます。選択肢の比較はテクニカルSEOツールの記事をご覧ください。
5. リリースのたびに再確認する。noindex、壊れたcanonical、空のtitleが現れるのは、テンプレートを変更したときです。

上の十数個のタグを正しく扱えば、HTMLがSEOのためにできることはほぼすべてカバーできます。残りの仕事はコンテンツとリンクです。整ったtitle、見出し、内部リンク、構造化されたコンテンツを最初から備えたページが欲しいなら、Sorankの記事ジェネレーターがautopilotで執筆・公開します。料金は年払いで月49ドルからです（料金プランを参照）。