Ein Favicon ist ein kleines Bild, das neben dem Titel Ihrer Website in den Tabs Ihres Browsers angezeigt wird. Der Zweck eines Favicons besteht darin, dass Sie erkennen können, auf welcher Website Sie sich befinden, und dass die Nutzer eine Marke sofort erkennen können.
Der Wiedererkennungswert einer Marke ist für jedes Unternehmen wichtig und schafft Vertrauen beim Publikum. Einer der häufigsten WordPress-Fehler ist das Fehlen eines Favicons.
In diesem Artikel zeigen wir Ihnen, wie Sie in wenigen Schritten ein Favicon zu Ihrer WordPress-Website hinzufügen können. Wir erklären auch, warum es sinnvoll ist, ein Favicon anzuzeigen, und wie Ihre Website davon profitieren kann.
Inhaltsübersicht
Warum Sie ein Favicon auf Ihrer WordPress-Website benötigen
Ein Favicon sorgt für Markenidentität. Außerdem wird Ihre Website dadurch benutzerfreundlicher und bietet ein besseres Nutzererlebnis.
Wenn Sie weitere Registerkarten zu Ihrem Internetbrowser hinzufügen, wird der Titel der Website kleiner und kann schließlich verschwinden, wenn Sie viele Registerkarten geöffnet haben. Das Favicon auf Ihrer Website hilft den Nutzern, Ihre Website schnell zu erkennen, so dass sie schnell zu der Registerkarte wechseln können, die sie sehen möchten.
Wenn Ihre Nutzer Ihre Website zum Startbildschirm ihres Smartphones oder mobilen Geräts hinzufügen, wird Ihr Favicon hier angezeigt und sieht eher wie eine App aus, wenn Sie ein Favicon haben.
Wie man ein Favicon erstellt
Viele Unternehmen neigen dazu, das Logo ihrer Marke als Favicon zu verwenden. Für WordPress wird empfohlen, dass das Site-Icon mindestens 512 Pixel x 512 Pixel groß ist. Das Bild für das Website-Symbol sollte quadratisch und nicht rechteckig sein. Sie können jedoch ein Rechteck verwenden, aber WordPress erlaubt Ihnen, das Bild zuzuschneiden, wenn Sie es Ihrer Website hinzufügen.
Wenn Sie Zugang zu Adobe Photoshop haben, würde ich Ihnen empfehlen, Ihr Favicon damit zu erstellen. Wenn Sie jedoch kein Photoshop haben oder nicht über das nötige Budget verfügen, können Sie ein kostenloses Favicon-Generator-Tool verwenden.
Sie können ein transparentes Bild verwenden oder das Bild mit einer Hintergrundfarbe Ihrer Wahl füllen. Achten Sie nur darauf, dass Ihr Favicon erkennbar und klar ist und die richtige Größe hat.
Ihr Favicon in WordPress einfügen
Nun, da Sie Ihr Favicon (oder Site-Icon) erstellt haben, ist es an der Zeit, es zu Ihrer WordPress-Website hinzuzufügen. Seit der Veröffentlichung von WordPress 4.3 können Sie nun Ihr Favicon über den WordPress-Adminbereich hinzufügen. Navigieren Sie zu Erscheinungsbild > Anpassen und klicken Sie dann auf die Registerkarte “Site Identity”.
Wenn Sie ein Premium-WordPress-Theme verwenden, finden Sie die Registerkarte “Site Identity” unter “Header” im selben Menü.
Hier können Sie die Kopfzeile, den Titel der Website, das Logo, das Symbol und den Slogan der Website ändern. Um Ihr WordPress-Favicon zu ändern, klicken Sie auf “Bild ändern”, wenn Sie bereits eines haben, oder auf “Datei auswählen”, um ein neues Site-Icon hochzuladen.
Wenn das von Ihnen hochgeladene Bild die empfohlene Größe überschreitet, können Sie es in WordPress zuschneiden. Wenn das Bild jedoch der empfohlenen Größe entspricht, können Sie Ihre Änderungen einfach speichern.
Jetzt können Sie auf der Startseite Ihrer Website Ihr WordPress-Favicon in Aktion sehen! Sie können Ihr Website-Symbol auch auf einem mobilen Gerät anzeigen, indem Sie im Menü Ihres Browsers “Zum Startbildschirm hinzufügen” wählen.
Hinzufügen eines Favicons zu WordPress 4.2 oder niedriger
Wenn Sie WordPress Version 4.2 oder niedriger verwenden, ist das Ändern Ihres Favicons ein wenig anders. Sie müssen Ihr Favicon per FTP direkt in das Stammverzeichnis Ihrer Website hochladen. Ein Dateiübertragungsprogramm wie FileZilla ist mehr als ausreichend.
Sobald Sie sich per FTP mit Ihrer Website verbunden haben, navigieren Sie zur Datei header.php Ihres Themes und fügen Sie den folgenden Code in die Datei ein:
<link rel="icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" /><link rel="shortcut icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" />
Stellen Sie sicher, dass Sie webhostingprof durch die URL Ihrer Website ersetzen. Wenn Ihr Theme keine Datei header.php enthält, können Sie ein Plugin installieren, das diese Arbeit für Sie erledigt. Obwohl Plugins nützlich sind, würde ich nur empfehlen, diese zu verwenden, wenn Sie entweder keine header.php-Datei haben oder sie nicht finden können.
Es ist eine gute Übung, sich zu merken, wo sich diese Dateien befinden, falls Sie sie wieder verwenden müssen! Ich versuche nicht absichtlich, Ihnen die Dinge zu erschweren!
Ein Plugin wie Kopf- und Fußzeilen einfügen ist eine gute Wahl. Sie können das Plugin installieren und aktivieren, dann navigieren Sie zu Einstellungen > Kopf- und Fußzeilen einfügen und fügen Sie den obigen Code ein. Vergessen Sie nicht, Ihre Einstellungen zu speichern, dann sind Sie startklar!
Schlussfolgerung
Favicons sind wichtig für Ihre Website, nicht nur für das Branding, sondern auch für die Benutzerfreundlichkeit. Favicons ermöglichen es den Nutzern Ihrer Website, Ihre Website leicht zu erkennen, und ehrlich gesagt, sehen sie viel besser aus als ein leeres Feld.
Jetzt, wo Sie wissen, wie Sie Ihrer WordPress-Website ein Favicon hinzufügen können, sollten Sie es einfach ausprobieren. Das Hinzufügen eines Favicons ist einfach und kostenlos, und wir haben viele andere Ressourcen, die Ihnen bei Ihrer WordPress-Website helfen können, z. B. wie Sie die Schriftgröße auf Ihren Beiträgen und Seiten ändern oder wie Sie sich Ihre WordPress-Login-URL merken können.