オンラインPC館

ファビコン

ファビコン

ファビコンとは簡単にいうとサイト用のアイコンの事です。
サイトにアクセスするとブラウザに表示されるサイト固有のアイコンがファビコンです。
このファビコンを作成する際に重要となるのが視認性で、誰が見てもわかりやすくそのサイトに違和感のないデザインが好ましいようです。
ファビコンとは

ファビコンの作成方法

ファビコンの作成

ファビコンを作成するには正方形の画像を用意してICO形式に変換します。
ファビコンのサイズはWeb検索の結果を想定した場合は、48ピクセルの倍数にしてください。
作成時は文字やデザイン部分をできるだけ大きく捉えると比較的きれいに作成できます。
作成したらディレクトリのどこか適当な場所に保存してアップロードします。
ImageMagickのICO変換

ファビコンの表示場所:PCサイト、モバイルサイト、検索結果

ファビコンコード

ファビコンをアップロードしただけでは反映されないのでコードを記述します。
コードはHTMLや.htaccessで設定が可能です。
ファビコンの表示設定
ファビコン

検索結果のファビコン

Googleの検索結果に表示されるファビコンが反映されるまでには少し時間がかかります。
少しでも早く反映させるためにはGoogle Search Consoleにインデックス登録する方法があります。

URL/favicon.ico:Google Search Consoleにインデックス登録する