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

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

アップデート

ふわふわ

新旧比べてみた

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

新しいデザイン

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

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

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

新旧比較

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

ふわふわ

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

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

サンプル

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

サンプル2

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

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


関連記事
今まで強調スニペットで表示されることを狙って頑張って検索順位上昇を狙って...ようやく検索結果1位&強調スニペット化に成功したと思っていたら...日本時間1月23日にそういったサイトページが軒並み11位(2ページ目以降)に順位下落しました。これにはGoogleによる新しいメカニズムが働いたようで.. ...(続きを読む)
英語版ではありますが、GoogleのSearch Console(以下:GSC)を使った検証トレーニング動画シリーズがYouTubeで開始しました。動画で紹介されていますので、受験英語レベルでも充分理解できると思います。是非ご参考ください。 https://www.youtube.com/watch ...(続きを読む)
Googleのリッチリザルトテストツールにおいて、テスト結果内に表示される「ページの読み込みに関する問題 詳細を表示」をクリックすると読み込めない外部リソースを指摘してくれる機能が追加された、とGoogleがツイート発表していましたのでご紹介します。 どういう内容? まずはGoogleのツイート内容 ...(続きを読む)
Googleはモバイルの検索結果画面のデザインを2019年5月に変えました。アイコン表示によってサイト選択の直観性を重視した形となりました。その後、デスクトップ版でも同様の検索結果デザインが散見されましたが、いよいよ正式にデスクトップの検索結果デザインも変更したとツイート発表されましたのでご紹介しま ...(続きを読む)

コメントを書く

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