Website Favicon funktioniert normal, aber nicht in Chrome Lesezeichen

Question

Das Favicon meiner Website funktioniert einwandfrei, wenn ich auf einzelne Seiten zugreife.

Aber wenn ich es bookmarken, zeigt nur das root (xxx.com) das Favicon. Andere Seiten (z. B. xxx.com/anypage.html) werden nicht angezeigt.

Meine Website ist: http://iogames.ga

Es ist eine Lesezeichen-Taste für Drag-and-Drag, die Datei nach einem Sturz in Google Chrome Lesezeichen zeigt nicht das Favicon.

Was soll ich tun, um es zu beheben? Vielen Dank !!! :)

Answer 1

ich diesen https://realfavicongenerator.net/ lieben Sobald Sie die Website erstellt alle verschiedenen Favicons und Code ein 260px x 260 Pixel Bild hochladen. Dann auf Tabletten und moobile Geräten, wenn Sie das Lesezeichen speichern Sie es wie ein App-Symbol Beispiel https://realfavicongenerator.net/favicon_checker?site=http%3A%2F%2Fnationalkitchencabinets.com%2F&ignore_root_issues=on#.V0yL-77PSSo

Die Seite wird Sie wie dieser Code schreiben in dem ‚‘ Top-Abschnitt Ihrer Seite auf Ihrem Gerät aussieht. Platzieren Sie dann ALLE Symbole, die Sie erhalten, im Stammverzeichnis der Website.

<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"> 
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"> 
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"> 
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"> 
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"> 
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"> 
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"> 
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"> 
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"> 
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> 
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> 
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> 
<link rel="manifest" href="/manifest.json"> 
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> 
<meta name="msapplication-TileColor" content="#da532c"> 
<meta name="msapplication-TileImage" content="/mstile-144x144.png"> 
<meta name="theme-color" content="#ffffff"> 

Answer 2

Versuchen Sie, absoluten Pfad anstelle:

<link rel="shortcut icon" href="http://iogames.ga/favicon.ico" />