Ein Favicon, die Abkürzung für „Favorite Icon“, kann auch als Site-Icon bezeichnet werden. Wenn Sie sich jetzt Ihre Browserseite ansehen, werden höchstwahrscheinlich eine Reihe von Favicons angezeigt. Möglicherweise haben Sie Favicons jedoch noch nie bewusst bemerkt, wissen Sie, was sie sind oder was sie tun. Was ist also ein Favicon und warum benötigt Ihre WordPress-Website eines?
In diesem Artikel erklären wir genau, was ein Favicon ist und wie es Ihrem Unternehmen oder Blog zugute kommen kann. Wir schauen uns dann an, wie Sie schnell und einfach einen zu Ihrem WordPress-Blog hinzufügen können.
Was ist ein Favicon/Site-Symbol?
Ein Favicon ist ein Symbol, das auf einem Browser-Tab neben dem Seitentitel einer Website angezeigt wird. Favicons können auch neben dem Namen einer Website in einer Liste von mit Lesezeichen versehenen Websites angezeigt werden sowie als App-Symbole verwendet werden und in WordPress auch als Ihr „Site-Symbol“ bezeichnet werden.
Favicons verwenden normalerweise das Bild des Site-Logos, das sie repräsentieren. Es kann sich jedoch auch um ein Bild handeln, das mit dem Branding oder dem Stil einer Website verknüpft ist, wenn dies besser geeignet ist. Sobald ein Favicon ausgewählt wurde, sollte es nicht mehr geändert werden, es sei denn, Ihr Unternehmen wird einem Rebranding unterzogen. Auf diese Weise werden Ihre Website-Besucher mit Ihrem Favicon vertraut und erkennen es in einer Reihe von Browser-Tabs.
Die Bedeutung der Verwendung eines Favicons
Bei Favicons dreht sich alles um visuelles Marketing für Ihre Website-Besucher und die Verbindung mit ihnen. Durch das Hinzufügen eines Favicons kann Ihr Publikum Ihre WordPress-Website unbewusst und sofort in einem Meer von Apps oder Webseiten identifizieren.
Diese Vertrautheit mit Ihrem Favicon hilft Ihrem Publikum, Sie schnell und einfach zu finden. Es erinnert die Benutzer auch an die Existenz Ihrer Website, was zu einer Zunahme des Verkehrs und der wiederkehrenden Besucherzahlen führt. Schließlich hilft ein Favicon Ihrer Site, sich von Ihrer Konkurrenz abzuheben und Ihre Site als seriöse Quelle zu etablieren.
Wie Sie sehen, sind die Vorteile der Verwendung eines Favicons enorm. Lassen Sie uns nun herausfinden, wie Sie ein Favicon erstellen und zu Ihrer WordPress-Website hinzufügen können…
Favicon erstellen
Der erste Schritt im Favicon-Prozess besteht darin, ein geeignetes Bild zu erstellen. Wie bereits erwähnt, sollte ein Favicon idealerweise das gleiche Bild wie das Logo Ihrer Website haben, damit Besucher es sofort erkennen können.
Bei komplizierten Logos kann dies jedoch manchmal zu einem unklaren oder verwirrenden Favicon führen. In diesem Fall müssen Sie Ihr Logo vereinfachen oder ein anderes Bild verwenden. Stellen Sie sicher, dass Sie etwas auswählen, das Ihr Unternehmen repräsentiert und offensichtlich Ihre Marke widerspiegelt.
Entwerfen oder Bearbeiten eines Favicon-Bildes
Pro die WordPress-Codex, Favicon-Bilder müssen eine quadratische Form und eine Größe von mindestens 512 x 512 Pixel haben. Obwohl Bilder in WordPress beschnitten werden können, würde ich empfehlen, Ihr Bild vorher mit einer Bearbeitungssoftware zu bearbeiten.
Wenn Sie ein neues Bild von Grund auf neu gestalten möchten oder Ihr Logo ernsthafte Anpassungen benötigt, verwenden Sie am besten ein professionelles Bearbeitungsprogramm. Photoshop oder GIMP sind tolle Möglichkeiten.
Verwenden von Canva
Eine einfachere Lösung für diejenigen mit weniger Designerfahrung ist jedoch die Verwendung Leinwand. Mit dieser kostenlosen Grafikdesign-Tool-Website können Sie ein Bild einfach bearbeiten und für das Favicon vorbereiten. Passen Sie die Größe Ihres Logos an oder ändern Sie die Farbe oder Transparenz, um ein Favicon-Bild zu erstellen, das für Ihre Website geeignet ist.
Sobald Sie mit dem Bild, das Sie als Favicon verwenden möchten, zufrieden sind, muss es entweder im GIF-, PNG- oder JPEG-Format gespeichert werden. Sie sind jetzt bereit, Ihr Favicon auf Ihre WordPress-Website hochzuladen…
Wie füge ich ein Favicon zu deiner WordPress-Site / deinem WordPress-Blog hinzu?
Das Hinzufügen eines Site-Symbols wurde früher am besten Webentwicklern und Personen mit fundierten Programmierkenntnissen überlassen. Glücklicherweise wurde das Hinzufügen eines Favicons jedoch nach der Veröffentlichung von WordPress 4.3 extrem einfach und unkompliziert.
Öffne dein WordPress-Dashboard und wähle im Menü Aussehen > Anpassen. Dadurch wird der Live-WordPress-Customizer mit einer Vorschau der Startseite Ihrer Website geöffnet.
Auswählen Site-Identität. Hier sehen Sie den angezeigten Site-Titel und das Site-Symbol.
Unter Site-Symbol Sie können Ihr Favicon hinzufügen, ändern oder entfernen. Klicke auf Bild auswählen.
Ihre WordPress-Medienbibliothek wird nun auf Ihrem Bildschirm angezeigt. Wähle aus Daten hochladen Registerkarte und legen Sie dann entweder Ihr Favicon-Bild in das Feld ab oder wählen Sie es von Ihrem Computer aus.
Zurück in Ihrer Medienbibliothek, überprüfen Sie, ob Ihr Bild angekreuzt ist und klicken Sie dann auf Auswählen in der unteren rechten Ecke. WordPress fragt Sie nun, ob Sie Ihr Bild zuschneiden möchten. Wenn Sie Ihr Bild bereits in einem Bearbeitungsprogramm bearbeitet haben, wählen Sie Zuschneiden überspringen. Ansonsten wegschneiden.
Im Customizer unter Website-Symbol, Sie sehen Ihr hochgeladenes Bild. Auswählen Speichern und veröffentlichen oben im Customizer und aktualisieren Sie dann die Seite. Sie sollten jetzt Ihr Favicon im Browser-Tab Ihrer Webseite anzeigen können.
Wenn Sie irgendwann Ihr Favicon ändern möchten, unter Site-Symbol einfach auswählen Bild ändern. Dies wird jedoch, wie bereits erwähnt, nicht empfohlen, es sei denn, Sie führen ein Rebranding durch. Wenn Sie Ihr Favicon ständig ändern, kann Ihr Publikum nicht erkennen, welches Bild Ihre Website darstellt, wenn es seine Browser-Tabs oder Apps anzeigt.
Andere Möglichkeiten, ein Favicon zu Ihrer WordPress-Website hinzuzufügen
Es gibt natürlich eine Reihe anderer Möglichkeiten, ein Favicon zu Ihrer WordPress-Website hinzuzufügen. Werfen wir einen Blick auf einige verschiedene Optionen…
Favicon von RealFaviconGenerator
Viele Leute ziehen es vor, Plugins zu verwenden, um ihrer Website Funktionen hinzuzufügen, anstatt sich auf ein Thema zu verlassen. Favicon von RealFaviconGenerator ist ein WordPress-Plugin, das eine großartige Option ist, wenn Sie Ihrer Website ein Favicon hinzufügen möchten.
Installieren Sie das Plugin auf Ihrer WordPress-Website und klicken Sie dann einfach auf ein Bild, um es hochzuladen und als Favicon hinzuzufügen. RealFaviconGenerator generiert dann alle Symbole, die Sie für verschiedene Browser und Geräte benötigen. Dies ist ein einfaches Plugin, das kostenlos heruntergeladen und verwendet werden kann.
Hochladen über die Optionsseite Ihres Themes
Viele der neuen Themes kommen mit zahlreichen Features und Funktionalitäten, die es den Leuten schnell und einfach machen, neue WordPress-Websites einzurichten. Einige dieser Themen bieten jetzt die Möglichkeit, ein Favicon für Sie hinzuzufügen. Überprüfen Sie auf der Seite Optionen Ihres Themes, ob dies eine Funktion ist, die es bietet. Zum Beispiel die Gesamtes WordPress-Theme enthält Optionen für Ihr Favicon (und seine verschiedenen Gerätegrößen) im integrierten Themenbereich.
Code verwenden
Wenn Sie es vorziehen, seine Website zu codieren, können Sie Ihr Favicon-Bild in das Stammverzeichnis Ihrer Website hochladen. Der Code muss dann zu Ihrer header.php-Datei hinzugefügt werden. Weitere Informationen zu diesem Vorgang sowie Details zur Größe des Bilds und zum Dateityp, in dem Sie es speichern müssen, finden Sie im WordPress-Support-Dokumentation.
Abschließende Gedanken
Wie Sie sehen, ist das Hochladen eines Favicons auf eine WordPress-Website ein sehr einfacher Vorgang. Die Vorteile eines Favicons sind beeindruckend, eine Marketingtaktik, die es Ihren Benutzern ermöglicht, Ihre Website zu identifizieren, indem Sie nur Ihr Bild erkennen. Machen Sie es sich also zur Priorität, eine freie halbe Stunde an Ihrem Tag zu finden und Ihre Site mit einem Favicon einzurichten.
Hast du dein Favicon schon zum Laufen gebracht? Bitte teilen Sie uns in den Kommentaren unten mit, wie es Ihnen ergangen ist…