Damit Sie es gleich wissen: Ein Favicon ist das kleine Symbol im Browser-Tab, neben dem Seitentitel. Es steht auch in den Lesezeichen, auf dem Startbildschirm des Handys und seit einiger Zeit neben Ihrem Eintrag in den Google-Suchergebnissen. Es fehlt so oft, weil es beim Bau der Website niemand auf der Liste hatte und weil man das Fehlen nicht sofort sieht. Dabei ist es in zehn Minuten eingerichtet und einer der Punkte, an denen Professionalität hängt, ohne dass jemand darüber nachdenkt.
Schauen Sie einmal auf Ihre offenen Browser-Tabs. Die meisten haben ein kleines Symbol. Manche haben ein graues Standard-Icon oder einen leeren Kreis. Diese Seiten wirken unfertig, auch wenn der Rest stimmt. Bei Websites, die wir in unserem Webdesign übernehmen, fehlt das Favicon erstaunlich häufig, oder es ist noch das des Themes, ein kleines W oder ein Platzhalter-Logo eines fremden Anbieters.
Wo das Favicon überall auftaucht
Im Browser-Tab, das ist der bekannteste Ort. In der Lesezeichenleiste und im Verlauf. Auf dem Startbildschirm, wenn jemand Ihre Seite am Handy als Verknüpfung ablegt. In Google: Bei mobilen Suchergebnissen steht das Favicon neben dem Seitennamen, und auch am Desktop zeigt Google es inzwischen an. Das heißt: Wer kein Favicon hat, steht in den Suchergebnissen mit einem grauen Weltkugel-Symbol neben Mitbewerbern mit Logo. In Messenger-Vorschauen, in manchen E-Mail-Programmen, in Lesezeichen-Apps. Kurz, überall dort, wo eine Website als kleines Bild vertreten ist.
Warum es so oft fehlt
Weil es bei der Erstellung nicht auffällt. Der Designer schaut auf die große Seite, der Kunde auch. Das Tab-Symbol ist winzig und wird beim Abnehmen übersehen. Bei Baukästen und Themes ist zudem ein Standard-Icon voreingestellt, das erst ersetzt werden muss. Und wer nicht weiß, dass es Google anzeigt, hält es für Kosmetik.
Was ein gutes Favicon ausmacht
Es ist einfach. Ein Logo mit Schriftzug wird auf sechzehn Pixeln zu Matsch. Gut funktioniert ein einzelnes Zeichen, ein Buchstabe oder das Bildelement des Logos ohne Text. Es hat Kontrast, damit es auf hellem und dunklem Tab-Hintergrund erkennbar bleibt. Es ist quadratisch. Und es passt zur Marke, also dieselbe Farbe, dieselbe Form wie im Logo. Wer ein komplexes Logo hat, braucht eine vereinfachte Variante nur für diesen Zweck. Das ist eine Stunde Arbeit für einen Grafiker und lohnt sich.
Welche Formate und Größen
Früher reichte eine winzige ICO-Datei. Heute brauchen verschiedene Geräte verschiedene Größen. Dazu gehören das klassische Tab-Symbol, ein größeres für Android und iOS auf dem Startbildschirm und eines für Windows-Kacheln. Für die Suchergebnisse empfiehlt Google mindestens 48 mal 48 Pixel, besser ein Vielfaches davon. WordPress löst das seit Jahren elegant. Unter Design, Customizer, Website-Identität laden Sie ein Bild von mindestens 512 mal 512 Pixeln hoch. Alle nötigen Varianten erzeugt WordPress selbst. Zehn Minuten, fertig.
Die häufigsten Fehler
Das Theme-Icon ist noch drin. Das volle Logo mit Schriftzug wurde hochgeladen und ist unlesbar. Das Icon ist nicht quadratisch und wird verzerrt. Es hat einen weißen Hintergrund und wirkt auf dunklen Tabs wie ein Fleck. Oder es wurde einmal gesetzt und nach dem Logo-Redesign vergessen, so dass Tab und Website zwei verschiedene Marken zeigen.
Was das mit Vertrauen zu tun hat
Niemand entscheidet sich wegen des Favicons für einen Anbieter. Aber viele kleine Signale zusammen entscheiden, ob eine Website gepflegt wirkt oder verlassen. Das Favicon gehört zu diesen Signalen, genau wie ein aktuelles Copyright-Jahr, funktionierende Links und ein Beitrag, der nicht von 2019 ist. Wer die Kleinigkeiten im Griff hat, dem traut man auch die großen zu.
Was wir Ihnen mitgeben
Öffnen Sie Ihre Website in einem neuen Tab und schauen Sie auf das Symbol. Dann suchen Sie Ihren Betrieb bei Google am Handy und schauen, was neben dem Namen steht. Wenn dort ein grauer Platzhalter ist, wissen Sie, was zu tun ist. Wenn Sie kein passendes Icon haben, ist das eine kleine Aufgabe, die wir gern mit übernehmen. Im kostenlosen Erstgespräch gehen wir solche Details ohnehin mit durch.
Häufige Fragen zum Favicon
Kann ich einfach mein Logo als Favicon nehmen?
Wenn das Logo ein einfaches Bildzeichen hat, ja. Ein Logo mit Schriftzug wird in Tab-Größe unlesbar. Dann braucht es eine vereinfachte Variante, meist das Bildelement oder der Anfangsbuchstabe.
Wie lange dauert es, bis Google das Favicon anzeigt?
Google muss die Startseite neu crawlen und das Icon prüfen. Das dauert Tage bis Wochen. Das Icon muss dabei die Anforderungen erfüllen: quadratisch, mindestens 48 Pixel, von der Startseite verlinkt, ohne störende Inhalte.
Brauche ich für das Handy ein eigenes Icon?
Wenn Sie in WordPress ein Bild mit mindestens 512 mal 512 Pixeln als Website-Icon setzen, erzeugt WordPress die Varianten für Handy-Startbildschirme automatisch. Ein separates Icon ist nur bei besonderen Anforderungen nötig.
