Zuletzt aktualisiert: 24. Juni 2020


In diesem Artikel zeige ich dir, wie du ein WordPress Favicon einfügen oder ein bestehendes ändern kannst. Durch die Einbindung deines Favicons sorgst du für ein einheitliches Branding und erhöhst deinen Wiedererkennungswert.

Ein Favicon ist eine sehr kleine Grafik, die im Browser links neben dem Titel dargestellt wird. Das WordPress-Favicon ist zudem auch sichtbar, wenn die Website in den Lesezeichen im Browser gespeichert wird. Fast alle Browser stellen das Favicon in den Lesezeichen mit dar.

WordPress Favicon erstellen

Ein WordPress Favicon kannst du sehr schnell erstellen. Dazu benötigst du lediglich eine Grafik, die du als Favicon nutzen möchtest. In der Regel handelt es sich dabei um das Logo. Beachte bitte, dass das Favicon quadratisch und sehr klein ist. Nach der Einbindung in WordPress sollte das Favicon gut erkennbar sein.

WordPress Favicon einfügen

Das Erstellen deines Favicons benötigt 2 Schritte:

  1. Grafik auf die Größe 32 x 32 Pixel verkleinern (in manchen Fällen auf 16 x 16 Pixel)
  2. Umwandlung der Datei auf das Format .ico

Die Änderung der Größe kannst du mit deinem Grafikbearbeitungsprogramm durchführen. Das funktioniert mit jeder beliebigen Software. Wichtig ist, dass dein Favicon auch in der kleinen Größe noch gut erkennbar ist. Achte bitte darauf.

Als nächstes musst du die Grafik im Format .ico speichern. Da dies die meisten Grafik. Die meisten Grafikprogramme können allerdings nicht in dieses Format konvertieren.

Das ist aber kein Problem, denn es gibt viele Online-Dienste, mit denen du das Favicon ändern kannst. Damit kannst du aus deiner Grafik ein richtiges Favicon machen, dass du anschließend in WordPress einbinden kannst.

Klicke auf „Durchsuchen“, wähle die Datei aus und klicke auf „hochladen“. Jetzt kannst du sich das fertige Favicon herunterladen. Benne diese Datei so um, dass sie „favicon.ico“ lautet.

Favicon in WordPress einfügen

Der finale Schritt ist nun, dass Favicon in WordPress einzufügen. Wie so oft gibt es verschiedene Wege, das zu tun. Im Folgenden 3 Möglichkeiten:

  • Favicon mittels deines WordPress Themes einfügen
  • Das Favicon per WordPress Plugin einfügen
  • Favicon per FTP-Programm hochladen

Ich empfehle dir die Variante mit Theme oder Plugin. Das ledigliche Hochladen des Favicons in WordPress ist oft nicht ausreichend genug. Dennoch möchte ich dir alle 3 Möglichkeiten in folgender Anleitung ausführlich zeigen.

Wenn du die Einbindung testen möchtest, solltest du zuvor immer deinen Browser-Cache leeren. Alternativ kannst du auch ein Inkognito verwenden.

Favicon mittels deines WordPress Themes ändern

Jedes moderne und gut programmierte Theme bietet dir die Möglichkeit, ein Favicon ganz einfach einzubinden, bzw. zu ändern. Du kannst es über die Theme-Optionen einfügen.

Da es viele Theme-Hersteller gibt und jedes etwas anders angepasst wird, kann ich dir keinen allgemein gültigen Menüpunkt dafür sagen. Wenn dein Theme diese Funktion anbietet, findest du die Möglichkeit in den Theme-Optionen und kannst von dort das Favicon einfügen.

In der Regel findest du die Einstellung hier:

  1. Klicke auf Design – Customizer.
  2. Anschließend klickst du auf „Website-Informationen“.
  3. Es erscheint der Bereich „Website-Icon“.
  4. An dieser Stelle kannst du das Favicon einfügen oder das bestehende ändern.

WordPress Favicon ändern

Das Favicon per WordPress Plugin einfügen

Falls die erste Möglichkeit nicht funktioniert hat, kannst du dein WordPress Favicon mit Hilfe eines Plugins einfügen. Ich empfehle dir dafür folgendes Plugin:

Link: Hier gehts zum Plugin

Die Einbindung funktioniert folgendermaßen:

  1. Erstelle ein quadratisches Bild aus deinem Logo mit den Maßen 260 x 260 Pixel (JPG- oder PNG-Datei).
  2. Installiere das gerade genannte Plugin.
  3. Lade die Bilddatei hoch und binde sie beim WordPress Favicon Plugin ein.

Favicon per FTP-Programm hochladen

