検索流入アップ間違いなし！？faviconのデザインを変えてみた
白ベースのfaviconに色を付けて目立つようにしてみました。
faviconとは
favicon（ファビコン）とは、「favorites icon（お気に入りアイコン）」の略で、ウェブサイトのブラウザタブやブックマーク（お気に入り）一覧、検索エンジンの検索結果時に表示される小さなアイコンのことです。
こんなやつですね。
これは私が運営する別のサイトのfaviconですが、ベースが青で「改」の文字が非常に目立ちます。
一方、このサイトのfaviconはサイトロゴをベースにした白地のアイコンなので、こんな感じで全く目立ちません。
これは前々から気になっていたのですが、デザインを変えるのも面倒だしと放置していたのですが、そうか背景だけ変えれば良いんだ？？と思い、早速やってみました！！
これなら検索結果に表示されても目立ちますね！！
faviconの作り方
faviconは16×16や32×32ピクセルなどの非常に小さな画像ですが、自動で、16×16や32×32ピクセルのサイズに変換してくれるサイトもありますので使ってみましょう。
すると「favicon.ico」というファイルに変換してくれるのでダウンロードして、サーバーにアップします。
その後、サイトのhead部分に以下を追記することでサイトのアイコンが表示されるようになります。
ちなみにWordPressの多くのテーマでは「favicon.ico」を作らなくても、画像を指定するだけで勝手にfavicon.icoとして処理してくれます。
無事、作成したfaviconが検索結果にも反映されました。
デザインは再考する必要はありますが、以前のものよりは目立つようになったかな。
背景が黒だと白でも目立ちますけどね。
まとめ
人気サイトとそうでないサイトの違いは、サイトの内容もさることながら、意外とこういう地味なところに気を使えるかどうかなのかもしれません。
faviconの画像を調整し、目立たせることができればアクセス数も増えるのではないでしょうか。
今回は、サイトロゴの背景の色のみを変えてみましたが、機会があれば作り直そうと思います。
日々勉強です！！