Favicon
Silktide kontrollerer at hver side på nettstedet ditt har et favicon, det lille ikonet nettlesere viser for nettstedet ditt i faner, bokmerker og på startskjermer på telefoner.
Et angis vanligvis med en <link>-tagg
i hver sides :
<!-- I sidens <head> -->
<link rel="icon" type="image\/png" href="\/icons\/favicon.png">
Nettlesere bruker også en favicon.ico-fil i roten av nettstedet når ingen tagg
finnes, så begge metodene oppfyller dette kontrollen.
Hvorfor dette er viktig
Uten et favicon vises nettstedet ditt som et tomt eller generisk plassholderikon i
nettleserfaner og bokmerker, noe som gjør det vanskeligere for besøkende å finne deg blant
fanene de har åpne, og lett å overse i bokmerkelister. Et manglende favicon
ser også uferdig ut, og nettlesere ber uansett om \/favicon.ico, noe som fyller
serverloggene dine med unødvendige feil.
Fordi favicons vanligvis angis for hele nettstedet i en mal, tyder et manglende favicon ofte på sider som er bygget utenfor hovedmalen din – noe det i seg selv er verdt å vite om.
Slik løser du det
- Lag ikonet ditt. En PNG på 32 x 32 piksler er et godt minimum; hvis du tilbyr en SVG eller flere PNG-størrelser, kan hver enhet velge den skarpeste varianten.
- Legg til en
<link rel="icon">-tagg i nettstedsmalen din, slik at den vises på hver side. De fleste -plattformer har en innstilling for favicon eller «nettstedsikon» som gjør dette for deg. - Alternativt (eller i tillegg) kan du laste opp ikonet som
favicon.icoi rotkatalogen til nettstedet ditt, slik at det blir tilgjengelig påhttps:\/\/yoursite.com\/favicon.ico.
Slik tester Silktide dette
- På hver HTML-side ser vi etter
<link>-tagger i sidens head derrel- attributtet inneholdericon, og som peker på et bilde som kan lastes ned. - Hvis ingen blir funnet, prøver vi den konvensjonelle reserveplasseringen
\/favicon.icoi roten av nettstedet og kontrollerer at den returnerer et gyldig bilde. - Vi rapporterer hver side der ingen av metodene finner et favicon, og følger med på prosentandelen av sidene dine som har et over tid.
Feilsøking
Nettstedet mitt har et favicon, men noen sider blir flagget
Favicon-<link>-taggen må finnes på hver side. Sider som genereres utenfor
hovedmalen din – feilsider, landingssider og innebygde apper – mangler den ofte. En
favicon.ico-fil i roten av nettstedet dekker alle sider samtidig, så det å legge til
en slik fil er den raskeste generelle løsningen.
Taggen er der, men kontrollen mislykkes fortsatt
Kontroller at ikonadressen faktisk returnerer et bilde: En favicon-tagg som peker på en flyttet eller slettet fil, mislykkes i kontrollen på samme måte som en manglende tagg.