Favicon

Der Favicon (kurz für Favorites Icon) ist das kleine Symbol, das im Browser-Tab, in der Lesezeichenliste, auf dem Homescreen mobiler Geräte und in den Suchergebnissen erscheint. Für WordPress-Websites ist ein sauber eingerichteter Favicon ein kleines, aber wichtiges Branding-Element – und seit WordPress 4.3 direkt im Customizer einstellbar.

Favicon in WordPress einrichten

WordPress nutzt das Konzept des Site Icons. Einrichten: Darstellung → Customizer → Website-Identität → Website-Symbol. WordPress empfiehlt ein Quadrat mit mindestens 512 × 512 Pixeln. Das Bild sollte in der Mediathek hochgeladen werden. WordPress generiert daraus automatisch verschiedene Größen für Browser, Apple Touch Icons und Android-Homescreen-Symbole.

Favicon-Formate

  • PNG (empfohlen) – transparenter Hintergrund möglich, wird von allen modernen Browsern unterstützt. 512×512 px als Quelldatei.
  • ICO – klassisches Format, enthält mehrere Größen in einer Datei (16×16, 32×32, 48×48). Für maximale Kompatibilität mit alten Windows-Versionen nötig, heute weniger wichtig.
  • SVG – skaliert verlustfrei, wird von modernen Browsern unterstützt. Für Marken-Logos mit klaren Formen die beste Wahl.

Apple Touch Icon und Web App Manifest

Für mobile Geräte braucht es zusätzliche Varianten: Apple Touch Icon (180×180 px) für das Homescreen-Symbol auf iOS-Geräten, und ein Web App Manifest mit verschiedenen Icon-Größen für Android. WordPress generiert diese automatisch aus dem hochgeladenen Site Icon. Wer mehr Kontrolle will, kann ein dediziertes Favicon-Generator-Tool nutzen (z.B. realfavicongenerator.net) und die Ausgabe per Plugin oder Theme-Hook einbinden.

Favicon und SEO

Google zeigt Favicons in den mobilen Suchergebnissen neben dem Domain-Namen an. Ein sauberes, erkennbares Favicon erhöht die visuelle Identifizierbarkeit in der Suchergebnisseite und kann die Klickrate marginal verbessern. Fehlt ein Favicon, zeigt Google ein generisches Globus-Symbol.