デスクトップも検索結果デザイン変更

Googleの検索結果デザインに関して、今年5月にモバイル表示が変更になりました。その後デスクトップ版でも同様の表示がされているケースが増えましたが、私のPCでも安定して新デザイン表示になってきていますので、ご紹介しておきます。

アップデート

ふわふわ

新旧比べてみた

既にモバイル版はご紹介しておりますので、今さらですが、デスクトップ版でも同様の変更ですね。まずは新しいデスクトップ版の検索結果デザインから。

新しいデザイン

変更点は以下の通りですね。

  • ファビコンが最初に表示
  • ファビコンと同列でURLが表示/表示色は黒くなった
  • その後タイトルと説明文が表示
  • タイトルの青色が若干薄くなった

では新旧で比較してみましょう。

新旧比較

実は検索結果の(タイトル+説明文+URL含む)1つのサイトページ単位では表示面積が分かっていないんですよね。ですので、同じサイズ感の中で表記順序や色味を変えただけなんですよね。そして、私の感覚では、URL表示を黒くし、タイトルの青色を薄くすることで、恐らくファビコンの存在を引き立たせる効果があるのではないかと考えています。

ふわふわ

ファビコンは何色が良い?

つまり、検索結果画面内にはこのタイトルの色しか存在しないので、この薄い青色の補色を選定すれば目立つのではないかと…。つまりこの場合、オレンジ色っぽい色ですかね?
この場合、タイトルの文字色が#1558d6ですので、補色は#EAA729ですね。イメージを作ってみましょう。

サンプル

どうでしょう?
全然目立つわけではないですね(笑)。むしろ赤っぽい方が目立つかもしれません。

サンプル2

いずれにしましても、結局前後に他の検索結果がありますので、相対的に目立つように考えなければ意味が無いですね(笑)。

是非、皆様もファビコンの研究・追求をしてみてください。


関連記事

過去のインフォメーションページ運用

もう何年も前からご相談の多い「過去のインフォメーションページはそのままで良いのか?捨て方が分からない」という内容。これに関して私の意見をご紹介しておきたいと思います。実はインフォメーションページはSEOだけでなく、ユーザー訪問状況、運用管理工数等によって方法がだいぶ変わるんです。 過去のインフォメー ...(続きを読む)

「高品質」へのGoogleの取り組み

このタイミングであらためてGoogleが「高品質なコンテンツページに向けてなにをしているのか」を説明しています。目新しい情報はございませんが、一応ここでも和訳して共有しておこうかと思います。 Googleの説明内容 検索品質を担保するために、Googleでは(BERTをはじめとした)アルゴリズムの強 ...(続きを読む)

ウェブ検索からのCTRを上げる

Googleウェブ検索でクリック率を上げるためのテクニック要素を備忘録的に記載しておきます。今回はDiscoverや画像検索、ニュース検索等は含めず、またリッチリザルト化やAMP、検索順位上昇の概念も含めない、純然たるウェブ検索結果のブルーリンクとして表示される部分のみに注視して考えます。 クリック ...(続きを読む)

WebフォントとSEO

最近、5Gや表示速度、Core Web Vitals等に対する世間での意識が高まっているせいか、「Webフォントってどう思います?」というご質問をよくいただきますので、私なりの意見をご紹介しておこうかと思います。 Webフォントとは 今さらご説明も不要かと思いますが、Webサイトに表示するテキストフ ...(続きを読む)

コメントを書く

コメントは承認から反映までしばらく時間がかかる場合がございます。メールアドレスが公開されることはございません。