Ein Favicon ist das kleine Bildchen welches neben dem Webseiten-Titel und neben dem URL im Browser erscheint. Wie kann man dieses Favicon eigentlich einer WordPress-Webseite hinzufügen?
Inhaltsverzeichnis:
Wozu brauche ich ein Favicon?
Das Favicon macht den Eindruck einer Webseite wertiger und sorgt dafür, dass der Wiedererkennungswert der Marke etwas gesteigert wird. Zudem erleichtert es dem User das Surfen, der oftmals mehrere Tabs im Browser offen hat und somit auf einen Blick sieht, welcher Tab denn der Tab der Webseite ist.
Wie erstellt man ein Favicon und Größenvorgaben?
- Die Standardgröße eines Favicons ist 512×512 Pixel (aber auch 128x128px sind üblich; normalerweise machen Themes und Plugins Vorgaben, damit du weißt in welcher Größe du das Favicon angeben sollst).
- Das Format sollte PNG, ICO oder SVG sein.
- Für Retina-Displays empfiehlt es sich, hochauflösende Bilder zu verwenden.
- Wenn man auch für alte Browser den Support aufrecht erhalten möchte, kann man auch ein 16 x 16px großes .ico-File erstellen.
Wie fügt man ein Favicon in WordPress-Webseiten ein?
1. WordPress Customizer
Melde dich in deinem WordPress-Dashboard an.
Gehe zu Design > Customizer.
Wähle Website-Informationen oder Website-Identität (abhängig von deinem Theme).
Unter Website-Icon kannst du ein Bild hochladen. Schneide das Bild, falls erforderlich, zu und speichere die Änderungen.

Über Customizer Optionen kannst du das Favicon bequem einsetzen.
—
2. Alternative: Manuell per Code einfügen
Das Favicon fügt man in der header.php im Themeordner ein:
<link rel="icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.png" type="image/png" /> <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.png" type="image/png" />
oder eben als .ico:
<link rel="icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" type="image/x-icon" />
—
3. Favicon per Plugin einfügen
Alternativ kann man auch das Plugin Site Favicon verwenden, wenn man sich nicht zutraut die header.php zu editieren. Auch das Plugin All in One SEO hat die Option, solltest du ohnehin das SEO Plugin nutzen.
Warum ist ein Favicon wichtig?
- Wiedererkennungswert: Besucher können deine Website schneller identifizieren, wenn sie mehrere Tabs geöffnet haben.
- Markenbildung: Es stärkt dein Branding, indem es dein Logo oder deine Marke in einem weiteren Kontext sichtbar macht.
- Professionalität: Eine Website ohne Favicon wirkt unvollständig und weniger professionell.
Häufige Fragen zu Favicons
- Kann ich mein Logo als Favicon verwenden?
Ja, das ist sogar empfehlenswert, da es deine Marke stärkt. Achte jedoch darauf, dass es auch in kleiner Größe gut erkennbar bleibt. - Wie teste ich, ob mein Favicon funktioniert?
Lade deine Website in einem Inkognito-Browserfenster oder leere den Cache. Du solltest das Favicon in der Tab-Leiste sehen. - Warum wird mein Favicon nicht angezeigt?
Das kann verschiedene Gründe haben: Dein Browsercache ist noch aktiv. Das Bild ist nicht korrekt hochgeladen oder hat die falsche Größe. Der Code oder die URL ist fehlerhaft.
Thorger Jansen
In der Regel reicht es aus das Favicon als .ico Datei in die Root Directory mit dem Namen favicon.ico hochzuladen. Die meisten Browser erkennen es automatisch und man kann sich das anlegen eines Child Themes o.ä. sparen
Stefan Pabst
Besten Dank, ausnahmsweise mal nicht auf den stackoverflow Link geklickt und gefühlt noch schneller zur gewünschten Lösung gekommen als sonst.
Und ein frohes Neues noch!
Romana
Hallo! Ich hätte auch gern ein favicon und bin auf deine Seite gestoßen. Leider sagen mir diese Anweisungen „Lade dies und jenes in header.php hoch“ genau GAR NICHTS!
Ich finde weder einen Themeordner noch sonst irgendwas,… bin blutiger Anfänger.
Kannst du mir weiter helfen? Von Anfang an?
Liebe Grüße,
Romana
René Dasbeck Post author
Hallo Romana,
ich bau dir das gerne ein. Als Dienstleister versteht sich. Wenn dir header.php und so nichts sagt, dann habe ich auch ein mulmiges Gefühl, wenn ich dich aus der Ferne anleite.
Gruß
René
mine321
Hi, vielen dank für die Anleitung, sauberer kann man es nicht erklären
Johannes
Hallo, vielen Dank für die Anleitung. Ich habe mich aber nicht getraut und habe das Plugin ausprobiert. Damit lässt sich auch wunderbar ein Favicon setzen. Danke 🙂
threecubes
Das Favicon – leider wird es oft vergessen und aus SEO-Sicht ist auch wichtig eines zu haben. Danke für die Tipps im Beitrag.
Definio
Vielen Dank für die Anleitung. Wird sofort umgesetzt!!!
galaxys5huelle
Danke für den tollen, hilfreichen Artikel.Ich bin eine richtige Anfängerin und hab wieder viel dazu gelernt, dank dir!
Lieben Gruß
Anti Piraterie
Klasse Anleitung. Genau das, was ich momentan gesucht habe.
Lisa
Hi, danke für die gute Anleitung. Die ist Verständlich geschrieben und leicht nachvollziehbar.
Danke und Gruß Lisa