Favicon wird in mobilen Browsern nicht dargestellt

    Hallo zusammen,


    ich habe auf meiner Website noch ein Problem mit den Favicons.

    Auf realfavicongenerator.net habe ich mir die Favicon-Dateien erstellen lassen, anschließend ins entsprechende Verzeichnis geladen (/templates/shaper_helixultimate) und im HTML-Header referenziert:


    <link rel="apple-touch-icon" sizes="180x180" href="/templates/shaper_helixultimate/apple-touch-icon.png?v=2">

    <link rel="icon" type="image/png" sizes="32x32" href="/templates/shaper_helixultimate/favicon-32x32.png?v=2">

    <link rel="icon" type="image/png" sizes="16x16" href="/templates/shaper_helixultimate/favicon-16x16.png?v=2">

    <link rel="manifest" href="/templates/shaper_helixultimate/site.webmanifest?v=2">

    <link rel="mask-icon" href="/templates/shaper_helixultimate/safari-pinned-tab.svg?v=2" color="#5bbad5">

    <link rel="shortcut icon" href="/templates/shaper_helixultimate/favicon.ico?v=2">

    <meta name="msapplication-TileColor" content="#da532c">

    <meta name="msapplication-config" content="/templates/shaper_helixultimate/browserconfig.xml?v=2">

    <meta name="theme-color" content="#ffffff">


    Am PC klappt alles wunderbar, bei mobilen Browsern auf dem Smartphone wird allerdings statt meines neuen Favicons das Joomla-Logo angezeigt (z.B. in den Google-Suchergebnissen).

    Erst war ich davon ausgegangen, dass Google die Seite noch nicht neu gecrawlt hatte, aber nachdem das inzwischen schon fast eine Woche her ist und sich noch nichts verändert hat, kann es wohl nicht daran liegen.


    Was mache ich falsch? hmm

    Zitat von whiterose13

    nachdem das inzwischen schon fast eine Woche her ist und sich noch nichts verändert hat, kann es wohl nicht daran liegen.

    Ich sag mal so: 1 Woche ist u.U. bei Google nix.

    Wenn ich mir den Google-Cache irgendeiner deiner Seiten anschaue und dann in Seitenquelltext gehe, steht da

    Code
    <link href="/templates/shaper_helixultimate/images/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
    <link href="/templates/shaper_helixultimate/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
    Code
    https://webcache.googleusercontent.com/search?q=cache:XykDRd3kVrcJ:https://www.mm-mediencentrum.de/index.php/de/agbs+&cd=11&hl=de&ct=clnk&gl=de
    Code
    view-source:https://webcache.googleusercontent.com/search?q=cache:XykDRd3kVrcJ:https://www.mm-mediencentrum.de/index.php/de/agbs+&cd=11&hl=de&ct=clnk&gl=de

    Und zusätzlich: Warum hast denn das falsche Favicon noch im Template liegen? Das findet vermutlich das Template und setzt es dann automatisch wie oben zu sehen ein. Und das an erster Stelle im Code, auch, wenn weiter drunter dann deine neuen Favicons ebenfalls kommen.

    Code
    https://www.mm-mediencentrum.de/templates/shaper_helixultimate/images/favicon.ico
    Zitat von Re:Later

    Hm, wenn ich bei mir Mobilgeräte simuliere, werden in Suchergebnissen (fast) überall die neuen Icons angezeigt, also ????

    Wenn ich das Mobilgerät nur simuliere, dann bekomme ich es auch angezeigt. Aber wenn ich tatsächlich mein Handy nehme und in Chrome nach der Seite google, dann bekomme ich das alte Joomla-Favicon angezeigt.

    Zitat von Re:Later

    Und zusätzlich: Warum hast denn das falsche Favicon noch im Template liegen? Das findet vermutlich das Template und setzt es dann automatisch wie oben zu sehen ein. Und das an erster Stelle im Code, auch, wenn weiter drunter dann deine neuen Favicons ebenfalls kommen.

    Code
    https://www.mm-mediencentrum.de/templates/shaper_helixultimate/images/favicon.ico

    Oh, stimmt, da war noch ein altes favicon ... das ist mir völlig entgangen, ich dachte, ich hätte es schon ausgetauscht.
    Vielleicht löst das bereits das Problem!

    Es hat tatsächlich daran gelegen. Nachdem ich es ausgetauscht habe, funktioniert es jetzt.

    Vielen Dank!


    Zitat von Re:Later

    Und zusätzlich: Warum hast denn das falsche Favicon noch im Template liegen? Das findet vermutlich das Template und setzt es dann automatisch wie oben zu sehen ein. Und das an erster Stelle im Code, auch, wenn weiter drunter dann deine neuen Favicons ebenfalls kommen.

    Code
    https://www.mm-mediencentrum.de/templates/shaper_helixultimate/images/favicon.ico