squarespace.comのファビコン
- 13合格
- 5警告
- 2不足
- 8任意
squarespace.comのメインのファビコンはfavicon.icoで、16、24、32、48、128 pxの画像を含むICOファイル(85.5 KB)です。アイコンファイルは8件見つかり、合計は220.5 KBです。Google検索ではapple-touch-icon-1024.png(1024×1024のPNGファイル(25.5 KB))を使えます。サイトのスコアは100点満点中74点で、合格13件、警告5件、不足2件です。不足: SVGファビコン、Webアプリマニフェスト。
表示イメージ
見つかったファイルから生成しています。
暗い色のアイコンは、ダークテーマのタブに溶け込みます。ダークモード用のスタイルを入れたSVGアイコンで解消できます。
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
squarespace.comのファビコンファイル一覧
8件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 24, 32, 48, 128 px | 85.5 KB |
| favicon.ico | rel="icon" | ICO | 16, 24, 32, 48, 128 px | 85.5 KB |
| favicon.ico | rel="icon" | WebP | 300×300 | 2.8 KB |
| apple-touch-icon-120.png | rel="apple-touch-icon" | PNG | 120×120 | 4.4 KB |
| apple-touch-icon-152.png | rel="apple-touch-icon" | PNG | 152×152 | 5.2 KB |
| apple-touch-icon-167.png | rel="apple-touch-icon" | PNG | 167×167 | 5.5 KB |
| apple-touch-icon-180.png | rel="apple-touch-icon" | PNG | 180×180 | 6.1 KB |
| apple-touch-icon-1024.png | rel="apple-touch-icon" | PNG | 1024×1024 | 25.5 KB |
従来のファビコン
警告 3件favicon.ico
警告GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 24 · 32 · 48 · 128
- ファイルサイズ
- 85.5 KB
- HTTP
- 301 → 200
- Content-Type
- image/x-icon
- キャッシュ
- 12か月
アイコンのURLがリダイレクトされます。アイコンのリダイレクトをたどらないクローラーやRSSリーダーもあるため、最終的なURLでファイルを配信してください。
ICO
警告<link rel="icon" type="image/x-icon" media="(prefers-color-scheme: light)" href="https://static1.squarespace.com/static/5134cbefe4b0c6fb04df8065/t/5be0b4d96d2a73f0ce4f95ff/favicon.ico">
- 宣言値
- サイズ指定なし
- 実際の値
- 16 · 24 · 32 · 48 · 128
- 形式
- ICO
- ファイルサイズ
- 85.5 KB
- HTTP
- 301 → 200
- Content-Type
- image/x-icon
アイコンのURLがリダイレクトされます。アイコンのリダイレクトをたどらないクローラーやRSSリーダーもあるため、最終的なURLでファイルを配信してください。
WebP
警告<link rel="icon" type="image/x-icon" media="(prefers-color-scheme: dark)" href="https://static1.squarespace.com/static/5134cbefe4b0c6fb04df8065/t/6553aa5af16e670f2674a81d/favicon.ico">
- 宣言値
- サイズ指定なし
- 実際の値
- 300×300
- 形式
- WebP
- ファイルサイズ
- 2.8 KB
- HTTP
- 301 → 200
- Content-Type
- image/webp
アイコンのURLがリダイレクトされます。アイコンのリダイレクトをたどらないクローラーやRSSリーダーもあるため、最終的なURLでファイルを配信してください。
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
警告 1件 · 任意 5件Apple touch icon 120×120
任意<link rel="apple-touch-icon" sizes="120x120" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-120.png">
- 宣言値
- 120×120
- 実際の値
- 120×120
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 4.4 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 152×152
任意<link rel="apple-touch-icon" sizes="152x152" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-152.png">
- 宣言値
- 152×152
- 実際の値
- 152×152
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 5.2 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 167×167
任意<link rel="apple-touch-icon" sizes="167x167" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-167.png">
- 宣言値
- 167×167
- 実際の値
- 167×167
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 5.5 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon
警告<link rel="apple-touch-icon" sizes="180x180" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-180.png">
- 宣言値
- 180×180
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 透過
- ファイルサイズ
- 6.1 KB
- HTTP
- 200
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
Apple touch icon 1024×1024
任意<link rel="apple-touch-icon" sizes="1024x1024" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-1024.png">
- 宣言値
- 1024×1024
- 実際の値
- 1024×1024
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 25.5 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 6件- 対応しているファイル形式PNG · apple-touch-icon-1024.png
- 正方形で8×8 px以上1024×1024
- 48×48 pxより大きい1024 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 1件 · 任意 3件- theme-colorwhite
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 6件 · 警告 1件- すべてのアイコンがHTTPS8件中8件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダー8件中8件 · 1日以上
- アイコンの合計容量220.5 KB
- リダイレクト/favicon.ico → https://images.squarespace-cdn.com/content/5134cbefe4b0c6fb04df8065/1541453017272-VW5DX9K6F21C7VZZTZYR/sqsp-favicon.ico?format=50w&content-type=image%2Fx-icon3
- 重複するタグなし
<head>内のアイコンタグ
<link rel="icon" type="image/x-icon" media="(prefers-color-scheme: light)" href="https://static1.squarespace.com/static/5134cbefe4b0c6fb04df8065/t/5be0b4d96d2a73f0ce4f95ff/favicon.ico"> <link rel="icon" type="image/x-icon" media="(prefers-color-scheme: dark)" href="https://static1.squarespace.com/static/5134cbefe4b0c6fb04df8065/t/6553aa5af16e670f2674a81d/favicon.ico"> <link rel="apple-touch-icon" sizes="120x120" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-120.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-152.png"> <link rel="apple-touch-icon" sizes="167x167" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-167.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-180.png"> <link rel="apple-touch-icon" sizes="1024x1024" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-1024.png"> <meta name="theme-color" content="white">
squarespace.comのファビコンに関するQ&A
squarespace.comのファビコンはどこにありますか?
メインのファビコンはhttps://static1.squarespace.com/static/5134cbefe4b0c6fb04df8065/t/5be0b4d96d2a73f0ce4f95ff/favicon.icoにあります。既定のパスhttps://www.squarespace.com/favicon.icoからもアイコンが返されます。
squarespace.comのファビコンのサイズは?
favicon.icoは16, 24, 32, 48, 128 pxです。サイト内で最も大きいラスターアイコンはapple-touch-icon-1024.pngで、1024×1024 pxです。
Google検索でsquarespace.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。apple-touch-icon-1024.pngは1024×1024のPNGファイル(25.5 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
squarespace.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180ですが、透過部分があり、iOSでは黒になります。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。