Was Sie über Favicons wissen müssen
Ein Favicon, kurz für “favorite icon”, ist ein kleines Symbol, das neben dem Titel einer Webseite im Browser erscheint. Es dient als visuelles Erkennungszeichen für die Webseite und hilft den Nutzer:innen, die Webseite in Lesezeichen, Startbildschirmen oder Tabs auf ihren Browsern oder mobilen Geräten schnell zu finden und zu ihr zu navigieren.
Ein sichtbares Favicon, insbesondere in der organischen Suche, kann die Sichtbarkeit einer Webseite verbessern, ihre CTR erhöhen und ihre Markenidentität stärken. Ausserdem kann ein Favicon eine Webseite professioneller und vertrauenswürdiger erscheinen lassen.
Sehen wir uns nun die Schritte an, wie Sie ein Favicon erstellen und wie Sie es zu Ihrer Webseite hinzufügen.
Spezifikationen für die perfekte Favicon-Pixelgrösse und den Dateityp
Die Grösse eines Favicons ist wichtig, weil sie die Qualität des Bildes beeinflusst, wenn es in den Suchergebnissen angezeigt wird. Ein Favicon sollte quadratisch sein und hat üblicherweise eine Grösse von 16×16 Pixel, 32×32 Pixel, 48×48 Pixel oder 64×64 Pixel.
Google empfiehlt, dass Sie ein Favicon mit einer Grösse von mindestens 48×48 Pixeln erstellen. Dadurch wird sichergestellt, dass das Bild von ausreichender Qualität ist, um in den organischen Suchergebnissen leicht erkennbar zu sein. Google weist auch darauf hin, dass grössere Favicons ein Vielfaches von 48px im Quadrat sein sollten, z. B. 96×96px, 144×144px usw.
Bei der Erstellung Ihres Favicons ist es zusätzlich wichtig, das Dateiformat zu berücksichtigen. Das gängigste Format für ein Favicon ist .ICO – ein Format, das speziell für Favicons entwickelt wurde. ICO-Dateien sind klein und können problemlos in einer Vielzahl von Webbrowsern verwendet werden, was sie zur idealen Wahl für ein Favicon macht. Sollten Sie kein Fan des ICO-Formats sein, gibt es andere Dateitypen, die von Google unterstützt werden.
Ausserdem ist es wichtig, die Dateigrösse des Favicons so klein wie möglich zu halten, da grössere Dateien die Ladezeit Ihrer Webseite verlängern.
Bonus-Tipp: Es gibt viele kostenlose Online-Tools, wie z. B. Favicon.io, die Sie zur Erstellung eines Favicons verwenden können. Laden Sie einfach ein Bild hoch und wählen Sie die gewünschte Grösse aus, und das Tool wird ein Favicon für Sie erstellen.
Achten Sie also darauf, dass die Pixelgrösse, das Format und die Dateigrösse Ihres Favicons wichtige Faktoren sind, die Sie bei der Optimierung Ihrer Webseite für organische Google-Ergebnisse berücksichtigen müssen.
Wenn Sie diese Richtlinien befolgen, können Sie die Chancen erhöhen, dass Ihr Favicon in den organischen Google-Ergebnissen prominent erscheint, und letztlich die Online-Präsenz Ihrer Webseite insgesamt verbessern.
Wo soll das Favicon auf dem Webserver abgelegt werden?
Damit Ihr Favicon in den organischen Google-Ergebnissen erscheint, müssen Sie es an einen Ort auf Ihrem Webserver hochladen, an dem es von Webbrowsern leicht gefunden werden kann.
Am häufigsten wird ein Favicon im Stammverzeichnis Ihrer Webseite abgelegt. Das ist in der Regel dasselbe Verzeichnis, in dem sich auch Ihre index.html- oder index.php-Datei befindet.
Um das Favicon auf Ihren Webserver hochzuladen, verwenden Sie einen FTP-Client wie FileZilla oder Cyberduck.
Beachten Sie, dass der Name der Favicon-Datei nicht zwingend «favicon.ico» lauten muss. Dies ist lediglich der Standardname für ein Favicon. Wenn Sie einen anderen Namen für Ihre Datei verwenden, kann Google Ihr Favicon trotzdem in den organischen Google-Ergebnissen anzeigen, sofern Sie den richtigen Pfad in den Link-Tag schreiben.
Und so funktioniert’s:
Hinzufügen eines Favicons zu Ihrer Webseite in HTML
Um ein Favicon zu Ihrer Webseite hinzuzufügen, müssen Sie es auf Ihren Webserver hochladen und dann im HTML-Code Ihrer Webseite verlinken. Hier finden Sie eine Schritt-für-Schritt-Anleitung, um Ihnen den Einstieg zu erleichtern:
- Erstellen Sie ein Favicon: Neben den bereits erwähnten Richtlinien, denken Sie daran: Die optimale Grösse (laut Google) ist ein Vielfaches von 48px im Quadrat (zum Beispiel: 48×48px, 96×96px, 144×144px und so weiter), und es sollte im ICO- oder PNG-Format sein.
- Laden Sie das Favicon auf Ihren Webserver hoch: Als Nächstes müssen Sie das Favicon auf Ihren Webserver hochladen. Dies kann in der Regel über den Dateimanager Ihrer Webseite oder einen FTP-Client erfolgen. Das Favicon sollte im Stammverzeichnis Ihrer Webseite abgelegt werden.
- Verweisen Sie im HTML-Code auf das Favicon: Schliesslich müssen Sie im HTML-Code Ihrer Webseite einen Link zum Favicon einfügen. Verwenden Sie dazu den folgenden Code, im Head-Bereich Ihres HTML-Codes:
<link rel="icon" href="/path/to/favicon.ico">
Beachten Sie, dass das «href»-Attribut die URL des Favicons auf Ihrem Webserver enthalten sollte. Wenn Sie Ihre Favicon-Bilddatei anders benannt haben als «favicon.ico», müssen Sie das Attribut entsprechend anpassen.
Das war’s! Sobald Sie diese Schritte durchgeführt haben, sollte Ihr Favicon in den nächsten Tagen in den organischen Suchergebnissen zu sehen sein.
Um das Favicon in Ihrem WordPress hinzuzufügen, ist der Ablauf ein wenig anders.
Wie Sie ein Favicon in WordPress hinzufügen
Wenn Sie WordPress zur Erstellung Ihrer Webseite verwenden, ist das Hinzufügen eines Favicons zu Ihrer Webseite ganz einfach:
- Melden Sie sich bei Ihrem WordPress-Dashboard an.
- Gehen Sie zu Design > Customizer.
- Klicken Sie auf Webseite-Informationen.
- Laden Sie Ihr Favicon im Abschnitt «Site Icon» hoch.
- Speichern Sie Ihre Änderungen.
Das war’s schon! Mit diesen einfachen Schritten können Sie Ihrer WordPress-Webseite ganz einfach ein Favicon hinzufügen und es in den organischen Google-Ergebnissen platzieren.
Unterschiede zwischen Favicons in organischen Suchergebnissen und Google Ads:
Favicons in organischen Suchergebnissen und Google Ads unterscheiden sich in einigen Punkten:
- Favicons werden in organischen Suchergebnissen nur neben der URL der Webseite angezeigt, während bei Google-Anzeigen das Favicon neben dem Markennamen und der URL der Anzeige erscheint.
- Grösse und Format des Favicons für organische Suchergebnisse und Google Ads sind unterschiedlich.
Für organische Suchergebnisse empfiehlt Google die Verwendung einer 48×48 Pixel grossen ICO- oder PNG-Datei, während für Google Ads eine Grösse von 1200×1200 Pixel empfohlen wird und das Dateiformat entweder PNG oder JPG sein kann.
Schliesslich werden Favicons in den organischen Suchergebnissen automatisch von Google aus dem Favicon der Webseite generiert, während Favicons in Google Ads manuell hochgeladen und der Anzeige hinzugefügt werden müssen.
Der Einfluss von Favicons auf die Click-Through-Rate (CTR):
Die Verwendung von Favicons in den organischen Suchergebnissen kann einen erheblichen Einfluss auf die Klickrate (CTR) haben. Die CTR bezieht sich auf die Anzahl der Klicks, die Ihre Webseite erhält, geteilt durch die Anzahl Impressions, also wie oft Ihre Webseite in den Suchergebnissen angezeigt wird.
Eine höhere CTR bedeutet, dass mehr Menschen auf Ihre Webseite klicken, was zu mehr Leads und Verkäufen auf Ihrer Webseite führen kann.
Ein einheitliches Favicon auf allen Seiten Ihrer Webseite sowie in den organischen Suchergebnissen und in Google Ads kann dazu beitragen, die Wiedererkennung Ihrer Marke zu fördern und eine starke visuelle Identität für Ihre Webseite zu schaffen. Dies kann zu einem Anstieg des Vertrauens und der Glaubwürdigkeit führen.
Zusammenfassend lässt sich sagen, dass ein Favicon ein kleiner, aber wichtiger Aspekt Ihrer Webseite ist, der ihre Sichtbarkeit und Leistung in den organischen Google-Ergebnissen erheblich verbessern kann. Wenn Sie die in diesem Artikel beschriebenen Schritte befolgen, können Sie Ihrer Webseite ein Favicon hinzufügen und von dessen Vorteilen profitieren.
Wenn Sie diesen Artikel hilfreich fanden und mehr über Online-Marketing und die Verbesserung Ihrer Webseite erfahren möchten, abonnieren Sie unseren Newsletter. Enthalten Sie weitere Tipps, Tricks und Ratschläge von Expert:innen, wie Sie das Beste aus Ihrer Webseite herausholen und Ihre digitale Marketingstrategie verbessern können.
Worauf warten Sie also noch? Melden Sie sich noch heute für unseren Newsletter an und bringen Sie Ihre Webseite auf die nächste Stufe!