Squarespace にファビコンを追加する方法
Squarespace はファビコンを Browser Icon (場合によっては Site Icon) と呼びます。 Design 設定から正方形の PNG をアップロードすると、Squarespace によって適切な <link> タグが挿入されます。標準プランではコードは必要ありません。
Quick answer
To add a favicon in Squarespace, go to Design → Site Styles → Browser Icon, upload a square 512×512 PNG, save, and publish — use the Favicon Generator to create the file and the Favicon Checker to verify it loads on your live domain.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Squarespace ダッシュボードを開き、Design → Site Styles → Browser Icon (一部のバージョンでは: Settings → Website → Browser Icon) に移動します。正方形 PNG をアップロードします — Squarespace は最小 100×100 を受け入れますが、ダウンスケーリング後に 512×512 が最も鮮明な結果をもたらします。
Favicon Generator を使用してロゴから正方形の PNG をエクスポートし、それを Browser Icon パネルにアップロードします。 Squarespace は、CDN からすべてのページにアイコンを自動的に提供します。
保存後、サイトを公開または更新し、プライベート ウィンドウでライブ ドメインを開きます。ブラウザはファビコンを大量にキャッシュします。古いアイコンがまだ表示される場合は、ハード更新するか、ファビコン URL に ?v=2 を 1 回追加します。
Squarespace ファビコンが表示されない場合は、Favicon Checker 経由でライブ URL を実行し、Browser Icon パスが 200 を返すことを確認します。ファビコンが表示されないトラブルシューティング ガイドでは、Squarespace サイトにも影響するキャッシュ、CDN、およびパスの問題について説明しています。
Google Search には、ホームページからリンクされた少なくとも 48×48 のクロール可能なアイコンが必要です。タブアイコンが機能しているにもかかわらず、Google に空白または古いファビコンが表示される場合は、Google ファビコン要件ガイドを参照してください。
Squarespace は、Browser Icon フィールドでの .ico アップロードを受け入れません。PNG を使用してください。ドメイン ルートに別の favicon.ico がある場合は、カスタム コードまたは外部リダイレクトを含むビジネス プランが必要です。
使い方
- 1
Create a square PNG
Export 512×512 from your logo with the Favicon Generator.
- 2
Browser Iconをアップロードする
Design → Site Styles → Browser Icon → アップロードして保存します。
- 3
公開して検証する
ライブ サイトをプライベート ウィンドウで開くか、Favicon Checker を実行してアイコンが読み込まれることを確認します。
今すぐ試す
Generate a Squarespace-ready favicon
ファビコンジェネレーターよくある質問
Squarespace にファビコンを追加するにはどうすればよいですか?+
Design→Site Styles→Browser Iconと進み、正方形のPNG（512×512推奨）をアップロードし、保存して公開します。 Squarespace は <link rel="icon"> タグを追加します。
Squarespace ファビコンのサイズはどれくらいにすべきですか?+
Squarespace は 100×100 までの小さい画像を受け入れますが、鮮明なタブ、ブックマーク、および Google Search の資格を得るには 512×512 PNG をアップロードしてください。
Squarespace ファビコンが表示されないのはなぜですか?+
一般的な原因: 変更が公開されていない、ブラウザーのキャッシュ、またはライブ ドメインではなくステージング プレビューを表示している。ハードリフレッシュするか、シークレット ウィンドウでテストします。
Squarespaceのファビコン設定はどこにありますか？+
Design→Site Styles→Browser Icon。古いダッシュボードでは、Settings → Website → Browser Icon または Site Icon の下に表示される場合があります。
ICOファイルをSquarespaceで使用できますか?+
組み込みの Browser Icon アップローダーの場合はいいえ、PNG を使用します。 ICO は、対象となるプランでのカスタム コード インジェクションでのみ可能です。