Was ist ein Favicon?

Das Favicon ist das kleine Zeichen, das eine Website vertritt: im Reiter des Browsers, in den Lesezeichen, neben dem Title des Treffers und seit Jahren auch neben dem Treffer auf dem Mobilgerät. Es ist die kleinste Marke, die eine Website hat, und die am häufigsten gesehene.

Technisch ist es ein Bild, das über ein link-Element im Kopfbereich erklärt wird. Google akzeptiert mehrere Werte für das Attribut rel und mehrere Formate; verlangt wird, dass das Bild quadratisch ist und seine Adresse stabil bleibt.

Das Mindestmaß beträgt acht Pixel Kantenlänge, wobei die Dokumentation selbst mehr als achtundvierzig empfiehlt, damit es auf verschiedenen Oberflächen gut aussieht. Der Unterschied zwischen diesen beiden Zahlen ist keine Kleinigkeit: die eine ist das technische Minimum, die andere der praktische Rat.

Der Name kommt von „favorites icon“ und aus einer Zeit, in der es nur der Lesezeichenliste eines Browsers diente. Heute erscheint es im Reiter, im Verlauf, auf dem Startbildschirm eines Telefons, wenn jemand die Website als Verknüpfung ablegt, und neben dem Suchergebnis. Der Gebrauch wuchs; die Datei blieb dieselbe.

Es gehört vom Open Graph unterschieden, das die Vorschau beim Teilen regelt, und von anderen Symbolen, die ähnlich erklärt werden und nicht dasselbe sind: Das, was ein Telefon beim Ablegen auf dem Startbildschirm verwendet, ist meist größer und wird gesondert angegeben. Beides zu verwechseln lässt eines von beiden undefiniert — und das fehlende ist immer das an der Stelle, an der man nicht nachsieht.

Hier steht, was kaum jemand weiß und viele Diskussionen erklärt: Googles Dokumentation hält fest, dass nur ein Favicon je Website unterstützt wird — und dass Website über den Hostnamen bestimmt ist.

Daraus folgt alles Weitere. Zwei verschiedene Subdomains — mit eigener Adressauflösung — dürfen verschiedene Zeichen führen, denn es sind zwei Hostnamen. Ein Unterverzeichnis desselben Hosts dagegen nicht: Es erbt das der Website, und es gibt keine Möglichkeit, ihm ein anderes zu geben.

Die praktische Folge zeigt sich beim Planen der Struktur. Soll ein Shop in den Ergebnissen eigenständig auftreten, sind Domain und Subdomain nicht gegen ein Unterverzeichnis austauschbar — und diese Entscheidung fällt lange, bevor jemand an das Zeichen denkt.

Ein Zwischenfall überrascht regelmäßig: Websites mit dem Auftritt auf einer Subdomain und dem Shop auf einer anderen teilen die Marke, aber nicht das Zeichen — und das kann Absicht sein oder Versehen. Ist es Absicht, sollten beide Zeichen als aus demselben Haus erkennbar sein; ist es Versehen, ist meist eines von beiden nicht erklärt, und es erscheint das allgemeine Ersatzsymbol.

Und eine Folge fürs internationale SEO: Liegen die Länderfassungen auf Subdomains, darf jede ihr eigenes führen. Dass sie verschieden sind, ergibt selten Sinn; nachzusehen, ob beim Aufbau der Struktur keine ohne Angabe blieb, schon.

Erklärt wird es im Kopfbereich der Startseite, neben den übrigen Meta-Angaben. Nicht auf jeder Seite: Google liest die Favicon-Angabe auf der Startseite des Hosts — ein nur auf einer Unterseite erklärtes Zeichen kommt also nirgends an.

Die Datei dagegen darf liegen, wo man will. Die Dokumentation hält ausdrücklich fest, dass die Adresse nicht auf der eigenen Website liegen muss, und nennt als Beispiel ein CDN — mit relativem oder absolutem Pfad.

Was sie nicht darf, ist gesperrt sein. Verhindert die robots.txt den Zugriff auf den Pfad des Zeichens, kann der Crawler es nicht holen, und das Ergebnis ist von einer fehlenden Angabe nicht zu unterscheiden.

