Favicon
Silktide kontrollerar att varje sida på din webbplats har en favicon, den lilla ikon som webbläsare visar för din webbplats i flikar, bokmärken och på telefoners startskärmar.
En anges normalt med en <link>-tagg
i varje sidas :
<!-- I sidans <head> -->
<link rel="icon" type="image/png" href="/icons/favicon.png">
Webbläsare använder också en favicon.ico-fil i webbplatsens rotkatalog som reserv när ingen tagg
finns, så båda metoderna uppfyller detta kontroll.
Varför detta är viktigt
Utan en favicon visas din webbplats som en tom eller generisk platshållarikon i
webbläsarflikar och bokmärken, vilket gör det svårare för besökare att hitta dig bland
deras öppna flikar och lätt att missa dig i bokmärkeslistor. En favicon som saknas
får också webbplatsen att se ofärdig ut, och webbläsare begär ändå \favicon.ico, vilket
fyller dina serverloggar med undvikbara fel.
Eftersom favicons vanligtvis anges för hela webbplatsen i en mall tyder en favicon som saknas ofta på att sidor har skapats utanför din huvudmall – vilket i sig är värt att känna till.
Så åtgärdar du problemet
- Skapa din ikon. En PNG-bild på 32x32 pixlar är en bra miniminivå; om du tillhandahåller en SVG-bild eller flera PNG-storlekar kan varje enhet välja den skarpaste passformen.
- Lägg till en
<link rel="icon">-tagg i webbplatsens mall så att den visas på varje sida. De flesta -plattformar har en inställning för favicon eller ”webbplatsikon” som gör detta åt dig. - Alternativt (eller dessutom) laddar du upp ikonen som
favicon.icoi webbplatsens rotkatalog så att den kan nås påhttps://yoursite.com/favicon.ico.
Så testar Silktide detta
- På varje HTML-sida letar vi efter
<link>-taggar i sidans head varsrel-attribut innehållericonoch som pekar på en nedladdningsbar bild. - Om inga sådana hittas provar vi reservplatsen
\favicon.icoi webbplatsens rotkatalog och kontrollerar att den returnerar en giltig bild. - Vi rapporterar varje sida där ingen av metoderna hittar en favicon och följer över tid andelen av dina sidor som har en.
Felsökning
Min webbplats har en favicon, men vissa sidor flaggas
Faviconens <link>-tagg måste finnas på varje sida. Sidor som genereras utanför
din huvudmall – felsidor, landningssidor och inbäddade appar – saknar den ofta. En favicon.ico-fil
i webbplatsens rotkatalog täcker alla sidor på en gång, så att lägga till en sådan är den snabbaste generella lösningen.
Taggen finns där, men kontrollen misslyckas fortfarande
Kontrollera att ikonens adress faktiskt returnerar en bild: en favicon-tagg som pekar på en flyttad eller borttagen fil gör att kontrollen misslyckas precis som en tagg som saknas.