grammarly.comのファビコン
- 15合格
- 1警告
- 4不足
- 5任意
grammarly.comのメインのファビコンはfavicon-32x32.pngで、32×32のPNGファイル(1.7 KB)です。アイコンファイルは3件見つかり、合計は17.5 KBです。Google検索ではfavicon.ico(16、32、48 pxの画像を含むICOファイル(15.0 KB))を使えます。サイトのスコアは100点満点中70点で、合格15件、警告1件、不足4件です。不足: favicon.ico、SVGファビコン、Apple touch iconほか1件。
表示イメージ
見つかったファイルから生成しています。
ないと、iOSはホーム画面にページのスクリーンショットか頭文字を使います。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
grammarly.comのファビコンファイル一覧
3件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 15.0 KB |
| favicon-16x16.png | rel="icon" | PNG | 16×16 | 736 B |
| favicon-32x32.png | rel="icon" | PNG | 32×32 | 1.7 KB |
従来のファビコン
合格 3件 · 不足 1件favicon.ico
不足GET /favicon.ico – 見つかりません
- HTTP
- 200
HTMLで別のアイコンを宣言していても、ブラウザー、RSSリーダー、多くのクローラーは/favicon.icoをリクエストします。このURLは画像を返していません。
ICO
合格<link rel="icon" type="image/x-icon" href="https://static-web.grammarly.com/cms/master/public/favicon.ico" data-next-head="">
- 宣言値
- サイズ指定なし
- 実際の値
- 16 · 32 · 48
- 形式
- ICO
- ファイルサイズ
- 15.0 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
PNG 16×16
合格<link rel="icon" type="image/png" sizes="16x16" href="https://static-web.grammarly.com/cms/master/public/favicon-16x16.png" data-next-head="">
- 宣言値
- 16×16
- 実際の値
- 16×16
- 形式
- PNG
- ファイルサイズ
- 736 B
- HTTP
- 200
- Content-Type
- image/png
PNG 32×32
合格<link rel="icon" type="image/png" sizes="32x32" href="https://static-web.grammarly.com/cms/master/public/favicon-32x32.png" data-next-head="">
- 宣言値
- 32×32
- 実際の値
- 32×32
- 形式
- PNG
- ファイルサイズ
- 1.7 KB
- HTTP
- 200
- Content-Type
- image/png
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
不足 1件 · 任意 1件Apple touch icon
不足<link rel="apple-touch-icon" href="…"> – 見つかりません
ないと、iOSはホーム画面にページのスクリーンショットか頭文字を使います。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 5件 · 警告 1件- 対応しているファイル形式ICO · 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日以上
- アイコンの合計容量17.5 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="icon" type="image/x-icon" href="https://static-web.grammarly.com/cms/master/public/favicon.ico" data-next-head=""> <link rel="icon" type="image/png" sizes="16x16" href="https://static-web.grammarly.com/cms/master/public/favicon-16x16.png" data-next-head=""> <link rel="icon" type="image/png" sizes="32x32" href="https://static-web.grammarly.com/cms/master/public/favicon-32x32.png" data-next-head="">
grammarly.comのファビコンに関するQ&A
grammarly.comのファビコンはどこにありますか?
メインのファビコンはhttps://static-web.grammarly.com/cms/master/public/favicon-32x32.pngにあります。
grammarly.comのファビコンのサイズは?
favicon-32x32.pngは32×32です。サイト内で最も大きいラスターアイコンはfavicon.icoで、48×48 pxです。
Google検索でgrammarly.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。favicon.icoは16、32、48 pxの画像を含むICOファイル(15.0 KB)で、robots.txtでも許可されています。Googleは48×48 pxより大きいサイズを推奨しているため、もっと大きいアイコンのほうが鮮明に表示されます。実際に何を表示するかはGoogleが判断します。
grammarly.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconがないため、iOSはページのスクリーンショットか頭文字を使います。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。