Favicon

Silktide prüft, dass jede Seite Ihrer Website ein Favicon hat – das kleine Symbol, das Browser für Ihre Website in Tabs, Lesezeichen und auf Startbildschirmen von Smartphones anzeigen.

Ein wird normalerweise mit einem <link>-Tag in der jeder Seite deklariert:

<!-- Im <head> der Seite -->
<link rel="icon" type="image/png" href="/icons/favicon.png">

Browser greifen außerdem auf eine favicon.ico-Datei im Websitestammverzeichnis zurück, wenn kein Tag vorhanden ist. Daher erfüllt jede der beiden Methoden diese Prüfung.

Warum das wichtig ist

Ohne Favicon erscheint Ihre Website als leeres oder generisches Platzhalter-Symbol in Browser-Tabs und Lesezeichen. Das erschwert es Besuchern, Sie zwischen ihren offenen Tabs zu finden, und lässt sich in Lesezeichenlisten leicht übersehen. Ein fehlendes Favicon wirkt außerdem unfertig, und Browser fordern \/favicon.ico ohnehin an, was Ihre Serverprotokolle mit vermeidbaren Fehlermeldungen füllt.

Da Favicons üblicherweise seitenweit in einer Vorlage gesetzt werden, deutet ein fehlendes häufig auf Seiten hin, die außerhalb Ihrer Hauptvorlage erstellt wurden – was an sich schon wissenswert ist.

So beheben Sie das

Erstellen Sie Ihr Symbol. Ein 32x32 Pixel großes PNG ist ein gutes Minimum; ein SVG oder mehrere PNG-Größen ermöglichen es jedem Gerät, die schärfste passende Variante zu wählen.
Fügen Sie Ihrer Website-Vorlage ein <link rel="icon">-Tag hinzu, sodass es auf jeder Seite erscheint. Die meisten -Plattformen haben eine Einstellung für Favicon oder "Website-Symbol", die das für Sie übernimmt.
Alternativ (oder zusätzlich) laden Sie das Symbol als favicon.ico in das Stammverzeichnis Ihrer Website hoch, sodass es unter https:\/\/yoursite.com\/favicon.ico ausgeliefert wird.

So prüft Silktide dies

Auf jeder HTML-Seite wird im Kopfbereich nach <link>-Tags gesucht, deren rel- Attribut icon enthält und die auf ein herunterladbares Bild verweisen.
Wenn keine gefunden werden, wird der konventionelle Rückfallort \/favicon.ico im Websitestammverzeichnis ausprobiert und geprüft, ob dort ein gültiges Bild zurückgegeben wird.
Es wird jede Seite gemeldet, auf der beides kein Favicon ergibt, und der Prozentsatz Ihrer Seiten, die eines haben, wird im Zeitverlauf verfolgt.

Fehlerbehebung

Meine Website hat ein Favicon, aber einige Seiten werden gekennzeichnet

Der Favicon-<link>-Tag muss auf jeder Seite vorhanden sein. Seiten, die außerhalb Ihrer Hauptvorlage – Fehlerseiten, Landingpages, eingebettete Apps – generiert werden, enthalten ihn häufig nicht. Eine favicon.ico-Datei im Websitestammverzeichnis deckt alle Seiten auf einmal ab; sie hinzuzufügen ist daher die schnellste pauschale Lösung.

Der Tag ist vorhanden, aber die Prüfung schlägt trotzdem fehl

Prüfen Sie, ob die Adresse des Symbols tatsächlich ein Bild zurückgibt: Ein Favicon-Tag, das auf eine verschobene oder gelöschte Datei zeigt, fällt bei der Prüfung genauso durch wie ein fehlender Tag.