AlbITDin personliga IT-partner

Analysera din sajt

Ikonen i webbläsarfliken

Den lilla bilden i fliken bredvid sidans namn kallas favicon. Den syns i fliken, i bokmärken och i Googles sökresultat i mobilen. Saknas den visas en grå jordglob, och sidan ser oavslutad ut.

Så mäter granskaren

OK

Sidan har en egen ikon i fliken.

Varning

Sidan saknar ikon i fliken. Aldrig mer än en varning, det är en liten detalj med liten vikt.

Den här kontrollen väger 5 av 100 poäng.

Därför spelar det roll

Google visar din ikon bredvid företagsnamnet i mobilens sökresultat. Konkurrenterna med logga ser färdiga ut, du får en tom cirkel. Samma logga ska ligga på din företagsprofil på Google, så att kunden känner igen dig i kartan och i fliken.

Kunden har ofta flera flikar öppna medan hen jämför. Din ikon är det som gör att fliken går att hitta igen.

Det är den minsta kontrollen i granskningen, och den enklaste att fixa. Men det är sådana detaljer som skiljer en hemsida som känns färdig från en som ser halvgjord ut.

Så fixar du det

  1. Ta en förenklad version av loggan, gärna bara symbolen eller en bokstav, som funkar i 32 gånger 32 bildpunkter.

  2. Spara den som png eller svg och ladda upp den där ditt verktyg har fältet för webbplatsikon eller favicon.

  3. Öppna sidan i en ny flik och kolla att ikonen syns. Gamla ikoner kan sitta kvar i cachen ett tag.

Ikon, delningsbild och logga i rätt storlekar ingår i varje bygge. Se vad det kostar.

Så ser det ut i praktiken

Den här kontrollen är den minsta i granskningen och väger 5 av 100 poäng. Den kan inte bli röd. Antingen finns ikonen och raden blir grön, eller så saknas den och du får en varning. Granskaren letar först efter en ikon som pekas ut i sidans kod, och hittar den ingen kollar den om det ändå ligger en ikonfil på sajtens standardadress.

Ett vanligt läge är att ikonen aldrig blivit uppladdad. Sidan visar då webbläsarens grå standardsymbol i fliken, och samma tomma plats syns i bokmärkeslistan och i mobilens sökresultat, där Google visar ikonen bredvid företagsnamnet.

Ett annat läge är att ikonen finns men är fel bild: hela loggan med företagsnamnet i, nedkrympt till en yta stor som en bokstav. På skärmen blir det en suddig fläck. Det som fungerar i den storleken är symbolen ur loggan, en initial eller en enkel form.

Det är den lättaste punkten i listan att bocka av, och den enda som brukar gå att göra utan att någon rör koden.

Frågor och svar

Vad är en favicon?

Det är den lilla bilden i webbläsarfliken bredvid sidans namn. Samma bild dyker upp i bokmärken och i Googles sökresultat i mobilen.

Kan jag använda min vanliga logga som ikon?

Bara om den fungerar i en yta stor som en bokstav. Är loggan bred med företagsnamnet i blir den oläslig, och då är det bättre att plocka ut symbolen eller en initial.

Jag har laddat upp en ikon men ser den inte, vad är fel?

Ofta ligger den gamla ikonen kvar i webbläsarens minne. Öppna sidan i en ny flik eller i en annan webbläsare innan du felsöker vidare.

Gratis granskning

Hur mår din hemsida egentligen?

Skriv in din webbadress så granskar jag sidan direkt: säker anslutning, mobilanpassning, laddtid, synlighet i Google och kontaktvägar. Du får en poäng 0–100 och ser exakt var det brister. Gratis, inget konto.