簡単に言ってしまえば答えは「ノー」だが、そこには単なるノーだけではないニュアンスがある。今回のホワイトボード・フライデーでは、CSSやJavaScriptを使用した隠しテキストをグーグルがどのように重み付けしているのかについて、ランドが説明する。Mozファンのみんな、こんにちは。ホワイトボード・フライデーにようこそ。今回は、さまざまな隠しテキストについて考えてみよう。いえ、ここで取り上げるのは、1990年代から2000年代初めにかけて見られた「黒の背景に黒いテキスト」「白の背景に白のテキスト」というキーワードスタッフィング系の、スパムのような隠しテキストのことではない。なく、CSSやJavaScriptを使って、ページ内にオーバーレイや折りたたみテキストを配置するような隠しテキストについて論ずる。基本的にこうした表現をするときにはCSSやJavaScriptを使用する。現在のウェブデザインでは、ページ上でユーザーが何らかのアクションを起こすまではテキストが読み込まれないようにすることは、ごく一般的になっている。実際に、Eコマースの製品ページでレビューのタブをクリックして他の人の感想を見ようとしたり、記事中の「続きを読む」リンクをクリックして記事の残りの部分を読もうとしたりした経験のあるユーザーも多いだろう。した手法は、実のところグーグルやSEOの視点で見ると問題を生む。それは、はっきりと目に見える問題ではない。Googleで「取得してレンダリング」したり、グーグルのキャッシュを見たりすれば、グーグルはそうしたテキストのいずれもクロールして解析できているように見えるからだ。実際のところ、すべてが同等に扱われているわけではない。例を挙げて解説しよう。furnishings)についてのテキストがある。これは説明用に作った特に意味のないテストフレーズで、AとBには次のような違いがある。ページAでは、このテキストの第1段落がすべて表示されている。ページBでは、表示されているのは最初の1文の一部だけで、あとは「続きを読む」をクリックしないと表示されない。ページBのようなスタイルは、さまざまな記事でよく見るが、この形がよく使われている理由はさまざまだ。エンゲージメントデータ(どのくらいの人が記事の続きを読んでいるか)が欲しい場合もある広告を表示するためという場合もあるだろう何かを追跡するためということもあるこれによって実現できるユーザー体験のためだけに使う人もいるだろう最後の理由はわかりづらいかもしれないが、ページにさまざまなコンテンツが詰め込まれているのが前提で、「この部分とあの部分だけ読みたい」というユーザーのニーズに応えるために、できる限り使い勝手のいい形式で表示されるようにしたいわけだ。理由が何であれ、実際のところグーグルは、この「続きを読む」がクリックされた後にどんなコンテンツが表示されているかについては考慮しない。クリックされればテキストの残りの部分が表示されるのだが、グーグルはそれを最初から表示されていた場合と同等の重み付けでは扱わないのだ。他の条件をすべて同じにした場合そこで、どちらも似たようなドメイン名で、同じようなリンクプロファイルを備えるなど、他の条件がすべて同じ場合を想定してみよう。furnishings」で検索した場合、このキーワードはどちらのタイトルにも含まれているが、検索結果はAの方がBより上位になる。Aのテキストはこのキーワードに関連しているうえに、関連性をより高めるよう働いているので、グーグルはAのほうをより高く評価する。この「続きを読む」の背後に隠れているコンテンツの問題ではないのも事実だ。それがCSSベースでも、JavaScriptベースでも、HTMLより後に読み込まれても、HTMLと同時に読み込まれても、関係ない。グーグルによる重み付けは低くなる。したテキストは、同じ重要度では扱われない。興味深く、たぶん喜ばしいことだろうが、Bingとヤフーはこれらを区別していないようだ。どちらもAとBをもっと平等に扱う。いくつかのテストデータを見ると(具体的なデータは後述)、少なくとも現時点でAとBを区別し、基本的にこうした隠しコンテンツの重み付けを低くしているのは、グーグルだけのようだ。CSSやJavaScriptなどを使ってテキストを隠す場合は常に、それによって検索順位への影響力が低下することを肝に銘じる必要がある。隠されているコンテンツが完全に無視されるわけではない。shine(堅木のような素材が美しい輝きをもたらす)」というフレーズをそのまま引用符で囲んでグーグルで検索すると、AとBの両方のページが表示される。間違いなくAが先に表示されるが、どちらのページも表示はされる。したがってグーグルは、隠しテキストがあることは認識している。デフォルトでテキストが表示される場合と同等の重み付けがされないコンテンツ、とも言える。そのことを知ったうえで、「続きを読む」の要素を実装することによって得られるものが何であれ、それと引き換えに検索順位が低下し潜在的な訪問者を失っても見合うだけの価値があるかどうかを、トレードオフの状況で判断する必要がある。独創性のある選択肢をいくつか検討するべきだ。目的が「実際にどのくらいの人が記事の続きを読んでいるかを示すエンゲージメントデータを得る」ことならば、テキストの大部分を隠す以外のやり方がある。デフォルトでテキストを表示しておいて、隠すのではなくオーバーレイ要素のようなものを用意するのだ。簡単なオーバーレイを表示させて、メッセージで簡単に閉じられるようにする。すれば、おそらく95%の人はスクロールダウンする前に閉じるか、ポップオーバーメッセージなどを受け取ることになるため、同じようなエンゲージメント統計データが得られるだろう。確かに、オーバーレイ表示には認識しておくべき固有の問題があるが、選択肢の1つにはなる。オーバーレイを表示するのではなく、ページのどこまでスクロールしたかをJavaScriptで測定することもできる。これをデフォルトで行うソフトウェアはたくさんあるし、GitHubのリポジトリも数多くあり、オープンソースで、追跡に利用できる。「エンゲージメント状況を把握する」という目的を果たす方法は、他にもあるかもしれない。「続きを読む」など、テキストを隠す要素を使用しなければならない場合は、それをページ上部に置くことも検討するべきだ。検索順位にとって非常に重要だとわかっているキーワード特に関連性の高い語句や文章などの重要な情報を、ページ上部の最も目立つ場所に配置することを強くすすめる。することによって、表示状態がどのような形であれ、最も重要な部分が最初の画面に表示されずにページの下部や要素の背後に隠れてしまうような事態を回避して、検索順位に及ぼす重み付けを最大化できる。検索ユーザーにとって重要な部分は、最初から表示されるテキスト内に入れておくというわけだ。僕が特に感謝したいことがある。僕たちがこうしたことを把握している理由の1つは、確かにグーグルが折に触れて言及してきたこともあるが、ここ数年の間に、とりわけウェブデザインコミュニティの人々の多くが、実態はどうなのかと探ってきたからだ。ほら、グーグルにはこれが見えるらしい。問題があるようには見えない。このテキストを引用符で囲んで検索すると、グーグルはそれを返してくる。その調査の結果は正しかった。Onlineが実施したテストの1つにリンクするにとどめるが)。同社は長い期間をかけ、多くのドメイン名で隠れているCSS、テキスト領域、表示テキスト、JavaScriptについて、大規模で長期にわたる素晴らしいテストを実施した。基本的には、グーグルが言っていることは実際その通りであること、また、背後に隠れているテキストへの重み付けは低く処理していることを証明してくれた。僕たちは、このように大変な労力を費やしてグーグルの仕組みについて真実を教えてくれる人たちの尽力に心から感謝している。お会いできるのを楽しみにしているよ。掲載された以下の記事を日本語訳したものです。最近(過去90日間)の記事で、Facebookの「いいね!」が多かった記事をお見逃し無く。ネット広告への強い嫌悪感、テレビや新聞の倍以上に。いいね!私は変人コレクター。CEM」の提供を開始LINEのマーケ活用術――ナーチャリングからリピーター醸成まで解説するセミナー2/20開催MaaSが普及したら「自家用車を手放すことを検討する」48%【アクセンチュア調べ】2019年にもっとも注視されたテレビCMは、クボタ「壁がある。2/19(水)@ステーションコンファレンス東京リピーターを呼び込む「究極の集客方法」。リピーターを呼び込む「究極の集客方法」。2019年12月すべて見るインフォメーションWeb担のメルマガを購読しませんか?Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。編集後記サイトマップFAQ(よくある質問とその答)Web担に広告を掲載しませんか?購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。