ブラウザータブ · ライト合格
metacritic.comのファビコン
- 14合格
- 1警告
- 2不足
- 5任意
metacritic.comのメインのファビコンはfavicon.svgで、1.3 KBのSVGファイルです。アイコンファイルは2件見つかり、合計は4.9 KBです。Google検索ではfavicon.ico（16、32 pxの画像を含むICOファイル（3.6 KB））を使えます。サイトのスコアは100点満点中82点で、合格14件、警告1件、不足2件です。不足: Apple touch icon、Webアプリマニフェスト。
表示イメージ
見つかったファイルから生成しています。
ブラウザータブ · ダーク任意
ダークテーマのタブでもアイコンが見えるか確認してください。
metacritic.comhttps://www.metacritic.com
Google検索警告
Movie Reviews, TV Reviews, Game Reviews, and Music Reviews - Metacritic
iOSのホーム画面不足
ないと、iOSはホーム画面にページのスクリーンショットか頭文字を使います。
512
Android · maskable不足
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
splash
PWAのインストールとスプラッシュ不足
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
metacritic.comのファビコンファイル一覧
2件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32 px | 3.6 KB |
| favicon.svg | rel="icon" | SVG | ベクター | 1.3 KB |
従来のファビコン
合格 1件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません（ルートで検出）
- 形式
- ICO（本物）
- 含まれる画像
- 16 · 32
- ファイルサイズ
- 3.6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- 7日
SVGアイコン
合格 1件SVGファビコン
合格<link rel="icon" type="image/svg+xml" href="https://www.metacritic.com/a/img/favicon.svg">
- 正方形のviewBox
- はい
- ダークモード
- いいえ
- スクリプト
- なし
- ファイルサイズ
- 1.3 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
SVG内にprefers-color-schemeのメディアクエリを追加すると、ダークテーマのブラウザーで色を切り替えられます。
Apple
不足 1件 · 任意 1件180
Apple touch icon
不足<link rel="apple-touch-icon" href="…"> – 見つかりません
ないと、iOSはホーム画面にページのスクリーンショットか頭文字を使います。
mask
Safariのピン留めタブ（mask-icon）
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件json
Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 5件 · 警告 1件- 対応しているファイル形式ICO · favicon.ico
- 正方形で8×8 px以上32×32
- 48×48 pxより大きいGoogleは、鮮明に表示するため48×48 pxより大きいサイズを推奨しています。宣言済みの96×96 PNGか、180 pxのApple touch iconで条件を満たせます。32 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
任意 4件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 7件- すべてのアイコンがHTTPS2件中2件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダー2件中2件 · 1日以上
- アイコンの合計容量4.9 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="icon" type="image/svg+xml" href="https://www.metacritic.com/a/img/favicon.svg">
metacritic.comのファビコンに関するQ&A
metacritic.comのファビコンはどこにありますか？
メインのファビコンはhttps://www.metacritic.com/a/img/favicon.svgにあります。既定のパスhttps://www.metacritic.com/favicon.icoからもアイコンが返されます。
metacritic.comのファビコンのサイズは？
favicon.svgはベクターファイルなので、どのサイズにも拡大縮小できます。サイト内で最も大きいラスターアイコンはfavicon.icoで、32×32 pxです。
Google検索でmetacritic.comのファビコンは表示されますか？
サイトはGoogleの条件を満たしています。favicon.icoは16、32 pxの画像を含むICOファイル（3.6 KB）で、robots.txtでも許可されています。Googleは48×48 pxより大きいサイズを推奨しているため、もっと大きいアイコンのほうが鮮明に表示されます。実際に何を表示するかはGoogleが判断します。
metacritic.comにApple touch iconとmaskableアイコンはありますか？
Apple touch iconがないため、iOSはページのスクリーンショットか頭文字を使います。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。