Repräsentiere deine Marke mit einem benutzerdefinierten Favicon.

Ein Favicon oder Browser-Symbol ist ein kleines quadratisches Bild, das neben dem Titel einer Seite in Browser-Tabs und an anderen Stellen im Internet angezeigt wird. Das Hinzufügen eines benutzerdefinierten Favicons sorgt dafür, dass deine Website in einem Browser voller Tabs oder Lesezeichen gut erkennbar bleibt.

Video ansehen

Ein Favicon hinzufügen

So fügst du ein Favicon hinzu:

1. Öffne das Favicon-Menü.
2. Ziehe dein Bild in den Bild-Uploader oder klicke auf den Uploader, um eine Datei von deinem Computer auszuwählen.
3. Optional: Füge eine alternative Version deines Favicons hinzu, die angezeigt wird, wenn Besucher deine Website im Dunkelmodus ansehen. Es ist nicht möglich, ein Favicon für den Dunkelmodus hinzuzufügen, ohne davor ein Standard-Favicon hinzuzufügen. 
4. Nachdem du deine Bilder hochgeladen hast, klicke auf Speichern.

Best Practices für das Favicon-Design

Befolge diese Best Practices beim Entwerfen und Formatieren deines Favicons:

• Bildauflösung – Obwohl sie mit 16 x 16 Pixeln angezeigt werden, funktionieren Favicons in allen Browsern am besten, wenn sie zwischen 100 x 100 Pixel und 300 x 300 Pixel hochgeladen werden.
• Dateiformat – Wir empfehlen .png- Dateien. Es ist nicht möglich, eine .icon- Datei hochzuladen.
• Dateigröße – Favicon-Bilddateien dürfen nicht größer als 100 KB sein.

Wie Favicons angezeigt werden

Im Allgemeinen werden Favicons in Browser-Tabs angezeigt, aber sie können je nach Browser oder Gerät unterschiedlich angezeigt werden:

• In Safari wird das Favicon angezeigt, wenn du auf die Adressleiste klickst oder mehrere Browser-Tabs öffnest.
• Safari kann dein Favicon mit einem Rand oder einer Hintergrundfarbe anzeigen, um einen besseren Kontrast zu gewährleisten. Dies kann je nach Helligkeit und Farbe deines Favicon sowohl im hellen als auch im dunklen Modus passieren.
• Normalerweise wird das Favicon in mobilen Browsern nicht angezeigt.

Was passiert, wenn ich kein Favicon hinzufüge?

Alle Squarespace-Websites beginnen mit unserem Standard-Cube-Favicon. Wenn du kein eigenes Favicon hinzufügst, werden Personen, die das Symbol kennen, erkennen, dass du Teil der Squarespace-Community bist.

Warum wird mein Favicon nicht auf meiner Website angezeigt?

Wir empfehlen, deinen Browser-Cache zu leeren und deinen Browser neu zu starten, wenn dein Favicon nicht sofort aktualisiert wird. Browser können sehr hartnäckig an zwischengespeicherten Favicons festhalten.

Wie kann ich mein Favicon in Suchergebnissen anzeigen lassen?

Einige Suchmaschinen zeigen möglicherweise dein Favicon an, wenn deine Website in Suchergebnissen erscheint, aber unterschiedliche Suchmaschinen haben unterschiedliche Anforderungen. Google verlangt beispielsweise, dass dein Favicon ein Vielfaches von 48 px x 48 px ist, z. B. 48 px x 48 px, 96 px x 96 px, 144 px x 144 px und so weiter.

Um sicherzustellen, dass dein Favicon in Suchergebnissen angezeigt wird, sieh dir die Empfehlungen der Suchmaschine für die Favicon-Anzeige an und stelle dein Bild so ein, dass es diese Anforderungen erfüllt.

Kann ich Favicons mit mehreren Versionen hochladen?

Nein. Es ist derzeit nicht möglich, mehreren Versionen von Favicons zu verwenden. Um dein Favicon korrekt hochzuladen, entferne andere Versionen aus der Datei und lade eine einzelne Version des Bildes hoch.