Favicon

Vad är en favicon?

En favicon (favoritikon) är en liten ikon - vanligtvis 16×16 eller 32×32 pixlar - som visuellt representerar din webbutik i webbläsarens användargränssnitt. Du kan se den i flikar, bokmärken, webbläsarhistorik och på mobila enheter som en appikon när användaren sparar din webbplats på startskärmen.

Google visar också favicons i mobila sökresultat bredvid ditt webbplatsnamn, vilket gör det till ett synligt varumärkeselement i SERP.

Var visas din favicon?

• Webbläsarflikar: Den mest synliga platsen. När användarna har många flikar öppna är favicon det enda som identifierar din sida.
• Bokmärken: Gör det enkelt att hitta din webbshop i bokmärkeslistan.
• Googles sökresultat: Visas i mobilen bredvid ditt domännamn i SERP:en.
• Genväg till startskärmen: När användare lägger till din webbutik på telefonens startskärm används favicon som en appikon.
• PWA (Progressive Web App): Används som en ikon om din webbutik fungerar som en PWA.

Krav för favicons

För att din favicon ska visas korrekt överallt bör du tillhandahålla den i flera storlekar:

• 16×16 px: webbläsarflikar (klassisk favicon-storlek)
• 32×32 px: Retina-flikar i webbläsaren och genvägar i Windows
• 180×180 px: Apple Touch-ikon (iOS-startskärm)
• 192×192 px: Android Chrome-startskärm
• 512×512 px: PWA-startskärm och stora appikoner

Favicon i Shoporama

I Shoporama kan du ladda upp din favicon direkt via adminpanelen. Systemet stöder PNG-, JPG- och SVG-format. Faviconen visas automatiskt i 64×64 pixlar i din webbshop. Du kan också ange en extern URL för din favicon om den finns någon annanstans.

Så här gör du en bra favicon

• Håll det enkelt: en favicon är extremt liten. Använd en enkel symbol, bokstav eller förenklad logotyp - inte din fullständiga logotyp med text.
• Tänk på kontrasten: Se till att ikonen syns på både ljusa och mörka bakgrunder. Undvik mycket ljusa färger.
• Användditt varumärke: Använd ditt varumärkes primärfärg och ett igenkännbart element så att användarna snabbt kan identifiera din webbplats bland många flikar.
• Testasmått: Visa alltid din favicon i 16×16 pixlar för att säkerställa att den är igenkännbar i webbläsarfliken.
• SVG är optimalt: SVG-formatet skalar perfekt till alla storlekar och är den mest framtidssäkra lösningen.

Favicons och SEO

Favicons har ingen direkt SEO-effekt, men de påverkar din synlighet indirekt:

• En igenkännbar favicon i Googles sökresultat kan öka din klickfrekvens (CTR)
• Det ökar varumärkesigenkänningen i webbläsarflikar och bokmärken
• Google kräver en favicon för att visas i sökresultat för mobila enheter - utan den visas en generisk ikon