Wie schon erwähnt, empfehle ich dir die ersten beiden Varianten. Diese letzte Möglichkeit ist lediglich die Notlösung, falls die anderen beiden Varianten aus welchem Grund auch immer nicht möglich sind.

Dazu öffnest du dein FTP-Programm und stellst die Verbindung mit deinem Webserver her.

Achte darauf, dass der Dateiname des WordPress-Favicons „favicon.ico“ lautet. Danach lädst du die Datei in das Root-Verzeichnis deiner WordPress-Installation. Das war es schon, jetzt ist dein Favicon in WordPress eingebunden.

WordPress Favicon ändern

Du kannst ein bestehendes WordPress Favicon jederzeit ändern. Das macht gerade dann Sinn, wenn du dein Logo geändert hast oder ein Beispiel-Favicon durch das Theme eingefügt wurde.

Das WordPress Favicon kannst du über den selben weg ändern, wie du auch ein neues einbindest. Erstelle dazu als erstes die neue Favicon-Grafik. Anschließend kannst du es ändern.

Die Änderung kannst du (wie etwas weiter oben beschrieben) über die Theme-Einstellungen oder mit dem Plugin „Favicon by RealFaviconGenerator“ durchführen.

WordPress Favicon testen

Der letzte Schritt besteht darin, das WordPress Favicon zu testen. Dazu solltest du vorab den Cache (Zwischenspeicher) deines Browsers leeren, damit das neue Favicon auch angezeigt wird. Alternativ kannst du bei deinem Browser die Inkognito-Funktion verwenden. Nur wenn du das machst, wird sich dein Favicon ändern.

Wieso das Branding so wichtig ist

Du hast sicherlich nach diesem Thema gesucht, weil du deine Website optimieren oder besser gesagt dein Branding verbessern möchtest. Sobald ein Website-Besucher deine Seite in seinen Lesezeichen speichert, wird im Browser links neben dem Eintrag das Icon dargestellt. Sicherlich kennst du das von Lesezeichen, die du selbst gesetzt hast.

Dadurch erhöhst du den Wiedererkennungswert und die Chance ist groß, dass dieser Besucher deine Website zu einem späteren Zeitpunkt wieder besuchen wird. Das ist übrigens ein wichtiger SEO-Aspekt. Denn wenn ein Besucher deine Website mehrmals besucht, ist das für Google natürlich ein positives Zeichen.

Bei deinem WordPress Favicon solltest du dich natürlich an deinem Logo und deiner CI (Corporate Identity) orientieren.

FAQ – Häufig gestellte Fragen

Welche Vorteile hat ein Favicon?

Das Favicon erzeugt zusätzliche Aufmerksamkeit in den Browser-Tabs und auch bei den gespeicherten Lesezeichen. Das sorgt für zusätzliches Branding. Ein Favicon ist ein kleines Symbol (16 x 16 oder 32 x 32 Pixel) groß. Dieses wird im Browser links neben dem Titel dargestellt. Außerdem wird es zusätzlich links neben den Lesezeichen gespeichert.

Wie kann ich ein Favicon erstellen?

Dazu gibt es spezielle Online-Favicon-Generatoren. Damit kannst du dein WordPress Favicon sehr einfach und in nur wenigen Minuten erstellen. Am besten verwendest du dein Logo dafür. Viele speichern Websites in den Lesezeichen des Browsers. Dabei wird das Icon neben dem Text dargestellt und sorgt so für zusätzlich Aufmerksamkeit.

Wie binde ich ein Favicon in WordPress ein?

Dazu kannst du entweder die Einstellungen deines Themes oder ein separates Plugin verwenden. Wie das funktioniert erfährst du auf der Seite WordPress Favicon einfügen.

Wie kann ich in WordPress das Favicon ändern?

Als erstes solltest du das neue Favicon erstellen. Anschließend kannst du dieses ändern und entsprechend ersetzen. Die bisherige Grafik wurde wahrscheinlich in den Theme-Einstellungen hinterlegt. Alternativ könnte es sein, dass du dafür ein Plugin in Verwendung hast. Prüfe diese beiden Dinge und dann kannst du an der entsprechenden Stelle das WordPress Favicon ändern.

WordPress

  • Für Anfänger geeignet
  • Schritt für Schritt erklärt
  • Tipps & Tricks

Joomla

  • Für jeden umsetzbar
  • Nachvollziehbar erläutert
  • Expertenwissen

Traffic & Besucher

  • TOP Google Rankings
  • Tausende Besucher
  • Steigende Sichtbarkeit

Online-Marketing

  • Steigende Umsätze
  • Automatisierung
  • Effektives Marketing

Du hast Fragen? Hier kannst du mir eine Nachricht hinterlassen: