Vad är en favicon? Den lilla ikonen som syns i Google

En favicon är den lilla symbolen som visar ditt företags märke i webbläsarfliken, i bokmärken, på mobilens hemskärm och i Googles sökresultat. Ordet kommer från engelskans favorite icon, alltså favoritikon. Trots formatet avgör ikonen ofta om din hemsida ser färdig och pålitlig ut vid första anblicken.

Ser du bara en grå eller blå standardjordglob vid webbadressen saknas en godkänd ikon. För en snickare i Katrineholm eller en frisör i Nyköping gör symbolen att kunden direkt känner igen rätt firma.

Här syns ikonen för dina kunder

Ikonen dyker upp i webbläsarfliken, i Googles sökresultat, i bokmärken och på mobilens hemskärm. På datorn sitter den längst upp i varje öppen flik, enligt MDN:s ordlista om favicon. Har kunden många flikar öppna när hen jämför leverantörer visar symbolen vägen tillbaka till din sida.

I Googles sökresultat ligger ikonen precis till vänster om ditt företagsnamn och din webbadress. Där samspelar den med sidans rubrik och din meta description för att vinna kundens klick. En egen symbol visar att det står ett riktigt företag bakom länken.

Samma märke visas i bokmärkeslistan när någon sparar din hemsida för att boka eller beställa senare. Sparar en kund sidan som en genväg på telefonen blir symbolen en knapp på hemskärmen. Den detaljen hör ihop med en genomtänkt mobilanpassad hemsida där allt fungerar smidigt på liten skärm.

Varför visar Google en anonym jordglob?

Google visar en anonym jordglob när hemsidan saknar en giltig ikonfil eller när bilden har fel proportioner. Enligt Googles riktlinjer för ikoner i sökresultatet måste bilden vara helt kvadratisk och öppen för sökmotorns bildläsare. Google rekommenderar även att filen är större än 48 pixlar på varje ledd.

I början av november gick nya ikoner live på en kundsajt. Sajten har nu favicon.svg, favicon.ico, PNG-ikoner (48x48 och 96x96) och en apple-touch-icon (180x180).

Hela logotyper med långa företagsnamn blir oläsliga när de krymps ner till en liten ruta. Google tillåter bara en ikon per webbplatsadress (värdnamn), och filen måste ligga på en stabil webbadress. Det är en bra punkt att kontrollera när du undersöker varför hemsidan inte syns på Google som väntat.

Be din webbyrå om rätt ikonfiler

Du ber din webbyrå att plocka ut en enkel, kvadratisk symbol ur logotypen och lägga in den i koden. När webbyrån ska skapa favicon åt ditt företag tar de själva märket eller en tydlig bokstav utan liten text. Då förblir ikonen skarp både på en kontorsskärm och i en mobiltelefon. Saknar du ett tydligt grundmärke kan du börja med vår guide om att skapa logga för företaget.

På kundsajten la vi in en skalbar vektorfil i formatet SVG som håller sig skarp i alla storlekar. Vi la även till fasta PNG-bilder, favicon.ico och en hemskärmsikon för mobil direkt i vår gemensamma sidmall. Vi bygger i Astro, ett modernt verktyg för snabba hemsidor i egen kod där vi styr filerna utan tunga tillägg.

I sidhuvudet, alltså den osynliga delen överst i koden, pekar raden <link rel="icon" href="/favicon.ico"> ut bildfilen. Enligt Googles guide om omindexering tar det från några dagar till några veckor innan en ny ikon syns i sökresultatet. Du kan själv begära ny inläsning av startsidan genom att följa vår guide om Google Search Console för nybörjare.

Källor

• Define a favicon to show in search results (Google Search Central)
• Favicon – Glossary (MDN Web Docs)
• HTML attribute: rel=“icon” (MDN Web Docs)
• Ask Google to recrawl your URLs (Google Search Central)