ブラウザのタブに表示するfaviconの設定方法と作り方
Googleなどの検索結果にも表示されるのfaviconを以下の手順で設定＆作成する。
1. favicon用の画像を作成
Faviconジェネレーターで16px × 16pxのfavicon用の画像を作成する。
2. サイトのドメイン直下にfavicon用の画像をアップロード
favicon用の画像のURLがhttp://example.com/favicon.pngになるようにアップロード。
3. <head>内に下記コードを追加
全ブラウザ (IE11以上)
最新ブラウザのみ対応の場合は下記コードを使用。
<link rel="icon" type="image/png" href="http://example.com/favicon.png" />全ブラウザ
IE11未満も対応する場合は下記コードを使用。
<link rel="shortcut icon" href="http://example.com/favicon.ico"> 
