パラレルワーク(副業・複業)をやりたい人の味方!一緒に頑張りましょう!

Googleの検索結果にファビコン表示が実装へ【WordPressでの設置と作成方法】

 
Googleの検索結果にファビコン表示が実装へ【WordPressでの設置と作成方法】
この記事を書いている人 - WRITER -
住吉しんりです! パラレルワーク(副業・複業)をやりたい人の味方です。 主にサイト売買アドバイザー・ブログコンサル・複数ブログの収益化をパラレルワークしています。【実績】アドセンス累計3500万円以上・サイト売買累計取引4000万円以上・ブログ収益150万円以上達成 個人で努力している人、前に進もうとしている人はマジで全員成功すればいいと思っています。 時代に負けたくない人、僕も頑張るのでとりあえず気持ちだけは一緒に頑張りましょう! 仲良くなりたい人はtwitterやYouTubeでお気軽に話しかけてください。喜びます。 あ、ちなみに画像はYouTubeで使っている僕の分身シンリです。
詳しいプロフィールはこちら

「Google検索にブログやサイトのファビコンが表示されたけど、どういう効果があるの?そもそもファビコンって何?WordPressで設置する方法が分からないので作り方から教えて欲しい!」

といった方にお答えします。

 

Googleの検索結果ファビコンが表示されるようになりました。

The search results page, too, has changed to help you discover these new types of information and quickly determine what’s most useful for you. As we continue our ongoing efforts to improve Search and provide a modern and helpful experience, today we’re unveiling a visual refresh of the mobile search results page to better guide you through the information available on the web.

(中略)

This redesign is coming first to mobile and will be rolling out over the next few days. Stay tuned for even more fresh ways that Search can help you find what you’re looking for.

引用元:https://www.blog.google/products/search/new-design-google-search/

 

Google翻訳結果

検索結果ページも変更され、これらの新しい種類の情報を見つけて、最も役立つ情報をすばやく判断できるようになりました。検索を改善し、現代的で役立つ経験を提供するための我々の継続的な努力として、今日我々はウェブ上で利用可能な情報を通してあなたをよりよく導くためにモバイル検索結果ページの視覚リフレッシュを発表します。

この再設計は最初にモバイルになりつつあり、今後数日にわたって展開されるでしょう。検索があなたが探しているものを見つけるのを助けることができるさらにもっと新鮮な方法に注意してください。

 

とのことです。

 

まずは、スマホでの検索結果に反映して、今後PCでのブラウザでも表示されるようになるようですね。

つまり、検索エンジンから集客をするためにファビコンの重要性がこれまでより高まったと言えます。

※追記

2020年1月16日、Googleの検索結果にもファビコン表示が実装されました。

本記事では、そんなファビコンの解説と無料で作成できるツールや素材、WordPressでの設置方法を分かりやすくお伝えしています。

 

ファビコンって何?表示される意味は?

favicon(ファビコン)とはfavorite iconの略で、サイトやブログを閲覧しているときにブラウザのタブに表示されている、小さなアイコンのことになります。

このブログでいうと

 

赤枠で囲んでいる小さなアイコンのことになります。僕はノートパソコンから芽が出ているデザインにしています。

この様にブログのイメージを凝縮したデザインのアイコンを表示させることで、ユーザーの方のイメージにも残りやすく、区別が付きやすいというメリットがあります。

 

例えば、ブラウザで複数のタブを開いたときにはファビコンしか表示されないので、設置していることで判別ができるためユーザビリティが高いと言えます。

他には、ブックマークに追加したときにもサイト名の先頭に表示されているので、ファビコンのデザインから目的のサイトを探すケースも多いのではないでしょうか?

 

そんなファビコンがGoogleの検索結果に表示されるようになりました。

こんな感じで表示されます。

 

ファビコンがある時ー♪

自分が設定したファビコンが表示されて嬉しい気持ちになります。

 

そして、無いとき・・・

なんか青灰色っぽい地球のマークみたいなのが表示されます。

どうせ表示されるなら、自分が選んだファビコンを表示させたいものです。

 

そして、ファビコンが表示されることにより、検索結果の中からユーザーがより直感的に自分の目的と一致する内容のサイトを判別しやすくなります。

つまり、サイトやブログのブランド力も重要視されるようになってくると言えます。

よく見かけるファビコンや、気に入ったファビコン、有名なファビコンのサイトが検索結果の中から選んでクリックされるケースが増えてくる可能性があります。

 

ですので、設定がまだの方は簡単なものでも良いので設置しておくことを強くオススメします。

 

ファビコンの作り方

WordPressの場合、512×512ピクセルの画像を一枚用意するだけで設置ができるようになっています。

無料で使える画像素材やツールでも十分に作成が可能になっていますのでご紹介します。

 

商用利用が可能なフリー素材サイト

PAKUTASO(ぱくたそ)

»PAKUTASO公式サイト

写真素材の種類も量も多いので使い勝手のよいサイトになります。

時事ネタの記事のアイキャッチ画像もすぐに見つけることができるのでブックマークしておきたいサイトです。

PAKUTASOの特徴
  • ユーザー登録:無し
  • 改変:可
  • 商用利用:可
  • クレジットの表記:不要

 

Pixabay

»Pixabay公式サイト

僕はブログのアイキャッチ画像を探す際に利用させていただいています。

素材の量も多く、改変も自由ですので、とても好きなサイトの一つになります。

