Favi-gone: 5 Gründe, warum Ihr Favicon aus den Google-Suchergebnissen verschwand [Fallstudien]

Sie sagen „ein Favicon sagt mehr als tausend Worte“. OK… das sagen sie wirklich nicht, aber Favicons können aus Sicht der Suche definitiv wichtig sein. Im Jahr 2019 begann Google im Rahmen eines mobilen Redesigns damit, Favicons in den mobilen Suchergebnissen anzuzeigen, und es stellt sich heraus, dass diese kleinen Grafiken in den SERPs auf mehreren Ebenen helfen können. Zum Beispiel kann ein Favicon helfen, Ihre Marke zu stärken, es kann Aufmerksamkeit in einem überfüllten SERP erregen und es kann auch bei der Klickrate helfen. Sie möchten also auf jeden Fall sicherstellen, dass Ihr Favicon-Spiel stark ist.

Google hat Richtlinien zum Definieren eines Favicons veröffentlicht, um sicherzustellen, dass sie in den SERPs richtig angezeigt werden können. Wenn Sie sich nicht an diese Richtlinien halten, kann Google Ihr Favicon ignorieren und Ihnen ein allgemeines zur Verfügung stellen. Und es gibt nichts „meh“ mehr als das generische Globus-Favicon, das Google bereitstellt. Sagen wir einfach, Sie werden in den SERPs nicht mit ihrem generischen Favicon auffallen…

Außerdem können Sie mit einem leeren Favicon enden, was sehr umständlich ist. Der Platz für das Favicon ist reserviert, aber es wird nichts angezeigt. Es ist nur ein leerer weißer Bereich, wo ein Favicon erscheinen sollte. So traurig … und ich werde später in diesem Beitrag mehr darüber erklären.

Hier ist ein weiteres Beispiel für ein leeres Favicon (und nicht nur das generische Globus-Favicon):

Favicon-Unterstützung: Wenn Websitebesitzer sich über Favicon-Probleme informieren.
Ab und zu wende ich mich frustriert an Websitebesitzer, wenn ihre Favicons in den Suchergebnissen fehlen. Wenn das passiert, kann es für diese Website-Besitzer eine sehr verwirrende Situation sein … Nun, ich habe in den letzten Wochen gerade ein paar weiteren Website-Besitzern geholfen, Favicon-Probleme in den Suchergebnissen zu beheben. Und basierend auf dem, was ich gefunden habe, dachte ich, ich würde einen Beitrag schreiben, in dem ich einige der wichtigsten Gründe erkläre, die meiner Meinung nach Favicon-Probleme in der Google-Suche verursachen.

Die Probleme sind relativ einfach zu beheben und Änderungen können von Google für die meisten Websites ziemlich schnell übernommen werden. Zum Beispiel wurde einer der neuesten Fixes, bei denen ich geholfen habe, in nur wenigen Stunden abgeholt und die SERPs wurden in weniger als einem Tag aktualisiert (mit dem neuen Favicon).

Favicons verschwinden und Fragen zur Qualität:
Wenn Favicons fehlen, denken einige Websitebesitzer sofort, dass Google ihrer Website irgendwie nicht mehr vertraut oder dass es Qualitätsprobleme gibt, die dazu führen, dass Google ihre Favicons nicht mehr anzeigt (z. B. wie Rich Snippets durch breite Core-Updates beeinflusst werden können). Das ist nicht der Fall. Favicons, die in den SERPs fehlen, haben nichts mit der Seitenqualität zu tun. Stattdessen hat es alles mit technischen Problemen mit den Favicons zu tun oder mit dem Verstoß gegen Googles Richtlinien zur Bereitstellung von Favicons.

Wenn Ihr Favicon also verloren geht, hat Google Ihre Seite nicht plötzlich qualitativ neu bewertet. Es liegt wahrscheinlich an technischen Problemen oder anderen Richtlinienverstößen (auf die ich weiter unten eingehen werde).

Wo ist dein Favicon geblieben? Fehlerbehebung bei häufigen Favicon-Problemen in der Google-Suche.
Im Folgenden werde ich einige häufig auftretende Probleme behandeln, die mir aufgefallen sind, als ich Websitebesitzern dabei geholfen habe, Favicons zu beheben, die aus den Suchergebnissen verschwinden (oder Favicons, die von Google einfach nicht richtig angezeigt werden).

1. Falsche Abmessungen, kein Favicon für Sie…
Dies ist das häufigste Problem, das ich gesehen habe. Google hat ausführlich erklärt, dass Favicons ein Vielfaches von 48×48 Pixeln sein müssen. Stellen Sie also sicher, dass Ihr Favicon mindestens 48 × 48 oder ein Vielfaches von 48 × 48 groß ist. Zum Beispiel 96 × 96, 144 × 144 usw. Verwenden Sie kein Favicon, das kleiner als 48 × 48 ist.

