info@netz-gaenger.de       📞 +49 151 / 28859057

Ein Favicon in WordPress hinzufügen

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?

favicon-wordpress

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.

Screenshot WordPress Customizer für das Favicon

Ü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

  1. 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.
  2. 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.
  3. 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.

Hat dir mein Beitrag geholfen?

Klicke auf die Sterne um zu bewerten!

Durchschnittliche Bewertung 4.5 / 5. Anzahl Bewertungen: 2

Letzte Version vom 15. Januar 2025 von Netzgänger

Beliebte Artikel

Wie gut ist HostPress, der spezialisierte WP Hoster?

Als WordPress-Entwickler habe ich viel mit Hostern zu tun. Hier liest du meine Erfahrungen zu HostPress und warum ich jetzt selber in einigen Projekten auf den Hosting-Anbieter setze.

Die besten Webhoster im Vergleich

Als WordPress Entwickler kenne ich alle guten Hoster. Hier zeige ich dir die besten WP Hoster und welcher für dich Sinn macht.

Muss WordPress gewartet werden?

Müssen WordPress Sites gewartet werden? Braucht es die regelmäßigen Updates oder kann man sich den Aufwand sparen? Das erkläre ich hier.

Die besten WP Security Plugins

WordPress solltest du immer absichern. Dafür gibt es diverse Plugins, die dich bei den Securitymaßnahmen unterstützen. Meine Empfehlungen.

Die besten Plugins für Auto-Übersetzung

Hier zeige ich dir 4 Plugins, die es ermöglichen WordPress automatisch zu übersetzen. Von wirklich gut bis wirklich schlecht ist alles dabei.

Die besten Plugins für Mehrsprachigkeit

Mit diesen 5 Plugins kannst du WordPress ganz einfach selber mehrsprachig einrichten. Multi-Language Fähigkeit in WP nachrüsten.

Bildnachweise: Freepik - Flaticon

Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert