toyota.comのファビコン
- 12合格
- 4警告
- 2不足
- 5任意
toyota.comのメインのファビコンはfavicon.icoで、48×48のPNGファイル(504 B)です。アイコンファイルは3件見つかり、合計は1.5 KBです。Google検索でも同じファイルを使えます。サイトのスコアは100点満点中75点で、合格12件、警告4件、不足2件です。不足: SVGファビコン、Webアプリマニフェスト。
表示イメージ
見つかったファイルから生成しています。
iOSは48 → 180 pxに拡大するため、Retinaディスプレイでぼやけて見えます。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
toyota.comのファビコンファイル一覧
3件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | rel="icon" · 既定のパス | PNG | 48×48 | 504 B |
| icon.ico | rel="icon" | PNG | 48×48 | 504 B |
| icon.png | rel="apple-touch-icon" | PNG | 48×48 | 504 B |
従来のファビコン
警告 2件favicon.ico
警告<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
- 形式
- PNG(ICOではない)
- 含まれる画像
- 48×48
- ファイルサイズ
- 504 B
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- 12か月
拡張子は.icoですが、中身はPNGファイルです。ブラウザーでは表示されますが、古いツールは本物のICOを前提にしています。
PNG 120×120
警告<link rel="shortcut icon" sizes="120x120" type="image/x-icon" href="/icon.ico">
- 宣言値
- 120×120
- 実際の値
- 48×48
- 形式
- PNG
- ファイルサイズ
- 504 B
- HTTP
- 200
- Content-Type
- image/x-icon
宣言したサイズとファイルの実サイズが一致しません。小さいタブで、ブラウザーが誤ったアイコンを選ぶ場合があります。
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
警告 1件 · 任意 1件Apple touch icon
警告<link rel="apple-touch-icon" type="image/png" href="/icon.png">
- 宣言値
- サイズ指定なし
- 実際の値
- 48×48
- 推奨
- 180×180
- 背景
- 不透過
- ファイルサイズ
- 504 B
- HTTP
- 200
iOSは48 → 180 pxに拡大するため、Retinaディスプレイでぼやけて見えます。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 5件 · 警告 1件- 対応しているファイル形式PNG · favicon.ico
- 正方形で8×8 px以上48×48
- 48×48 pxより大きいGoogleは、鮮明に表示するため48×48 pxより大きいサイズを推奨しています。宣言済みの96×96 PNGか、180 pxのApple touch iconで条件を満たせます。48 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
任意 4件- theme-colorモバイルのブラウザーUIの色になります。未設定
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 7件- すべてのアイコンがHTTPS3件中3件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダー3件中3件 · 1日以上
- アイコンの合計容量1.5 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"> <link rel="shortcut icon" sizes="120x120" type="image/x-icon" href="/icon.ico"> <link rel="apple-touch-icon" type="image/png" href="/icon.png">
toyota.comのファビコンに関するQ&A
toyota.comのファビコンはどこにありますか?
メインのファビコンはhttps://www.toyota.com/favicon.icoにあります。
toyota.comのファビコンのサイズは?
favicon.icoは48×48です。
Google検索でtoyota.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。favicon.icoは48×48のPNGファイル(504 B)で、robots.txtでも許可されています。Googleは48×48 pxより大きいサイズを推奨しているため、もっと大きいアイコンのほうが鮮明に表示されます。実際に何を表示するかはGoogleが判断します。
toyota.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは48×48です。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。