WEBサイトに設置したいファビコンとはどのようなものか?その存在について皆さんはご存知でしょうか。

ファビコンは、サイトを表示した場合に、アドレスバーやタブ、ブックマーク項目の先頭、URL左横部分に表示されるアイコン画像のことを言います。

この小さなアイコンは、サイトのシンボルマークとなって、会社やサービスのブランディングに大きな効果を発揮してくれます。

 

また、ファビコンの存在は、SEOやサイト運営に携わる方から「URLの先頭部分に表示されているロゴマークを付けたい。」という質問をいただくことが多い要望でもあります。

今回は、多くのホームページ制作会社も活用している、ファビコンについて紹介をさせていただきます。

 

ホームページの表示を主要ブラウザで確認していますか?

 

ユーザーの注目が集まるファビコンとは?

ファビコンの名前の由来は、「favorite icon:フェイバリットアイコン:お気に入りアイコン」の英語の語句が要約されて「favicon:ファビコン」と呼ばれるようになりました。

別名では、お気に入りに登録した場合に表示される、「アイコン:icon」という意味でもあります。

サイトにファビコンを設置していることで、複数のタブを開いて、WEBぺージを閲覧する場合やお気に入り、ブックマークに入れたページを表示させる場合に、目印として役目を果たしてくれます。

 

ファビコンが設置してあるWEBサイトは、他社のサイトより注目を集めて見つけやすくなることで、リピートユーザーを増加させるメリットを持っています。

また、多くの大手企業がファビコンをサイトに導入していることから、同じようにロゴから連想させるファビコンを設置しているだけで、会社やサービスのイメージアップにつながりブランディングの効果も向上します。

 

ファビコンを作成する際のポイント

ファビコンは、WEBサイトやECサイトの内容を伝えるシンボルマークで、誰にでもわかりやすくシンプルなものになるように作成します。

ファビコンの拡張子は、ico,png,gif形式に対応していますが、古いブラウザで対応していない場合もありますので、株式会社セレクト・ワンでは、ico形式の拡張子を推奨しています。

icoのファイルは、サイズの違う画像をひとつのファイルにまとめられるメリットがあって、それぞれの環境に対応して、最適な大きさの画像を表示してくれます。

 

ファビコンの表示サイズは、ブラウザや使用する環境によって指定があります。

基本的なサイズは16px×16pxですが、こちらはInternet explorerの表示サイズです。Google chrome,firefox,safariなどの主要ブラウザは、32px×32pxが表示サイズになります。

また、Windowsのホームページアイコンの場合は、48px×48pxで作成することになります。

現時点では、約20種類以上のサイズがあるとも言われていますが、今回はその中でも代表的なものを紹介させていただきます。

 

主なファビコンのサイズ例 5選

1.16px×16px・・・・Internet explorerのタブ

2.24px×24px・・・・IE9のピン留め機能

3.32px×32px・・・・Google Chrome,Firefox,Safariなどのタブ

4.48px×48px・・・・Windowsのホームページアイコン

5.64px×64px・・・・高解像度のWindowsのホームページアイコン

 

弊社では、Internet explorerやGoogle Chrome,Firefox,Safariなど、主要のブラウザを網羅しているということで、上記の中でも16px×16pxと32px×32pxのふたつのパターンで用意しておくことをオススメしています。

 

おわりに

今回は、多くのホームページ制作会社も活用している、デザイン性の高いファビコンについて紹介をさせていただきました。

次は、かなり珍しいケースと言えるかもしれませんが、皆さんに紹介させていただきたい内容があります。

 

ファビコンを作成して設置したハズなのに、なぜか?アイコンが表示されないようなケースがまれに出てきます。

この場合は、WEBサイトのキャッシュや閲覧履歴が以前のもので残っていることが考えられますので、「スーパーリロード」でキャッシュをクリアにしてから、再度の確認をすることが必要です。

 

また、サイトのブランディングに重要な役割を果たすファビコンは、どなたでも無料のツールで簡単に作成することができます。

この記事をご覧になった方は、今後のホームページ作成の参考にしていただいて、ファビコンの導入を検討してみてはいかがでしょうか。

 

ファビコン作成のオススメ無料ツール

 

ホームページを確認するキャッシュのクリア方法とは?

 

【株式会社セレクト・ワン】

東京本社:03-5953-7160

横浜支店:045-270-3353

長野営業所:026-474-5333

お問い合わせはこちら

 

関連記事

  1. ホームページの制作でWordPressを使うメリットとは?

  2. ホームページ制作会社の選定でおさえておきたいポイントとは?

  3. ホームページとランディングページの違いとは?

  4. ホームページの集客で重要なユーザーの流入経路とは?

  5. パソコン画面でスマホの表示を確認する方法とは?

  6. ホームページの制作で人気のサービスやソフトウェアとは?