Favicon ToolsPrüfenErstellen
WordPress · Not showing

WordPress-Favicon wird nicht angezeigt? So behebst du es

WordPress liefert ein Favicon nicht aus einer Datei aus, die du ins Theme legst. Es gibt die Icon-Tags aus einer einzigen Website-Icon-Einstellung aus, und ein leerer Tab bedeutet fast immer, dass diese Einstellung nie angewendet wurde oder ein Theme dagegen arbeitet.

Die Website-Icon-Einstellung steuert das Favicon

Legst du ein Bild als Website-Icon fest, beschneidet der Core es, erzeugt die Größen und gibt das Icon-Markup auf jeder Frontend-Seite aus. Kein Plugin, keine Link-Tags von Hand. Setzt du nie eines, wird nichts ausgegeben und der Tab bleibt leer.

Die Einstellung versteckt sich je nach Theme an verschiedenen Stellen. Bei einem klassischen Theme unter Design, dann Anpassen, dann Website-Informationen. Block-Themes verzichten auf den Customizer, dann wandert sie in den Website-Editor oder die allgemeinen Einstellungen. Im Admin nach "Website-Icon" zu suchen ist schneller, als sich durch Menüs zu klicken.

Bring das Icon zur Ausgabe

  1. 1

    Setze das Website-Icon mit 512×512 oder größer

    WordPress lehnt kleinere Bilder ab, weil die größte Größe, die es erzeugt, größer als ein Tab-Icon ist. Beschneide auf das Quadrat, das du willst. Nichts nahe den Rändern überlebt.

  2. 2

    Öffne den Quelltext und finde den cropped--Link

    Eine korrekte Einrichtung gibt einen Link aus, dessen Dateiname mit cropped- beginnt. Ist dieses Tag vorhanden, ist das Icon gesetzt und jeder leere Tab ist ein Cache; fehlt es, wurde die Einstellung nicht übernommen.

  3. 3

    Prüfe, ob das Theme es nicht überschreibt

    Ein Theme, das sein eigenes Icon-Tag fest verdrahtet, arbeitet gegen den Core. Erscheint das falsche Icon, zähle die rel=icon-Tags im Quelltext. Der Browser nimmt das letzte, das er versteht.

WordPress-Favicon wird nicht angezeigt: FAQ

Warum wird mein WordPress-Favicon nicht angezeigt?

Das Website-Icon ist mit ziemlicher Sicherheit nicht gesetzt oder ein Theme überschreibt es. Öffne den Quelltext: Gibt es keinen Link mit einem cropped--Dateinamen, setze das Website-Icon unter Website-Informationen. Gibt es einen, aber das falsche Icon erscheint, fügt ein Theme oder Plugin ein konkurrierendes Tag ein.

Wo stelle ich das WordPress-Favicon ein?

Design → Anpassen → Website-Informationen bei einem klassischen Theme; der Website-Editor oder die allgemeinen Einstellungen bei einem Block-Theme. Die Suche im Admin nach "Website-Icon" bringt dich direkt dorthin. Lade ein quadratisches Bild von mindestens 512×512 hoch.

Funktioniert das Hochladen von favicon.ico in mein Theme?

Nein. Theme-Dateien werden nicht am Domain-Stamm ausgeliefert, eine favicon.ico im Theme-Ordner ist also unter /favicon.ico nicht erreichbar und verschwindet beim nächsten Theme-Update. Nutze stattdessen die Website-Icon-Einstellung.

Keep going