asana.comのファビコン
- 14合格
- 1警告
- 9不足
- 4任意
asana.comのメインのファビコンはasana-logo-favicon.icoで、100 pxの画像を含むICOファイル(40.7 KB)です。アイコンファイルは2件見つかり、合計は55.4 KBです。Google検索でも同じファイルを使えます。サイトのスコアは100点満点中51点で、合格14件、警告1件、不足9件です。不足: SVGファビコン、Apple touch icon、Webアプリマニフェストほか1件。
表示イメージ
見つかったファイルから生成しています。
ファイルがHTTP 401を返しています。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
asana.comのファビコンファイル一覧
2件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32, 48 px | 14.7 KB |
| asana-logo-favicon.ico | rel="icon" | ICO | 100 px | 40.7 KB |
従来のファビコン
合格 2件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32 · 48
- ファイルサイズ
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
- キャッシュ
- 4時間
ICO
合格<link rel="shortcut icon" href="/assets/img/brand/asana-logo-favicon.ico" data-next-head="">
- 宣言値
- サイズ指定なし
- 実際の値
- 100
- 形式
- ICO
- ファイルサイズ
- 40.7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
不足 6件 · 任意 1件Apple touch icon
不足<link rel="apple-touch-icon" sizes="57x57" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_57x57.png" data-next-head="">
ファイルがHTTP 401を返しています。
Apple touch icon
不足<link rel="apple-touch-icon" sizes="60x60" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_60x60.png" data-next-head="">
ファイルがHTTP 401を返しています。
Apple touch icon
不足<link rel="apple-touch-icon" sizes="72x72" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_72x72.png" data-next-head="">
ファイルがHTTP 401を返しています。
Apple touch icon
不足<link rel="apple-touch-icon" sizes="76x76" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_76x76.png" data-next-head="">
ファイルがHTTP 401を返しています。
Apple touch icon
不足<link rel="apple-touch-icon" sizes="114x114" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_114x114.png" data-next-head="">
ファイルがHTTP 401を返しています。
Apple touch icon
不足<link rel="apple-touch-icon" sizes="120x120" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462483/asana_favicon_120x120.png" data-next-head="">
ファイルがHTTP 401を返しています。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 6件- 対応しているファイル形式ICO · asana-logo-favicon.ico
- 正方形で8×8 px以上100×100
- 48×48 pxより大きい100 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 1件 · 任意 3件- theme-color#2e3c54
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 5件 · 警告 1件 · 不足 1件- すべてのアイコンがHTTPS2件中2件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしhttps://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_57x57.png, https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_60x60.png, https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_72x72.pngエラー 9件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。2件中0件 · 1日以上
- アイコンの合計容量55.4 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="apple-touch-icon" sizes="57x57" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_57x57.png" data-next-head=""> <link rel="apple-touch-icon" sizes="60x60" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_60x60.png" data-next-head=""> <link rel="apple-touch-icon" sizes="72x72" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_72x72.png" data-next-head=""> <link rel="apple-touch-icon" sizes="76x76" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_76x76.png" data-next-head=""> <link rel="apple-touch-icon" sizes="114x114" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462482/asana_favicon_114x114.png" data-next-head=""> <link rel="apple-touch-icon" sizes="120x120" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462483/asana_favicon_120x120.png" data-next-head=""> <link rel="apple-touch-icon" sizes="144x144" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462483/asana_favicon_144x144.png" data-next-head=""> <link rel="apple-touch-icon" sizes="152x152" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462483/asana_favicon_152x152.png" data-next-head=""> <link rel="apple-touch-icon" sizes="180x180" type="image/png" href="https://brand.asana.biz/image/upload/f_auto:image,fl_preserve_transparency/v1696462483/asana_favicon_180x180.png" data-next-head=""> <link rel="shortcut icon" href="/assets/img/brand/asana-logo-favicon.ico" data-next-head=""> <meta name="theme-color" content="#2e3c54" data-next-head="">
asana.comのファビコンに関するQ&A
asana.comのファビコンはどこにありますか?
メインのファビコンはhttps://asana.com/assets/img/brand/asana-logo-favicon.icoにあります。既定のパスhttps://asana.com/favicon.icoからもアイコンが返されます。
asana.comのファビコンのサイズは?
asana-logo-favicon.icoは100 pxです。
Google検索でasana.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。asana-logo-favicon.icoは100 pxの画像を含むICOファイル(40.7 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
asana.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconがないため、iOSはページのスクリーンショットか頭文字を使います。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。