ファビコンチェッカー
ウェブサイトに必要なファビコンサイズ(16x16、32x32、180x180 Apple Touch、ウェブマニフェスト)があるかチェックします。各アイコンURLに到達可能であることを確認します。グレードはA-Fで表示されます。
ファビコンチェッカーの使い方
- 1ウェブサイトのURLを入力します。
- 2ツールはHTMLを取得し、すべてのファビコンリンクタグとウェブマニフェストを見つけます。
- 3各ファビコンURLはHEADリクエスト経由での到達可能性がチェックされます。
- 4欠落しているサイズをレビューし、完全なファビコン設定の推奨事項を取得します。
Zenovayアナリティクス
関連ツール
メタタグアナライザー
任意のウェブページのメタタグを分析します。タイトル、説明、Open Graph、Twitterカードをチェックし、SEO推奨事項を取得します。Open Graphチェッカー
FacebookやTwitter、LinkedInで共有されたときにページがどのように見えるかプレビューします。すべてのOGおよびTwitter Cardタグをチェックします。HTTPヘッダーチェッカー
任意のURLのHTTP応答ヘッダーを検査します。セキュリティヘッダー、キャッシング、コンテンツタイプなどを確認できます。Robots.txt バリデーター
あなたのrobots.txtファイルを検証して分析します。ルール、サイトマップ、および一般的なクロール問題を確認してください。よくある質問
ブラウザが必要なファビコンサイズは?▾
16x16はブラウザタブとブックマークで使用されます。32x32はWindowsタスクバーと高DPIタブで使用されます。48x48はWindowsデスクトップショートカットで使用されます。180x180(Apple Touch Icon)はiOS/macOSユーザーがホーム画面にサイトを追加するときに使用されます。Webアプリマニフェストアイコン(192x192および512x512)はAndroidホーム画面とPWAスプラッシュスクリーンで使用されます。
Webアプリマニフェストとは何ですか?▾
Webアプリマニフェスト(site.webmanifestまたはmanifest.json)は、PWA(Progressive Web App)としてインストールされた場合にサイトをどのように表示するかをブラウザに伝えるJSONファイルです。アイコン、アプリ名、テーマカラー、および表示モードが含まれます。マニフェストなしでは、ユーザーはモバイルデバイスにサイトをスタンドアロンアプリとしてインストールできません。
なぜApple Touch Iconが重要ですか?▾
iOSまたはmacOSユーザーが「ホーム画面に追加」をタップすると、Safariはapple-touch-iconをデバイス上のアプリアイコンとして使用します。ないと、iOSはページのスクリーンショットをアイコンとして作成し、プロフェッショナルに見えません。推奨されるサイズは180x180ピクセルです。ドロップシャドウまたは角を丸める必要はありません。iOSが自動的に適用します。
すべてのファビコンを別々の画像ファイルにする必要がありますか?▾
<link rel="icon" type="image/svg+xml" href="/favicon.svg">を使用して、任意のサイズに完璧にスケーリングするシングルSVGファビコンを配信できます。SVGファビコンはChrome 80以上、Firefox 41以上、Safari 9以上で機能します。古いブラウザの場合、/favicon.icoフォールバックを保持してください。完全な最新のファビコンセットアップはfavicon.ico、favicon.svg、16x16 PNG、32x32 PNG、および180x180 apple-touch-icon.pngを使用します。
ファビコンパスでのStreisand効果とは何ですか?▾
非標準ファビコンパス(/brand/assets/icons/favicon-v3.pngなど)をHTMLで公開することはセキュリティリスクではありませんが、内部のバージョン管理またはブランディング構造を明かします。従来のパス(/favicon.ico、/apple-touch-icon.png)からファビコンを配信して、内部情報の露出を避けてください。