nbcnews.comのファビコン
- 18合格
- 6警告
- 12不足
- 11任意
nbcnews.comのメインのファビコンはfavicon-32x32.pngで、32×32のPNGファイル(978 B)です。アイコンファイルは12件見つかり、合計は29.5 KBです。Google検索ではapple-icon.png(192×192のPNGファイル(4.9 KB))を使えます。サイトのスコアは100点満点中57点で、合格18件、警告6件、不足12件です。不足: favicon.ico、アイコン 36×36、アイコン 48×48ほか9件。
表示イメージ
見つかったファイルから生成しています。
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
nbcnews.comのファビコンファイル一覧
12件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | rel="icon" | ICO | 16 px | 1.1 KB |
| favicon-16x16.png | rel="icon" | PNG | 16×16 | 524 B |
| favicon-32x32.png | rel="icon" | PNG | 32×32 | 978 B |
| favicon-96x96.png | rel="icon" | PNG | 96×96 | 2.8 KB |
| apple-icon.png | rel="apple-touch-icon" | PNG | 192×192 | 4.9 KB |
| apple-icon-precomposed.png | rel="apple-touch-icon" | PNG | 192×192 | 4.9 KB |
| apple-icon-57x57.png | rel="apple-touch-icon" | PNG | 57×57 | 1.7 KB |
| apple-icon-60x60.png | rel="apple-touch-icon" | PNG | 60×60 | 1.7 KB |
| apple-icon-72x72.png | rel="apple-touch-icon" | PNG | 72×72 | 2.1 KB |
| apple-icon-76x76.png | rel="apple-touch-icon" | PNG | 76×76 | 2.2 KB |
| apple-icon-114x114.png | rel="apple-touch-icon" | PNG | 114×114 | 3.2 KB |
| apple-icon-120x120.png | rel="apple-touch-icon" | PNG | 120×120 | 3.3 KB |
従来のファビコン
合格 4件 · 不足 7件favicon.ico
不足GET /favicon.ico – 見つかりません
- HTTP
- 404
HTMLで別のアイコンを宣言していても、ブラウザー、RSSリーダー、多くのクローラーは/favicon.icoをリクエストします。ファイルがHTTP 404を返しています。
ICO
合格<link rel="shortcut icon" type="image/x-icon" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon.ico" data-next-head="">
- 宣言値
- サイズ指定なし
- 実際の値
- 16
- 形式
- ICO
- ファイルサイズ
- 1.1 KB
- HTTP
- 200
- Content-Type
- image/x-icon
PNG 16×16
合格<link rel="icon" type="image/png" sizes="16x16" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-16x16.png" data-next-head="">
- 宣言値
- 16×16
- 実際の値
- 16×16
- 形式
- PNG
- ファイルサイズ
- 524 B
- HTTP
- 200
- Content-Type
- image/png
PNG 32×32
合格<link rel="icon" type="image/png" sizes="32x32" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-32x32.png" data-next-head="">
- 宣言値
- 32×32
- 実際の値
- 32×32
- 形式
- PNG
- ファイルサイズ
- 978 B
- HTTP
- 200
- Content-Type
- image/png
PNG 96×96
合格<link rel="icon" type="image/png" sizes="96x96" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-96x96.png" data-next-head="">
- 宣言値
- 96×96
- 実際の値
- 96×96
- 形式
- PNG
- ファイルサイズ
- 2.8 KB
- HTTP
- 200
- Content-Type
- image/png
アイコン 36×36
不足<link rel="icon" sizes="36x36" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-36x36.png" data-next-head="">
ファイルを取得できませんでした(接続に失敗)。
アイコン 48×48
不足<link rel="icon" sizes="48x48" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-48x48.png" data-next-head="">
ファイルを取得できませんでした(接続に失敗)。
アイコン 72×72
不足<link rel="icon" sizes="72x72" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-72x72.png" data-next-head="">
ファイルを取得できませんでした(接続に失敗)。
アイコン 96×96
不足<link rel="icon" sizes="96x96" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-96x96.png" data-next-head="">
ファイルを取得できませんでした(接続に失敗)。
アイコン 144×144
不足<link rel="icon" sizes="144x144" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-144x144.png" data-next-head="">
ファイルを取得できませんでした(接続に失敗)。
アイコン 192×192
不足<link rel="icon" sizes="192x192" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-192x192.png" data-next-head="">
ファイルを取得できませんでした(接続に失敗)。
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
警告 1件 · 任意 6件Apple touch icon
警告<link rel="apple-touch-icon" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon.png" data-next-head="">
- 宣言値
- サイズ指定なし
- 実際の値
- 192×192
- 推奨
- 180×180
- 背景
- 透過
- ファイルサイズ
- 4.9 KB
- HTTP
- 200
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
Apple touch icon 192×192
任意<link rel="apple-touch-icon-precomposed" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-precomposed.png" data-next-head="">
- 宣言値
- サイズ指定なし
- 実際の値
- 192×192
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 4.9 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 57×57
任意<link rel="apple-touch-icon" sizes="57x57" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-57x57.png" data-next-head="">
- 宣言値
- 57×57
- 実際の値
- 57×57
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 1.7 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 60×60
任意<link rel="apple-touch-icon" sizes="60x60" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-60x60.png" data-next-head="">
- 宣言値
- 60×60
- 実際の値
- 60×60
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 1.7 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 72×72
任意<link rel="apple-touch-icon" sizes="72x72" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-72x72.png" data-next-head="">
- 宣言値
- 72×72
- 実際の値
- 72×72
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 2.1 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 76×76
任意<link rel="apple-touch-icon" sizes="76x76" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-76x76.png" data-next-head="">
- 宣言値
- 76×76
- 実際の値
- 76×76
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 2.2 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
合格 1件manifest.json
合格<link rel="manifest" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/manifest.json" data-next-head="">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有効
- ファイルサイズ
- 720 B
- 同一オリジン
- いいえ
- キャッシュ
- 1日
マニフェストのフィールド
合格 1件 · 警告 4件 · 不足 3件 · 任意 2件- nameApp
- short_namenameが長すぎるとき、ホーム画面で使われます。未設定
- start_urlインストールしたアプリの起動時に開くページです。未設定
- display既定値は"browser"で、インストールできません。未設定
- theme_colorインストールしたアプリのタイトルバーの色になります。未設定
- background_colorスプラッシュ画面の背景色です。未設定
- icons · 192×192ファイルがHTTP 403を返しています。リンク切れ
- icons · 512×512インストールのプロンプトとスプラッシュ画面に必要です。なし
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id未設定
Google検索
合格 6件- 対応しているファイル形式PNG · apple-icon.png
- 正方形で8×8 px以上192×192
- 48×48 pxより大きい192 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 1件 · 任意 3件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlあり
配信とパフォーマンス
合格 5件 · 警告 1件 · 不足 1件- すべてのアイコンがHTTPS12件中12件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしhttps://nodeassets.nbcnews.com/android-icon-36x36.png, https://nodeassets.nbcnews.com/android-icon-48x48.png, https://nodeassets.nbcnews.com/android-icon-72x72.pngエラー 6件
- キャッシュヘッダー12件中12件 · 1日以上
- アイコンの合計容量29.5 KB
- リダイレクト0
- 重複するタグ同じサイズを宣言するrel="icon"タグが複数あり、ブラウザーは最後のものを使います。2 × sizes="96x96"
<head>内のアイコンタグ
<link rel="shortcut icon" type="image/x-icon" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon.ico" data-next-head=""> <link rel="icon" type="image/png" sizes="16x16" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-16x16.png" data-next-head=""> <link rel="icon" type="image/png" sizes="32x32" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-32x32.png" data-next-head=""> <link rel="icon" type="image/png" sizes="96x96" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-96x96.png" data-next-head=""> <link rel="apple-touch-icon" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon.png" data-next-head=""> <link rel="apple-touch-icon-precomposed" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-precomposed.png" data-next-head=""> <link rel="apple-touch-icon" sizes="57x57" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-57x57.png" data-next-head=""> <link rel="apple-touch-icon" sizes="60x60" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-60x60.png" data-next-head=""> <link rel="apple-touch-icon" sizes="72x72" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-72x72.png" data-next-head=""> <link rel="apple-touch-icon" sizes="76x76" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-76x76.png" data-next-head=""> <link rel="apple-touch-icon" sizes="114x114" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-114x114.png" data-next-head=""> <link rel="apple-touch-icon" sizes="120x120" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-120x120.png" data-next-head=""> <link rel="apple-touch-icon" sizes="144x144" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-144x144.png" data-next-head=""> <link rel="apple-touch-icon" sizes="152x152" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-152x152.png" data-next-head=""> <link rel="apple-touch-icon" sizes="180x180" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/apple-icon-180x180.png" data-next-head=""> <link rel="manifest" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/manifest.json" data-next-head=""> <link rel="icon" sizes="36x36" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-36x36.png" data-next-head=""> <link rel="icon" sizes="48x48" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-48x48.png" data-next-head=""> <link rel="icon" sizes="72x72" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-72x72.png" data-next-head=""> <link rel="icon" sizes="96x96" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-96x96.png" data-next-head=""> <link rel="icon" sizes="144x144" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-144x144.png" data-next-head=""> <link rel="icon" sizes="192x192" href="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/android-icon-192x192.png" data-next-head=""> <meta name="msapplication-config" content="https://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/browserconfig.xml" data-next-head="">
nbcnews.comのファビコンに関するQ&A
nbcnews.comのファビコンはどこにありますか?
メインのファビコンはhttps://nodeassets.nbcnews.com/cdnassets/projects/ramen/favicon/nbcnews/all-other-sizes-PNG.ico/favicon-32x32.pngにあります。
nbcnews.comのファビコンのサイズは?
favicon-32x32.pngは32×32です。サイト内で最も大きいラスターアイコンはapple-icon.pngで、192×192 pxです。
Google検索でnbcnews.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。apple-icon.pngは192×192のPNGファイル(4.9 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
nbcnews.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは192×192ですが、透過部分があり、iOSでは黒になります。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。