ファビコン

Silktide は、ウェブサイトのすべてのページにファビコンがあるかチェックします。ファビコンとは、ブラウザーがタブやブックマーク、スマートフォンのホーム画面でサイトを表示する際に使う小さなアイコンです。

通常、は各ページの内で <link> タグを使って指定します。

<!-- ページの <head> 内 -->
<link rel="icon" type="image/png" href="/icons/favicon.png">

タグがない場合、ブラウザーはサイトのルートにある favicon.ico ファイルも参照します。そのため、どちらの方法でもこのチェックを満たせます。

重要な理由

ファビコンがないと、ブラウザーのタブやブックマークでサイトが空白または一般的なプレースホルダーアイコンとして表示されます。そのため、訪問者が開いているタブの中からサイトを見つけにくくなり、ブックマーク一覧でも見落とされやすくなります。ファビコンがないサイトは未完成のようにも見えます。また、ブラウザーはファビコンがなくても \/favicon.ico をリクエストするため、サーバーログに避けられるエラーが記録され続けます。

ファビコンは通常、テンプレートでサイト全体に設定されます。そのため、ファビコンがない場合は、メインのテンプレート外で作成されたページがあることを示していることが多く、それ自体も把握しておく価値があります。

修正方法

アイコンを作成します。32x32 ピクセルの PNG が適切な最低限のサイズです。SVG または複数サイズの PNG を用意すると、各デバイスが最も鮮明に表示できるものを選べます。
サイトのテンプレートに <link rel="icon"> タグを追加し、すべてのページに表示されるようにします。多くのプラットフォームには、これを自動的に行う「ファビコン」または「サイトアイコン」の設定があります。
代わりに（または追加で）、アイコンをウェブサイトのルートディレクトリに favicon.ico としてアップロードし、https://yoursite.com/favicon.ico で配信されるようにします。

Silktide によるテスト方法

各 HTML ページで、ページの head 内にある <link> タグを確認します。rel 属性に icon が含まれ、ダウンロード可能な画像を指しているタグが対象です。
見つからない場合は、サイトのルートにある標準的な代替場所 \/favicon.ico を確認し、有効な画像が返されるかチェックします。
どちらの方法でもファビコンが見つからない各ページを報告し、ファビコンがあるページの割合を経時的に追跡します。

トラブルシューティング