サイト制作で忘れられがちな印象があるfaviconの設定ですが、とっても重要なので正しい書き方で設定しましょう! <link>でfaviconを指定することがありますが、以下の記述をよく見かけるかと思います。 <link rel="shortcut icon" href="/path/favicon.ico"> rel属性にshortcutの記述が必要なのは、IE8以下の対応が必要なときのみです。 shortcutは非準拠ですので使わないようにしましょう。 古いブラウザに対応する必要がないサイトであれば、rel属性にshortcutは不要ですし、ファビコンの画像もpngやgifが問題なく使用できます。 そこで、どのブラウザまで対応するかによりどう記述すればよいかが変わってくるので、一覧にまとめました。 IE8以下も含めたIE、Chrome、Firefox、Safari、Opera、Edge
![正しいfaviconの設定方法を対応ブラウザ別にまとめる | Glatch(グラッチ) – 夫婦で活動するフリーランスWeb制作ユニット](https://cdn-ak-scissors.b.st-hatena.com/image/square/1062b99ca1f8cbce66ef8c05ee9588248ca1120f/height=288;version=1;width=512/https%3A%2F%2Fglatchdesign.com%2Fwp%2Fwp-content%2Fuploads%2F2016%2F06%2Feyecatch_160606.gif)