Pixabayの特徴
  • ユーザー登録:どちらでもOK
  • 改変:可
  • 商用利用:可
  • クレジットの表記:不要

 

写真AC

»写真AC公式サイト

日本人がモデルとなったフリー素材が多いのが特徴です。

無料だとダウンロードや検索回数の制限がありますが、素材探しの候補の一つとして重宝します。

写真ACの情報
  • ユーザー登録:あり
  • 改変:可
  • 商用利用:可
  • クレジット表記:不要

 

いらすとや

»いらすとや公式サイト

さまざまなブログやサイトで見かけるイラストを扱っているいらすとやです。

ユーザー登録も不要で、イラストの量も多いので大変ありがたいサイトになります。

いらすとやの情報
  • ユーザー登録:なし
  • 改変:可
  • 商用利用:可
  • クレジット表記:不要

 

イラストAC

»イラストAC公式サイト

写真ACと運営会社が同じのイラストACになります。

イラストを利用したい時に便利なサイトになっています。写真ACと同じく無料だと検索制限等があります。

イラストACの情報
  • ユーザー登録:あり
  • 改変:可
  • 商用利用:可
  • クレジット表記:不要

 

上記の様なサイトから、あなたのファビコンに使いたい素材を探すのも一つの方法になります。

 

さらに詳しくフリー素材のサイトをまとめた記事が【2019年版】絶対に知っておきたい!無料フリー素材サイト7選【商用利用、改変OK】になりますので、よかったら参考にしてください。

 

ファビコンを作成するための無料ツール

PhotoshopやIllustratorといった有料のツールもありますが、ファビコンを作成するためだけに購入するのももったいないので、おすすめの無料ツールを紹介します。

 

無料で使える画像作成のツールCanvaというツールがあります。

僕の周りのプロブロガーさんも利用している方は多いです。

»参考:Canva公式サイト

ブラウザ上で使用できるため、インストールも必要なく、操作もシンプルで簡単です。

先程のフリー素材を改変して、あなただけのファビコンを作ることができます。

 

もちろん商用利用のために使うこともできますので、Canvaを使って512×512ピクセルの画像を用意します。

Canvaの使い方についてはCanvaを使ってサイズ感の良いアイキャッチをデザインする方法【簡単作成】で解説しています。

テンプレートは正方形のを選ぶと、かなり簡単に作成することができるので参考にしてください。

 

ファビコンの設置方法

ワードプレスの場合、簡単に設置できる機能が搭載されています。

ダッシュボードの外観からカスタマイズを選択します。

カスタマイズの中にサイト基本情報という項目があるのでクリックします。

 

 

一番下のサイトアイコン画像選択をクリックして、作成した512×512ピクセルの画像を選択します。

 

 

上の画像のように表示されればOKです。

公開をクリックすれば設定は完了です。

 

ファビコンのデザイン参考

ファビコンにも様々なデザインがあり、各サイトによって特徴があります。

作成の際の参考にいくつかのデザインのパターンを紹介しておきます。

 

ロゴマーク系

サイトのロゴマークをファビコンにしているパターンになります。

ブランディングがきちんと進んでいると、シンプルでとても目立ちます。

 

プレイステーション

トヨタ

 

文字系

文字を少しオシャレにデザインしたり、ZOZOTOWNのように何文字かを入れているファビコンもあります。

シンプルで作りやすいため、個人ブロガーの方にも多いパターンになります。

 

Google

ZOZOTOWN

 

キャラ系

任天堂やドラクエのファビコンのようにキャラクターを使ったものは可愛くて好きです。

ただ、ブランディングされていないと何のキャラか分かりにくくなってしまうことも多いため、個人ブロガーの場合は作り込むよりシンプルなキャラクターを作成するほうがよいでしょう。

 

任天堂

ドラクエ

 

まとめ

ファビコンによるブログのブランディングも今までより重要視される部分になるかと思います。

まだ設置していない方は、無理に凝ったデザインにする必要もないかと思いますが、ファビコンが無いサイトはクリック率に影響が出るケースもありますので、早めに設定しておきましょう!

 

最後まで読んでくださりありがとうございました。

 

無料配布中

はじめてのサイト売買 -購入編-

【完全ガイドブック】

僕が実際にサイト売買でいくつもの取引をして実感した結論から言うと、

『サイト売買はブログ初心者の方や副業を初めたいと思っている方にとって、効率的かつ簡単に収益源を増やすことができる方法』

であるということです。

 

その理由や方法を全て詰め込んで分かりやすく解説していますので、ぜひダウンロードしてサイト売買をパラレルワーク(副業・複業)時代の一つの選択肢としていただければと思います。


この記事を書いている人 - WRITER -
住吉しんりです! パラレルワーク(副業・複業)をやりたい人の味方です。 主にサイト売買アドバイザー・ブログコンサル・複数ブログの収益化をパラレルワークしています。【実績】アドセンス累計3500万円以上・サイト売買累計取引4000万円以上・ブログ収益150万円以上達成 個人で努力している人、前に進もうとしている人はマジで全員成功すればいいと思っています。 時代に負けたくない人、僕も頑張るのでとりあえず気持ちだけは一緒に頑張りましょう! 仲良くなりたい人はtwitterやYouTubeでお気軽に話しかけてください。喜びます。 あ、ちなみに画像はYouTubeで使っている僕の分身シンリです。
詳しいプロフィールはこちら