Web上のページをブックマークするとき、そのページの名前を覚えておくことは困難です。 そのページを探すためにブックマークに戻ると、ページの横に小さなアイコンが表示されています。

このアイコンはファビコンと呼ばれ、小さいものですが、ブランドの認知度に大きな影響を与えます。「という質問に答えるとともに、なぜ作成する必要があるのか、印象的な(そして準拠した)Webサイトのファビコンを作成するための4つのヒントを提供します。

ファビコンやマーケティングに関する最新情報を入手したい場合は、週刊ニュースレターにご参加ください。

ファビコンは、Webサイトのページ名またはタイトル タグの横に表示される、Webサイトの小さなアイコンのことです。

これらのアイコンは、次のような数多くの場所に表示されます。

  • ブラウザ タブ
  • ブックマーク
  • ツールバー
  • 最近訪れたサイト
  • 検索バー
  • モバイル検索

インターネット上のファビコン表示場所

この小さなアイコンがウェブサイトのインタフェースに不可欠なコンポーネントであり、このような小さなアイコンは、ウェブサイトが持つさまざまな機能を実現するために必要です。 シンプルで認識可能な画像を Web サイトに関連付けることができるので、ユーザーはブランドに親しみやすくなります。

誰かがあなたのサイトをブックマークし、後で戻ってきたい場合、Web サイトのファビコンはさらに役に立ちます。 ファビコンの最も良い例の 1 つは、Target です。

ファビコンの例

また、1 ~ 3 文字のテキストを含むアイコンを使用するオプションも用意されています。 Wikipedia は、画像ではなくテキストを使用した優れたファビコン例です。

wikipedia ファビコン例

ファビコンのインスピレーションを得るために見ることのできる素晴らしいファビコン例がたくさんあります。 重要なのは、明確で覚えやすく、見やすいウェブサイトのファビコンを作成することです。

Sizing and formatting for favicons

「ファビコンとは何か」の次の質問は、「ファビコンに適したサイズは何か」ということです。 これらのアイコンは小さいので、正しい寸法を知っておくことが重要です。

ファビコンのサイズは、ブラウザまたは Web サイト ホストを使用している場合によって異なります。 したがって、アイコンのファイル サイズは 48x48px または 144x144px のようにすることができます。 使用するサイズに関係なく、画像は 16x16px の比率に再スケールされます。

ウェブサイト ビルダーでウェブサイトをホストしている場合、ファビコン サイズは異なります。 たとえば、WordPress ではファビコンに 512×512 ピクセルを必要とし、Squarespace では 300×300 ピクセルを必要とします。

また、ファビコンはブラウザーのタブやブックマーク リストに表示されることを覚えておくことが重要です。

これらの異なるインスタンスのサイズを知ることにより、あなたのビジネスにとってより良いファビコンを作成することができます。 このような場合、「SkyDesk」は、「SkyDesk」と「SkyDesk」間の通信を遮断し、「SkyDesk」と「SkyDesk」の間の通信を遮断します。

  • ファビコンは、あなたのサイトに正当性を追加します。 あなたのサイトは、ファビコンで完全に表示されます。
  • ファビコンは、検索エンジン最適化(SEO)にも役立ちます。 また、”痒いところに手が届く “ような使い勝手の良さも魅力です。 また、ブランド認知度も向上し、人々があなたのサイトに戻り、コンバージョンすることを促します。
  • Faviconは、視聴者があなたのページをブックマークしたときに、その場所を特定するのに役立ちます。
  • ファビコンは、複数のタブを開いている人があなたのビジネスを見つけるのに役立ちます。 また、「萌え萌え」とも呼ばれます。 8163>

    これらは、Webサイトのファビコンを使用する理由のほんの一部にすぎません。 Web サイトにファビコンを追加することで、これらのメリットを享受し、オンラインでビジネスを成長させることができます。

    ファビコンの作成方法

    Webサイトにアイコンを作成する準備ができたら、ファビコンの作成方法に関する役立つ4つのヒントをチェックしてみてください。 スペースを賢く使う

    ビジネスのためのファビコンを作成するときは、スペースを賢く使う必要があります。 ユーザーが見ることができないほど小さなスペースを使用するアイコンを作成したくないのですが、十分な余白も必要です。

    多くの企業は、自社のロゴを Web サイトのファビコンとして使用します。 新しいアイコンを作成する必要がある場合、スペースを最適化する必要があります。 ファビコンを過密または空に見せずに、与えられたピクセル スペースを使い切るように計画する必要があります。 ファビコンは、あなたのビジネスを認識させますが、複雑なデザインでユーザーを圧倒することはありません。 このアイコンの唯一の目的は、視聴者にブランドを強化し、見つけやすくすることです。

    複雑なデザインでファビコンを作成すると、アイコンが雑然とした印象になります。

    最良の方法は、シンプルに保つことです。

    クリーンで、ブランドに関連し、認識できるものを作成します。 ブランドを反映する

    これは何度か強調しましたが、もう一度言いますが、ファビコンがブランドを反映していることを確認することです。 ユーザーは、タブまたはブックマークであなたのビジネスを見つけるために、このアイコンを使用します。

    Walbert Animal Hospital は、ビジネスを反映したファビコンの輝かしい例です。

    example favicon of a veterinarian website

    ご覧のように、Walbert Animal Hospital では肉球をファビコンとして使用しています。 これは、彼らのビジネスとの素晴らしい関連付けであり、彼らのブランドを反映しています。 シンプルで、人々が彼らを認識するのに役立ちます。

    ファビコンには、適切なシンボルを使用したいものです。 この例では、人々は肉球を動物に関連付けます。 ユーザーがこの肉球を見たとき、その企業は何らかの形で動物に携わっていると判断します。

    アイコンに色を使用する場合、ブランドの色にこだわることをお勧めします。 黄色のファビコンは、紫とグレーのビジネス カラースキームには合いません。

    4. デザイナーに相談する

    ファビコンをどうしたらよいかわからない場合は、いつでもWebデザイナーに相談することができます。 Web デザイナーは、ユニークなファビコンを提供してくれるので、優れた選択肢です。 Web 用に正しくスケーリングされたファビコンを入手できます。

    多くの企業は、ファビコンを作成するためにジェネレーターに依存しています。 これらのジェネレーターは簡単に使用できますが、組織に適したアイコンを見つけるために、アイコンのデータベースを検索する必要があります。 その後、サイズを変更し、適切に拡大縮小する必要があります。

    ウェブ デザイナーを使用すると、データベースからストック イメージを取得する必要はありません。

    Start creating your website favicon today

    A favicon is a critical component in building brand recognition.Have a unique to your business, correctly scaled, and reflective of your company.

    Web デザイナーを使用すれば、データベースからストック画像を引っ張ってくる必要はありません。 Webサイトのファビコンを作成しアップロードすることで、ユーザーはあなたのビジネスを認識し、ブラウザで素早く見つけることができます。

    あなたのビジネスのために高品質のファビコンを作成する方法がわからない場合、WebFXのチームがお手伝いします。 受賞歴のあるダイナミックな Web デザイナーのチームが、素晴らしいファビコンを作成するお手伝いをします。

    質の高いファビコンのデザイン方法についてもっと知りたいですか?