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

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

アップデート

ふわふわ

新旧比べてみた

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

新しいデザイン

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

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

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

新旧比較

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

ふわふわ

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

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

サンプル

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

サンプル2

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

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


関連記事

Search ConsoleでAMPチェック

Search ConsoleでAMPページのエラーを確認(デバッグ)できるようになりました。米国現地時間の7月12日にAMP開発ブログで発表していますので、和訳してご紹介します。 どういうこと? Search Console内の[ウェブに関する主な指標]部分から各URLを確認する箇所で、直接Page ...(続きを読む)

Googleしごと検索の要件変更

米国現地時間7月13日、Googleはしごと検索における求人情報のガイドラインを少し変更したことをSearch Central Blogで発表しました。和訳してご紹介します。 求人情報ガイドラインの更新 今回のアップデートは構造化データにおける新規プロパティの追加とコンテンツポリシーの追加です。 求 ...(続きを読む)

問い合わせ先を検索に明示する

Googleは、検索結果に(エンドユーザーへの)問い合わせ先を適切に表示するための手段をSearch Central Blogで案内しました。いくつかのアプローチ方法がありますので、和訳しながらご紹介したいと思います。 Googleからの紹介記事内容 まずはSearch Central blogの内 ...(続きを読む)

SEO業者は詐欺か?

先日、(私の好きな)フランス在住の日本の著名人がYouTubeライブで「SEOに関して、真摯な業者の見分け方を教えてほしい」という質問者に対して「SEO業者は基本全て詐欺なのでリスティング広告の方が確実に検索結果に表示できる」というような回答をされていました。業界にどっぷり浸かっている私からすれば「 ...(続きを読む)

コメントを書く

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