最終更新日: 02 年 11 月 2025 日
昔のSEO掲示板では、タブ付きコンテンツについてかなりの議論が交わされてきました。タブ付きコンテンツは優れているのか、ひどいのか、価値がないのか、それとも有利なのか？
私たちはタブ付きコンテンツの問題を理解したかったので、知恵を絞って最も情報に基づいた意見をまとめました。
まず、Google が全般的に資料をどのように扱っているか知っている人はいますか?
いいえ（少なくとも Google で働いていない人にとっては）そうではありませんが、私たちは Google のウェブマスター向けガイドラインと文書化されたベストプラクティスに精通しているので問題ありません。
それらを使用して、以前のテストデータを調べ、いくつかの安全な仮定を立てることができます。
タブ付きコンテンツとは何ですか?
タブ付きコンテンツとは、単一の URL からアクセスできるものの、ユーザーが再度クリックする必要がある素材のことです。ページにアクセスしたユーザーにはすぐには表示されないものです。
タブには、製品のビデオ、技術的な詳細、ダウンロード可能な製品ドキュメントなど、ユーザー向けの二次情報が含まれています。
この補足情報は貴重だが、影響力は小さい。 有機ランキングユーザーのためにタブに配置するのも許容できる方法です。
この例では、タブには、製品ビデオ、技術情報、ダウンロード可能な製品ドキュメントなど、ユーザー向けの補足情報が含まれています。
タブ付きコンテンツ: SEO に悪影響がありますか?
したがって、問題はタブ付きコンテンツが検索エンジンに適しているかどうかではなく、それを適切に行う方法です。
Googleはウェブサイトをランク付けする レビューに基づき ユーザー体験そのため、タブ付きコンテンツのSEOは一般的にあまり重要ではないと考えられてきました。ページの読み込み時に表示される SEO フレーズよりも、検索エンジンの結果に表示される SEO フレーズの方が重要です。
特定の商品を探している人は、最初のページを閲覧して探しているものを見つけることができます。
新しいタブを開くか、すぐに表示されるものをクリックするだけです。これは、検索者がページにアクセスしたときに、キーワードが非表示またはタブ付きのフィールドにある場合と似ています。検索者は、それ以上検索せずにその Web サイトを離れることがよくあります。
ユーザーにとって、このウェブサイトは求めているものを提供できていません。そのため、ユーザーエクスペリエンスは改善の余地があります。
アコーディオンコンテンツとSEO
コンテンツ アコーディオンは、特によくある質問 (FAQ) タイプのコンテンツなど、大量の資料をモバイル デバイスに表示するのに最適です。
以下の例では、レスポンシブ Web サイトは、デスクトップ ビューで関連するすべての FAQ 資料をデフォルトで表示するように構築されています。
それでも、モバイル デバイス上ではアコーディオンに変形し、モバイル ユーザーにとってより簡単なユーザー エクスペリエンスを提供します。
FAQ 情報はデスクトップ ビューではデフォルトで表示されますが、モバイル デバイスではアコーディオン デザインに切り替わります。
以下の例では、デスクトップビューのコンテンツアコーディオンを利用して、製品の手順に関する詳細情報を提供しています。これは重要な情報ですが、より詳しい情報を求めているユーザーへの情報提供としての役割が強いです。
コンテンツ アコーディオンは、デスクトップ画面で追加の製品情報を提供するために使用されます。
タブ付きコンテンツがランキング要因となる証拠
タブ内に隠されたコンテンツに関して、Google のウェブマスター向けガイドラインでは次のように述べられています。
「サイトの重要なコンテンツをデフォルトで表示します。Google は、タブや展開セクションなどのナビゲーション要素内に隠れた HTML コンテンツをクロールできます。
しかし、このコンテンツはユーザーにとってアクセスしにくいと考えており、最も重要な情報はデフォルトのページビューで表示できるようにすべきだと考えています。」
2013 年に視聴者からの「ボタンをクリックすると表示される隠しコンテンツを Google はどのように扱うのですか?」という質問に回答し、マット カッツ氏はウェブスパムの観点からこの問題について説明しました。
同氏は、ユーザーがコンテンツを隠したり表示したりできるアコーディオンまたはタブ付きレイアウトを利用すると、ユーザビリティが大幅に向上すると述べました。
隠された、過度に最適化された言語の使用を避ければ、スパム活動を受けることはありません。
これは、適切に構造化されスタイル設定されたタブやアコーディオンを Google が非表示のコンテンツとして認識しないことを示しています。
しかし、これらのタブ内のコンテンツは、常に表示されるページコンテンツと同様に重み付けされているのでしょうか?
2014年、Googleのジョン・ミューラーは、ユーザーが「クリックして展開しますページ作成中に「 」ボタンをクリックします。
ミュラー氏はこう語った。
「…私たちもかなり前から似たようなことをやっています。コンテンツが実際には隠されていると認識できれば、それを少しだけ無視するようにしています。コンテンツがまだそこに存在していることは認識しているものの、ユーザーには見えていない、という状況です。そのため、このページにとってそれほど重大な問題ではないと考えられます。」
彼は、アコーディオンとタブの両方について言及していることを明確にし、資料を索引付けしたい場合は、人々が利用できるようにすることを提案しました。
最終的な考え
コンテンツはランキング要素であり、ユーザーにどのコンテンツをいつ見るかの裁量を与えても、その価値は低下しません。
資料にタブを付けても、タブを付けない場合とほとんど同じになります。
それで、資料はタブ付きですか?
モバイルファースト インデックスでは、Google がタブ付きコンテンツにページ上の残りのテキストと同じ重みを割り当てることがわかっています。
タブが付いているという事実は、コンテンツ自体ほど重要ではありません。
タブ付きコンテンツを「非表示」にするテクニックはいくつかありますが、その一部は Google によるクロールを阻止します。Google がコンテンツをクロールできれば、そのコンテンツは表示され、ランク付けされます。
タブ付きコンテンツやアコーディオンコンテンツを効果的に活用すると、特にモバイルデバイスでのユーザーエクスペリエンスが向上する可能性があります。
隠しテキストを不正に使用しようとすると、部分的またはサイト全体のペナルティを受けるリスクがあります。Google がアコーディオン形式を採用している方法については、Search Console のサポート リソース ページでご確認ください。
アコーディオンはよくある質問を表示するためのナビゲーションツールとして機能します。質問をクリックすると、別のウェブサイトに移動し、回答の全文を読むことができます。
よくあるご質問
タブ付きコンテンツとは、コンテンツを個別のセクションに分割し、各セクションにタブからアクセスできるようにするWebデザイン戦略です。ナビゲーションを簡素化し、ページの乱雑さを最小限に抑え、訪問者が長いページを巡回することなくコンテンツを素早く見つけられるようにすることで、ユーザーエクスペリエンスを向上させます。
タブ化されたコンテンツは、その方法によってはSEOに影響を与える可能性があります。検索エンジンは、タブ内に隠れたコンテンツをインデックスするかどうかを判断できません。そのため、重要な情報が検索エンジンのクローラーから見え、隠されていないことを確認することが重要です。HTML5を効果的に活用し、コンテンツがDOMに読み込まれるようにすることで、インデックスを改善できます。
タブ付きコンテンツを効率的に展開するには、クリーンでセマンティックなHTML5マークアップを使用し、すべてのユーザー（スクリーンリーダーを使用するユーザーを含む）がアクセスできるようにし、モバイルデバイス向けに最適化する必要があります。また、一貫したユーザーエクスペリエンスを提供するために、複数のブラウザとデバイスで機能をテストすることも必要です。