Beispielsweise verwendete eine Website das folgende Bild als Favicon (verschwommen, um das Aufrufen der Website zu vermeiden). Es war 50×50 und kein Vielfaches von 48×48 Pixeln. Google hat nur das generische Globus-Favicon verwendet. Wieder meh in den SERPs.

Außerdem ist das Seitenverhältnis wichtig. Wenn es kein Quadrat ist, wird es nicht gut funktionieren. Ich habe Favicons gesehen, die vom Standpunkt des Seitenverhältnisses aus aus dem Gleichgewicht geraten waren, oder sie tauchten einfach nicht in den SERPs auf. Beispielsweise verwendete eine Website das unten stehende Favicon, das kein Quadratverhältnis hatte. Google zwang es, das erforderliche Seitenverhältnis einzuhalten (und es sah in den SERPs völlig verzerrt aus). In acht nehmen.

Ein Hinweis zum Favicon-Format: Sie haben viele Möglichkeiten:
Ihr Favicon muss nicht im .ico-Format vorliegen. Es kann in jedem unterstützten Format vorliegen, z. B. JPG, GIF, PNG und SVG. Ich werde später in diesem Beitrag mehr über SVGs berichten.

2. Robots.txt blockiert das Favicon :
In der Dokumentation von Google heißt es, dass Sie das Crawlen Ihres Favicons und Ihrer Startseite zulassen sollten, damit das Favicon in der Suche verwendet werden kann. Wenn Ihre Homepage von robots.txt blockiert wird, haben Sie eindeutig größere Probleme als nur das Favicon. :) Aber der Speicherort des Favicons könnte Probleme verursachen und aus der Perspektive der robots.txt verwirrend sein. Beispielsweise können einige Anweisungen in robots.txt „gierig“ sein und mehr blockieren, als Sie denken.

Ich empfehle die Verwendung des robots.txt-Testers in der Google Search Console, um sicherzustellen, dass Ihr Favicon und Ihre Startseite gecrawlt werden können. Es ist ein schneller Test und kann Ihnen einige Frustration ersparen. Hier ist zum Beispiel eine Website mit einem fehlenden Favicon, die den Zugriff auf das Favicon blockiert. Es ist übrigens eine größere Marke, also ja, auch größere Unternehmen können diesen Fehler machen.

Und hier ist eine interessante Randnotiz. Google hat einen speziellen Crawler für Favicons namens Google Favicon. Sie können die Googlebot-Dokumentation auf die User-Agent-Zeichenfolge überprüfen. Google verwendet diesen Crawler, um Ihr Favicon zu überprüfen, wenn Sie die Indexierung Ihrer Homepage über die Google Search Console (GSC) anfordern . Und der Crawler ignoriert robots.txt-Anweisungen, wenn jemand ein erneutes Crawlen der Homepage basierend auf einer Favicon-Änderung anfordert.

Dies ist beispielsweise direkt aus der Favicon-Dokumentation:
„Der Google Favicon-Crawler ignoriert robots.txt-Regeln, wenn der Crawl von einem Benutzer angefordert wurde.“

Und hier ist der Crawler-Benutzeragent:

Aber noch einmal, das ist nur für Google Favicon, um das neue Favicon zu überprüfen. Sie sollten dennoch das Crawlen Ihrer Homepage und Ihres Favicons aktivieren, wenn Sie möchten, dass es in den Suchergebnissen verwendet wird.

3. Doppelte Favicon-Referenzen und eine entspricht nicht den Favicon-Richtlinien von Google:
Dies ähnelt der ersten Ausgabe, die ich behandelt habe, enthält jedoch doppelte Favicon-Referenzen im Homepage-Code (und eine entspricht nicht den Richtlinien). Ich habe Situationen gesehen, in denen einer oder mehrere der Favicon-Referenzen auf Dateien verweisen, die die Anforderungen nicht erfüllen, und Google stattdessen einfach das generische Globus-Favicon in den SERPs angezeigt hat. Überprüfen Sie also einfach alle Verweise auf Ihr Favicon von Ihrer Homepage und stellen Sie sicher, dass sie in Ordnung sind.

Beispielsweise wurde das Favicon dieser Website nicht richtig angezeigt. Es stellte sich heraus, dass die Homepage mehrere rel=“icon“-Referenzen aufwies und einer nicht den Google-Richtlinien entsprach. Dies zu beheben, indem nur eine rel="icon"-Referenz auf die richtige Datei verweist, ermöglichte es der Website, ihr Favicon in den SERPs wiederzuerlangen:

4. Äh, leerer Favicon-Code …
Ja, das scheint offensichtlich, aber ich habe es leider in Aktion gesehen. Wenn Sie die Datei im Favicon-Code buchstäblich weglassen, haben Sie offensichtlich Favicon-Probleme in der Suche. :) Wenn Sie also Favicon-Probleme haben, überprüfen Sie auf jeden Fall Ihren Code. Und ich empfehle auch, die verschiedenen Testtools von Google zu verwenden, um sowohl das statische HTML als auch das gerenderte HTML zu überprüfen, um sicherzustellen, dass Ihr Code korrekt ist.

5. Ihre Plattform oder Ihr CMS ist Favicon-technisch verpfuscht.
Websites, die eine bestimmte Plattform oder ein bestimmtes CMS zum Ausführen ihrer Website verwenden, befinden sich möglicherweise in einer Situation, in der sie ihr Favicon nicht einfach festlegen oder anpassen können. Und in Situationen, in denen Sie nicht viel Kontrolle haben, verlassen Sie sich ausschließlich auf die Plattform oder das CMS, um es richtig zu machen. Und wie Sie sich vorstellen können, funktioniert das nicht immer gut.

Und ja, das bedeutet, dass alle Websites , die diese Plattform verwenden, Favicon-Probleme haben könnten. Ich habe dieses Problem kürzlich für eine kleinere E-Commerce-Plattform aufgetaucht. Google ersetzt das Favicon einfach nicht durch den generischen Globus, es lässt das Favicon buchstäblich leer! Das ist meiner Meinung nach noch schlimmer, als das generische Favicon zu erhalten …

Und wenn Sie eine Abfrage durchführen, die viele Websites aufruft, die die Plattform verwenden, können Sie das weit verbreitete Problem erkennen. Ja, das sind alle Seiten auf der Plattform mit fehlenden Favicons (nicht einmal das generische Favicon). Und schauen Sie sich das zweite Listing im SERP an… das Seitenverhältnis ist für das Favicon durcheinander geraten. Wir haben also eine Mischung aus leeren Favicons und einem verzerrten. Nicht gut.

Bonus 1: Gehen Sie mit Ihrem Favicon nicht an die Grenzen.
In seiner Dokumentation hat Google erklärt, dass es keine Favicons anzeigen wird, die es für unangemessen hält (wie Pornografie oder Hasssymbole). In diesem Fall stellt Google einfach das standardmäßige, generische Favicon bereit. Denken Sie einfach daran, wenn Sie ein Favicon erstellen ... Ich bin sicher, dass dies die meisten Websites nicht betrifft, aber es kann eindeutig zu Problemen mit der korrekten Anzeige Ihres Favicons in den SERPs führen.

Folgendes erklärt Google in seiner Favicon-Dokumentation:

Bonus 2: Erstellen Sie ein adaptives Favicon, das im Dunkelmodus gut funktioniert.
Die Leute lieben den dunklen Modus, und dazu gehört auch die Google-Suche. Aber ich finde, dass viele nicht testen, wie ihr Favicon im Dunkelmodus angezeigt wird.

Sobald Sie Ihr Favicon im dunklen Modus überprüft haben und der Meinung sind, dass es nicht optimal aussieht, können Sie jederzeit ein adaptives Favicon erstellen, das sowohl im hellen als auch im dunklen Modus großartig aussieht. Erstellen Sie beispielsweise ein SVG, das Medienabfragen verwendet, um sicherzustellen, dass sich Ihr Favicon an die aktuelle Umgebung anpasst (heller Modus versus dunkler Modus).

Adam Argyle hat einen Beitrag geschrieben, in dem erklärt wird, wie man ein adaptives Favicon auf web.dev erstellt, in dem er Sie durch den Prozess der Erstellung eines SVG führt, das sich je nach Hell- oder Dunkelmodus ändern kann. Ich habe es noch nicht getestet, aber es ist eine interessante Technik, die in der Demo gut zu funktionieren scheint. Das könnte ich in naher Zukunft versuchen.

Zusammenfassung: Setzen Sie Ihr bestes Favicon, ich meine Fuß, in der Suche nach vorne mit einem, das tatsächlich angezeigt wird.
Ich hoffe, dieser Beitrag hat Ihnen geholfen, einige der häufigsten Favicon-Probleme zu verstehen, die mir aufgefallen sind, als ich Websitebesitzern geholfen habe, die mich um Hilfe gebeten haben. Da Favicons prominent in den mobilen Suchergebnissen angezeigt werden, möchten Sie nicht, dass ein nicht optimales Favicon den Benutzern ins Gesicht starrt. Und Sie möchten auch nicht das „meh“ generische Favicon, das Google bereitstellen kann, oder schlimmer noch, ein leeres Favicon. Ein paar Minuten, in denen Sie sich mit der Situation befassen, können normalerweise das Kernproblem des Favicons ans Licht bringen. Und einmal behoben, können Sie endlich ein Favicon haben, das für Sie arbeitet, anstatt gegen Sie. Viel Glück.

GG