Ein Umsetzungsdetail erspart Überraschungen: Stehen mehrere Symbol-link-Elemente im selben Kopfbereich — geerbt aus verschiedenen Vorlagen, aus einem Modul und aus dem Theme —, ist unklar, welches gewinnt. Vernünftig ist, eines stehen zu lassen und die übrigen zu löschen, wie bei jedem doppelten Meta-Tag.

Und eine Prüfung, die eine Minute dauert: Fordere die Startseite so an, wie es ein Crawler täte, und suche das link-Element im ausgelieferten HTML, nicht im Browser-Inspektor. Wird der Kopfbereich per Code zusammengesetzt, kann es am Bildschirm tadellos stehen und in der Antwort fehlen — dasselbe Problem wie bei jeder Angabe in JavaScript.

Eine Änderung zeigt sich nicht am nächsten Tag — wie bei jedem Signal der Indexierung. Google muss die Startseite erneut crawlen und die Angabe verarbeiten, und die Dokumentation beziffert das auf mehrere Tage bis mehrere Wochen — je nachdem, wie oft die Systeme die Seite auffrischen wollen.

Man kann die Indexierung der Startseite mit der URL-Prüfung der Search Console anfragen, um es zu beschleunigen; anfragen ist aber nicht bekommen: Es hängt weiter am Crawler.

Und es gibt einen ausdrücklichen Vorbehalt, den man dem Auftraggeber wiederholen sollte: Alle Vorgaben einzuhalten sichert nicht zu, dass das Zeichen erscheint. Google schließt außerdem aus, was es für unangemessen hält, und dagegen gibt es kein Mittel.

Außerdem gehört es als das behandelt, was es in den Ergebnissen ist: eine Markenentscheidung mit messbaren Folgen. In einer Trefferliste auf dem Mobilgerät unterscheidet das Zeichen einen Eintrag vom nächsten, bevor jemand den Titel liest — und das wirkt auf die Klickrate, ohne eine einzige Position zu verändern.

Und eine Anmerkung zum Kontrast: Das Zeichen erscheint je nach Geräteeinstellung auf hellem oder dunklem Grund. Ein schwarzes Symbol auf Transparenz verschwindet im dunklen Modus, und diesen Fall erkennt kein Werkzeug; man sieht ihn sich auf einem Telefon in beiden Einstellungen an, wie jede Einzelheit der Nutzererfahrung.

Der erste ist, die Adresse der Datei bei jedem Umbau zu ändern. Die Dokumentation verlangt ausdrücklich eine stabile URL; jede Änderung setzt die Wartezeit zurück, und in den Ergebnissen kann derweil weiter das alte Zeichen erscheinen.

Der zweite ist ein zu detailliertes Zeichen. Was in den Ergebnissen erscheint, ist winzig, ein vollständiges Logo mit Schriftzug wird in der SERP zum Fleck; besser wirkt ein einfaches Symbol oder ein einzelner Buchstabe mit ausreichendem Kontrast.

Und der dritte ist, es in der Artikelvorlage zu erklären, aber nicht auf der Startseite — was meist erst passiert, wenn jemand die Vorlagen des CMS von Hand anfasst. Ein lautloser Fehler: Im Browser sieht man es auf allen Seiten einwandfrei, auch auf dem Mobilgerät — und ausgerechnet die eine, die Google dafür ansieht, hat es nicht.

Ein vierter Fehler, typisch für Migrationen: den Host wechseln und annehmen, das Zeichen ziehe mit. Es zieht nicht mit. Beim Wechsel von einer Subdomain zur anderen oder von einer Domain zur nächsten beginnt der neue Host ohne bekanntes Favicon, und bis Google seine Startseite verarbeitet hat, erscheint das Ersatzsymbol — bei einwandfrei arbeitender Weiterleitung.

Und der letzte: es erklären und nie wieder nachsehen. Eine bei einem Aufräumen gelöschte Datei, ein Pfad, der den Ordner wechselte, oder ein neu eingerichtetes CDN lassen den Verweis ins Leere zeigen — und im eigenen Browser sieht man das zwischengespeicherte Zeichen noch wochenlang. Es gehört zu den wenigen Elementen, die man von außen prüfen muss, um zu wissen, ob es sie gibt.