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

  • 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
  • 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!


    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