So fügen Sie ein Favicon in Squarespace hinzu
Squarespace nennt das Favicon ein Browser Icon (manchmal Site Icon). Laden Sie ein quadratisches PNG aus den Design-Einstellungen hoch und Squarespace fügt die richtigen <link>-Tags ein – bei Standardplänen ist kein Code erforderlich.
Kurzantwort
Um ein Favicon in Squarespace hinzuzufügen, gehen Sie zu Design → Website-Stile → Browser-Symbol, laden Sie ein quadratisches 512×512 PNG hoch, speichern und veröffentlichen — nutzen Sie den Favicon-Generator und -Checker zur Kontrolle.
Favicons auf jeder Website prüfen
Installieren Sie die FetchFavicon Chrome-Erweiterung, um Favicons sofort zu extrahieren, vorzuschauen und zu validieren.
Öffnen Sie Ihr Squarespace-Dashboard und gehen Sie zu Design → Site Styles → Browser Icon (in einigen Versionen: Settings → Website → Browser Icon). Laden Sie ein Quadrat hoch: PNG – Squarespace akzeptiert mindestens 100×100, aber 512×512 liefert nach dem Herunterskalieren das schärfste Ergebnis.
Verwenden Sie Favicon Generator, um ein quadratisches PNG aus Ihrem Logo zu exportieren, und laden Sie es dann in das Browser Icon-Bedienfeld hoch. Squarespace stellt das Symbol aus seinem CDN automatisch auf jeder Seite bereit.
Nach dem Speichern veröffentlichen oder aktualisieren Sie Ihre Website und öffnen Sie Ihre Live-Domain in einem privaten Fenster. Browser speichern Favicons stark im Cache – wenn Sie immer noch das alte Symbol sehen, leeren Sie den Cache und laden Sie die Seite neu (Strg+F5) oder hängen Sie ?v=2 einmal an die Favicon-URL an.
Wenn Ihr Squarespace-Favicon nicht angezeigt wird, führen Sie Ihre Live-URL über Favicon Checker aus, um zu bestätigen, dass der Browser Icon-Pfad 200 zurückgibt. Unsere Anleitung zur Fehlerbehebung bei nicht angezeigtem Favicon behandelt Cache-, CDN- und Pfadprobleme, die auch Squarespace-Sites betreffen.
Google Search benötigt ein crawlbares Symbol von mindestens 48×48, das von Ihrer Homepage aus verlinkt ist. Sehen Sie sich unseren Leitfaden zu den Google-Favicon-Anforderungen an, wenn Ihr Tab-Symbol funktioniert, Google aber immer noch ein leeres oder veraltetes Favicon anzeigt.
Squarespace akzeptiert keine .ico-Uploads im Feld Browser Icon – verwenden Sie PNG. Für ein separates favicon.ico in Ihrem Domain-Stamm benötigen Sie einen Business-Plan mit benutzerdefiniertem Code oder einer externen Weiterleitung.
So funktioniert es
- 1
Create a square PNG
Export 512×512 from your logo with the Favicon Generator.
- 2
Laden Sie Browser Icon hoch
Design → Site Styles → Browser Icon → hochladen und speichern.
- 3
Veröffentlichen und überprüfen
Öffnen Sie Ihre Live-Site in einem privaten Fenster oder führen Sie Favicon Checker aus, um zu bestätigen, dass das Symbol geladen wird.
Jetzt ausprobieren
Generate a Squarespace-ready favicon
Favicon-GeneratorFAQ
Wie füge ich ein Favicon in Squarespace hinzu?+
Gehen Sie zu Design → Site Styles → Browser Icon, laden Sie ein Quadrat PNG (512×512 empfohlen) hoch, speichern Sie es und veröffentlichen Sie es. Squarespace fügt die <link rel="icon">-Tags für Sie hinzu.
Welche Größe sollte ein Squarespace-Favicon haben?+
Squarespace akzeptiert Bilder mit einer Größe von nur 100 x 100, laden Sie jedoch 512 x 512 PNG hoch, um gestochen scharfe Tabs, Lesezeichen und die Google Search-Berechtigung zu erhalten.
Warum wird mein Squarespace-Favicon nicht angezeigt?+
Häufige Ursachen: nicht veröffentlichte Änderungen, Browser-Cache oder Anzeige einer Staging-Vorschau anstelle der Live-Domain. Hard-Refresh oder Test in einem Inkognito-Fenster.
Wo ist die Favicon-Einstellung in Squarespace?+
Design → Site Styles → Browser Icon. Auf älteren Dashboards erscheint es möglicherweise unter Settings → Website → Browser Icon oder Site Icon.
Kann ich eine ICO-Datei in Squarespace verwenden?+
Nein für den integrierten Browser Icon-Uploader – verwenden Sie PNG. ICO ist nur mit benutzerdefinierter Code-Injektion bei berechtigten Plänen möglich.