ブラウザのブックマークのサイト名の前に表示される小さなアイコンは、多くの人に知られています。このミニチュア要素は、気づかれないことが多いものの、あらゆるリソースに不可欠な部分となっています。以前は、ファビコンは重要ではない詳細として扱われ、単に空いたスペースを埋めるために使用されていましたが、最近では、あらゆる改善がコンバージョンに重要であるため、ファビコンは重要な役割を果たしています。これはブランディング要素であるだけでなく、検索エンジンが考慮する要素でもあります。
この用語に馴染みのない人のために説明しましょう。ファビコンは、サイト コードに配置され、検索結果のタイトルの横に表示されるグラフィック要素 (サイズは 16x16 ピクセル) です。ほとんどの場合、ロゴまたは単純な画像 (文字、数字、アイコン) が使用されます。検索エンジンやその他のサービスがこのファイルを favicon として認識するには、「favicon.ico」という名前を付ける必要があります。
興味深いことに、ファビコンのサポートは、この形式が Internet Explorer 5 ブラウザーで最初に機能し始めた遠い昔に始まりました。当初、ファビコンは技術的なニーズのみに使用され、Web サイトのアドレスの単純なラベルでした。最終的に、2000 年代初頭に、それらは標準要素として -markup に正式に組み込まれました。
ファビコンはもともとユーザーの利便性を高めるための要素でしたが、現在ではその役割は技術的な側面を超えています。これはエンドユーザーと検索エンジンの両方にとって重要です。ファビコンがどこでどのように使用されるか、ファビコンなしで済むかどうかを考えてみましょう。
まず、favicon として使用する画像を選択し、名前を favicon.ico に変更します。白背景を避けるため、PNG 形式を使用することをお勧めします。最も一般的なアイコン サイズは 16x16 ピクセルですが、他の形式も存在します。
イメージを準備して名前を変更したら、FTP クライアントまたはホスティング パネルを使用してサイトのルートにアップロードする必要があります。ファビコンが sitename.ru/favicon.ico で利用できることを確認してください。
favicon を -code に追加するには、次のテンプレートを使用します。 。古いバージョンの IE ブラウザの場合は、属性を追加する必要がある場合があることに注意してください。 rel="ショートコートアイコン"。
サイトが Apple モバイル デバイスをターゲットにしている場合は、属性を追加します rel="アップルタッチアイコン"これにより、iPhone ではファビコンが正しく表示され、MacOS ではよくアクセスするサイトのリストにファビコンが正しく表示されます。
ファビコンの画像を選択することは、サイトに関連付けられるものになるため重要です。優れたファビコンは、シンプルでありながら記憶に残るものである必要があります。いくつかの種類のファビコンを見てみましょう。
サイズは小さいにもかかわらず、ファビコンは Web サイトにとって非常に重要です。これはリソースの識別に役立ち、ユーザー エクスペリエンスが向上します。これを使用すると、特に多くのタブを開いたときの検索の利便性が向上します。検索結果でのサイトの視認性を高め、クリックスルー率を高めるには、ファビコンの選択とその正しい構成に注意することをお勧めします。
SEO および Web 開発に関するその他の相談については、メール info@seo.computer で SEO COMPUTER スタジオにお問い合わせください。
ID1687