ホームページのシンボル的存在として重要な
favicon(ファビコン)について解説します。
目次
faviconとは
ホームページを閲覧した時や、
ブックマークの一覧において、
サイト名やURLの横にマークのような物が表示される場合があります。
例えばTwitterは青い鳥のマーク、
Yahoo!は赤文字の『Y』マークが有名です。
これらをfavicon(ファビコン)と呼びます。
faviconのメリット
faviconはホームページのトレードマークのような物です。
faviconを設定するメリットはたくさんあります。
- 印象に残りやすい
- 信頼性が高まる
- ホームページのブランドイメージが高まる
faviconを設定していない場合、
Googleの検索結果では
薄紫色の地球儀のマークが表示されます。
faviconがあった方が、
Googleの検索結果からホームページにアクセスしてもらいやすくなります。
faviconのデザイン
faviconはどのようなデザインにするのが良いでしょうか?
店舗のロゴや、ロゴの文字の一部などを設定するのがおすすめです。
Yahoo!のロゴは後者になります。
ロゴがない場合は、
ホームページのイメージに近いデザインのfaviconを
フリー素材サイトでダウンロードするのも良いでしょう。
代表的なフリー素材サイトを紹介します。
icooon-mono
https://icooon-mono.com/
faviconのサイズ・拡張子
faviconの画像サイズは
16px × 16px
48px × 48px
などの16の倍数の数字が一般的です。
16px × 16px
48px × 48px
などの16の倍数の数字が一般的です。
拡張子は.icoや.pngに設定しましょう。
まとめ
faviconを設定することの大切さをご理解いただけましたか?
faviconを設定して
ホームページのアクセス数に繋げていきましょう。