Favicon bei WordPress-Website einbinden

Ein Favicon hat jeder Internetnutzer bestimmt schonmal gesehen, auch wenn viele aus dem Stegreif heraus nicht wissen, worum es sich hierbei handelt. Ein Favon ist das kleine Bildchen, das du direkt im Tab bzw. in den Lesezeichen siehst, solltest du die Seite in deinem Browser abgespeichert haben. Heute will ich mich damit auseinandersetzen, wie du ein Favocion bei deiner WordPress Seite hinterlegen kannst und warum du dies überhaupt machen solltest.

Warum ein Favicon hinterlegen?

Der Grund ist einfach: Das Favicon hilft bei der Identifizierung deiner Seite! Favicons sind oft kleinere Versionen des eigenen Logos durch. Wer ein Favicon bei seinr WordPress-Website hinterlegt, unterstützt seine Leser dabei, dass sie die eigene Seite schnell wieder finden können unter all den bestehenden Lesezeichen. Denke dabei beispielsweise an die Favoritenleiste in Firefox & Co.! Wenn man hier die Seitennamen entfernt, weil man möglichst viele speichern will, kann man keine Seite mehr von der anderen ohne Favicon unterscheiden.

Selbiges gilt natürlich auch dann, wenn deine Besucher mehrere Tabs geöffnet haben und deine Website dabei gerade nicht im Fokus ist. Auch dann hilft der kleine Icon dabei, sie alle voneinander zu unterscheiden.

Wusstest du übrigens, dass deine Besucher deine Seite auch auf ihrem Home Screen am Smartphone speichern können? Auch dann wird auf dein individuelles Favicon zurückgegriffen und dieses als Bildchen hinterlegt.

Wie hinterlegt man bei WordPress einen Favicon?

Vor ein paar Jahren war das noch sehr viel komplizierter, als die kleine Grafik ein bestimmtes Dateiformat haben musste, damit es als Favicon hinterlegt werden konnte. Dafür wurden dann spezielle Generator genutzt, die es auch heute noch gibt. Bedarf ist auf jeden Fall da, denn nicht jedes CMS ist dazu in der Lage, das automatisch zu hinterlegen. Bei jeder anderen Website ist es natürlich auch nach wie vor ein manueller Prozess.

WordPress erlaubt es durch die meisten Themes bereits. Im Customizer wird dann einfach das Favicon hinterlegt. Hierfür gibt es dann einen Abschnitt, der entweder mit dem Begriff oder alternativ „Site Icon“ ausgezeichnet ist.

Sollte das bei dir nicht klappen, kannst du dir hier mit Plugins aushelfen. In der Regel müssen diese kleinen Programme dann nicht länger auf deiner Seite aktiv sein, sobald mal ein Icon hinterlegt ist. Es kann aber auch der gegenteilige Fall eintreten! Lies dir daher am besten die Detailseiten und Erfahrungsberichte zu den Plugins durch.

Alternativ kannst du es auch manuell durch einen Code hinterlegen.

Öffne dafür deine header.php Datei und füge folgendes in die Datei ein:

<link rel=“icon“ href=“https://www.deinblog.de/deinfavicon.png“ type=“image/x-icon“ />

<link rel=“shortcut icon“ href=“https:// www.deinblog.de/deinfavicon.png“ type=“image/x-icon“ />

Fertig! Schon ist dein Favicon hinterlegt. Damit die Änderungen dann auch übernommen werden, solltest du zur Sicherheit noch den Cache löschen.

Wie erstellt man ein Favicon?

Favicons sind Grafiken, die im optimalen Fall 512×512 Pixel groß sind. Du kannst aber – sofern du es über WordPress direkt inkludierst – auch eine größere Datei anlegen. Dabei musst du dann nur darauf achten, dass sie über quadratische Maße verfügt. Wichtig ist es, dass jene Grafik auch in der kleinen Ausführung, wie man sie beispielsweise in der Tab-Ansicht innerhalb des Browsers findet, klar zu erkennen ist. Auf kleine Details und vielen Design-Elementen sollte also verzichtet werden. Am einfachsten ist es, wenn du für die Erstellung des Favicons ein Grafikprogramm wie Photoshop oder Gimp dazu nutzt.

 

Seit über neun Jahren bin ich in der wunderbaren Welt von WordPress unterwegs. Heute erstelle ich nicht nur erfolgreich eigene WordPress-Websites, sondern sorge auch in einer bekannten Online-Marketing-Agentur für glückliche Kunden – auch hier oft dank WordPress.