ホームページのシンボル的存在として重要な
favicon(ファビコン)について解説します。

faviconとは

ホームページを閲覧した時や、
ブックマークの一覧において、
サイト名やURLの横にマークのような物が表示される場合があります。

例えばTwitterは青い鳥のマーク、
Yahoo!は赤文字の『Y』マークが有名です。

Twitterのfavicon

 

 

 

 

 

Yahoo!のfavicon

 

 

 

 

 

これらをfavicon(ファビコン)と呼びます。

faviconのメリット

faviconはホームページのトレードマークのような物です。

faviconを設定するメリットはたくさんあります。

  • 印象に残りやすい
  • 信頼性が高まる
  • ホームページのブランドイメージが高まる

faviconを設定していない場合、
Googleの検索結果では
薄紫色の地球儀のマークが表示されます。

faviconを設定していない場合

 

 

 

 

faviconがあった方が、
Googleの検索結果からホームページにアクセスしてもらいやすくなります。

faviconのデザイン

faviconはどのようなデザインにするのが良いでしょうか?

店舗のロゴや、ロゴの文字の一部などを設定するのがおすすめです。

Yahoo!のロゴは後者になります。

ロゴがない場合は、
ホームページのイメージに近いデザインのfaviconを
フリー素材サイトでダウンロードするのも良いでしょう。

代表的なフリー素材サイトを紹介します。

icooon-mono
https://icooon-mono.com/

faviconのサイズ・拡張子

faviconの画像サイズは
16px × 16px
48px × 48px
などの16の倍数の数字が一般的です。

 

拡張子は.icoや.pngに設定しましょう。

まとめ

faviconを設定することの大切さをご理解いただけましたか?

faviconを設定して
ホームページのアクセス数に繋げていきましょう。