Favicon wird in mobiler Suche nicht angezeigt

[alchef12]

Hallo

ich habe da ein Problem, welches sich einfach nicht lösen lässt.

Bei der mobilen Google Suche (Chrome Browser) wird das Favicon meiner Webseite in den Suchergebnissen nicht angezeigt.
Stattdessen zeigt Google nur das Default Favicon (die graue Weltkugel) neben meiner URL.
Es geht hier wirklich nur um die Anzeige in den Suchergebnissen. Im Browser Tab wird das Favicon normal ausgespielt.

Was ich überhaupt nicht verstehe:

Ich habe das Favicon damals beim Aufsetzen (Wordpress) meiner Website (vor ca. 10 Monaten) über Desings/Customizer/Website Informationen eingefügt.
Die ersten Monate spielte es Google ganz normal aus (Wie auch bei meinen anderen Websites).
Ohne erkennbaren Grund wurde dann aber von einem auf den anderen Tag das Default Favicon ausgespielt. Das geht jetzt schon seit 3 Monaten so und ich weiß nicht recht was ich tun kann.

Mein Versuch:

Habe dann versucht das Favicon so zu implementieren, wie Google es empfiehlt. ( developers.google.com/search/docs/advanced/appearance/favicon-in-search?hl=de )
Dazu hab ich eine favicon.ico Datei erstellt und in meine img Datei im Root Verzeichnis geladen und dann folgenden Code in die header.php Datei eingefügt:

<link rel="shortcut icon" href="img/favicon.ico">

Hat auch nichts geholfen

Leider fehlen mir einfach die Programmierkenntnisse oder generell die Kenntnisse um das Problem zu verstehen. Vielleicht kann mir irgendjemand weiterhelfen?
Würde mich sehr freuen.

Meine Website: zaubertrick-lernen.de

[arnego2]

Eventuell hat dir ein Update deine Änderung zurückgestellt.

[supervisior]

ich habe da ein Problem, welches sich einfach nicht lösen lässt.

Das Problem ist ja auch selbstgemacht. Ruf mal Dein favicon auf, schau Dir an wie groß es ist und dann such mal nach der Spezifikation von favicons:

https://www.zaubertrick-lernen.de/img/favicon.ico

[alchef12]

Hallo, danke für die Antwort.

Daran kann es nicht liegen, das Favicon wird in den Suchergebnissen schon seit Monaten nicht ausgespielt.

Das Favicon mit der Größe 240x240 und den Tag <link rel="shortcut icon" href="img/favicon.ico">
habe ich erst vor kurzen eingefügt.

Früher war das Favicon normal über Customizer/Website Informationen über Wordpress eingefügt. Und es wurde in der mobilen Suche angezeigt. Bis eben zu diesem Tag x, wo es plötzlich nicht mehr angezeigt wurde, ohne einen erkennbaren Grund.

Außerdem empfiehlt Google ( developers.google.com/search/docs/advanced/appearance/favicon-in-search?hl=de ),
dass das Favicon ein vielfaches von 48px sein soll, wenn es google in den mobilen Suchergebnissen ausspielen soll.

[supervisior]

Naja, ohne erkennbaren Grund stimmt so ja mal nicht. Du hast das Favicon geändert, was zumindest eine Änderung darstellt. Von daher wäre das zumindest der naheliegendste Grund, wenn seit dem das Favicon nicht mehr angezeigt wird.

Google mag Dir anbieten ein Vielfaches von 48 x 48px für das Favicon anzubieten. Das mag Google für die Anzeige in der mobilen Suche genügen/recht sein, um es dann doch auf ein deutlich kleineres Maß zu reduzieren. Du hast aber keinen Vorteil deswegen, wenn Du ein x-fach größeres Favicon bereitstellst. Vielmehr ergibt sich daraus ein erheblicher Nachteil. Auch wenn mobile Geräte für das jeweilige mobile Gerät nicht das Favicon verwenden, wird, bzw. muss es trotzdem geladen werden. Du zwingst Deinen mobilen Besuchern also auf eine vollkommen unnötige größere Datenmenge wegen diesem übergroßen Favicon zu laden, was überhaupt nicht notwendig ist. Wir reden hier ja nicht um 2 oder 3kb, sondern dem x-fachen von gewöhnlich nicht mehr als roundabout 15kb. Also mach es auch nicht größer als 48 x 48px.

Aber mal losgelöst davon, Deinem HTML Tag für das Favicon fehlt womöglich was Entscheidendes.

Dein Code:

Code: Alles auswählen

<link rel="shortcut icon" href="img/favicon.ico">

Und so sollte er sein:

Code: Alles auswählen

<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">

[alchef12]

Ok, ich Danke dir für deine ausführliche Antwort.

Ich werde die Schritte jetzt einmal so umsetzen und vielleicht funktioniert es ja dann

[supervisior]

Gib mal bitte Rückmeldung, obs daran lag.

[alchef12]

So habe jetzt einmal 1 Woche gewartet.

Es hat leider nicht funktioniert, dass Favicon wird bei der mobilen Suche immer noch nicht angezeigt.

Habe den Code jetzt wieder aus der Header Datei gelöscht und erzeugt das Favicon ( wie bei meinen anderen Websites auch) wieder über ein Plugin (Real Favicon Generator).

Wie ich das Problem lösen soll weiß ich leider nicht wirklich.. Hab schon viel versucht.

Lg, Andreas

[supervisior]

Du hättest den geänderten Code belassen sollen, weil 1 Woche viel zu kurz ist um zu erwarten, dass Google so schnell das Favicon austauscht. Der geänderte Code ist der richtige Code und einen anderen gibt es dafür nicht.

[Milanex]

Die Aktualisierung eines Favicons ist extrem langsam. Es kann gut 2 Monate oder mehr dauern.

Gruß
Milanex

[alchef12]

Okey,

danke für eure Antworten.

Hab den Code wieder eingefügt und das Plugin gelöscht und werde jetzt einmal ein paar Monate zuwarten

Lg, Andreas

[alchef12]

Hallo,

ich habe festgestellt, dass das Favicon mit diesem Code nur für meine Hauptseite angezeigt wird.

Jedoch nicht für alle anderen Unterseiten/Verzweigungen. Da wird das Default Favicon ausgespielt.

Hat jemand eine Idee was da schiefläuft?

Lg, Andreas

[supervisior]

Link zur Seite?

[alchef12]

www.zaubertrick-lernen.de

[supervisior]

Wie und womit hast Du denn den Code fürs Favicon eingefügt?