web-dev-qa-db-ja.com

Webサイトの非表示テキストの目的

スイスの航空会社のWebサイトのソースを観察しているときに、隠されたテキストの使用に気付きました。最初にGoogleで調べてみたところ、多くの SEO関連のメリット が見つかりましたが、検索エンジンアルゴリズムのネガティブスコアリングのリスクも見つかりました。

Swiss.com で非表示になっているテキストは、SEO関連に見えませんが、たとえば:

<h2 class="is-visuallyhidden">navigation</h2>

<h2 class="is-visuallyhidden">Skiplinks</h2>

だから私の質問は、SEOトリックではない場合、隠しテキストの目的は何ですか?アクセシビリティに関連していませんか?

5
greener

テキスト/コンテンツは通常、次の2つの理由のいずれかで非表示になります。

  1. そのコンテンツは、特定のイベントが発生するまで表示されません(つまり、ユーザーがリンクをクリックする、ボタンを押すなどのアクションを実行する)。

  2. そのコンテンツは、特別なニーズ(アクセシビリティなど)を持つユーザーにのみ必要です。

私はswiss.comをレビューしませんでしたが、投稿したスニペットに基づいて、そのコンテンツはアクセシビリティのために隠されているようです。 Skiplinks はスクリーンリーダーには便利ですが、普通の人間にはそれほど便利ではありません。視覚的なユーザーからそれらを隠すことは理にかなっていますが、それらを利用して通常は到達することが困難だったコンテンツに到達することができるユーザーはそれらを利用できます。

7
John Conde

それは非常にダイナミックで、レスポンシブなデザインです。さまざまな時点で表示/非表示にする必要のある多くの要素でis-visuallyhiddenを使用し、cssまたはjavascriptを使用して2つの状態を切り替えます。

たとえば、ブラウザーウィンドウを縮小すると、ウィンドウサイズに応じて特定のページ要素が表示または非表示になります。

これは一般的なコーディング手法であり、Googleがスパム信号として探しているようなものではありません。

これに関するGoogleのMatt Cutts: http://www.youtube.com/watch?v=EsW8E4dOtRY

リンク先のSEOチャットの記事は、かなり双曲線的で恐ろしいものです。たとえば、「隠されたテキストは、あなたのサイトを助けるのではなく、検索エンジンから禁止される可能性があります!」 -「禁止」サイトの例を挙げず、ほとんどのウェブサイトが真の理由でそれを使用しているという事実を無視することなく。

キーワードスパムが機能しない(表示または非表示)ため、クローキングがブラックハットSEOでほとんど使用されていないことをもっと簡単に想像できます。誰も彼らのサイトとは異なる主題に関するコンテンツを隠そうとしておらず、隠されたテキストで「キーワードキーワードキーワードキーワードキーワードキーワードキーワードキーワード」を書くことはもはやそれをカットしません。

私が考えることができる唯一の例外は、ハッカーがページランクでアクセスしたサイトのページに隠しリンクを追加することが多いということです(そして、Googleではなくウェブマスターからリンクを隠します)。

3
Richard B