Favicon ei näy: tiedostot, linkit ja välimuisti

Valitse ikoni, joka toimii pienellä koolla

Käytä yksinkertaista neliön symboliä yksityiskohtaisen kuvan tai pitkän sanamuodon sijaan. Tarkista 16-pikselin ennakkoluulo sivuston taulukossa ikonissa (favicon) Generator. ZIP sisältää monikokoisen ICO: n, PNG-kuvan, webmanifestin ja HTML-näytön. Muuntaa tuettu SVG PNG ensin, jos lähde on vektoritiedosto.

Tallenna tiedostot ja vahvistaa niiden osoitteet

Poista ZIP ja lataa valitsemasi ikonin tiedostot omalle verkkosivustollesi. Avaa jokainen suunnitellut ikonin URL selaimessa ja vahvistaa, että se palauttaa kuvan paitsi kirjautumisen sivun, puuttuvan tiedoston näytön tai HTML-asiakirjan. Käytä HTML-näytettä lähtökohtana ja säädä reittejä todelliseen latauspaikkaan. Yksin manifestien luominen ei muuta sivustoa asennettavaksi sovellukseksi.

Käytä alustan ikonin asetusta, missä se on käytettävissä

Teeman tai verkkosivuston rakentaja voi jo hallita ikonin merkintää. Aseta ikoni siellä sen sijaan, että lisätään useita kilpailevia merkkejä. Käytettävissä sivuissa tarkista renderattu pää ja tarkista, mitkä rel="icon" ja Apple touch icon URL-osoitteet se ilmoittaa. Oikea tiedosto palvelimessa ei auta, jos sivu osoittaa toisen tien.

Erottele varmuuskopioiden viiveet asennusvirheistä

Kun muutat kuvaketta, poista sivusto tai CDN-katsastus ja kokeile tuoretta selaimen istuntoa. Verkkosivusto voi säilyttää vanhan ikonin myös sivun uudelleen lataamisen jälkeen. Hakutulokset tarttuvat ja näytetään ikoneita itsenäisesti, joten oikea selaimen taulukko ei lupa välittömän hakutuloksen päivityksen. Vältä toistuvasti uusien kuvioiden luomista, kun taas rikki URL-osoite tai sivun kaappi pysyy todellisena syynä.

Jatka liittyvällä työkalulla