Favicon

Vad är ett favicon?

Ett favicon (favorite icon) är en liten ikon – vanligtvis 16×16 eller 32×32 pixlar – som visuellt representerar din webbutik i webbläsarens användargränssnitt. Du ser den i flikar, bokmärken, webbläsarhistoriken och på mobila enheter som appikon när användaren sparar din sida till startskärmen.

Google visar också favicons i mobilsökresultaten bredvid ditt webbplatsnamn, vilket gör det till ett synligt varumärkeselement i SERP: en.

Var visas ditt favicon?

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

Krav på 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-webbläsarflikar och Windows-genvägar
• 180×180 px: Apple Touch Icon (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 ditt favicon direkt via adminpanelen. Systemet stöder formaten PNG, JPG och SVG. Faviconet visas automatiskt i storleken 64×64 pixlar i din webbutik. Du kan också ange en extern URL till ditt favicon om det ligger på en annan server.

Så här skapar du ett bra favicon

• Håll det enkelt: En favicon är extremt liten. Använd en enkel symbol, en bokstav eller en förenklad logotyp – inte din fullständiga logotyp med text.
• Tänk på kontrasten: Se till att ikonen syns tydligt både på ljusa och mörka bakgrunder. Undvik mycket ljusa färger.
• Använd ditt varumärke: Använd ditt varumärkes primära färg och ett igenkännbart element, så att användarna snabbt kan identifiera din sida bland många flikar.
• Testa i liten storlek: Granska alltid ditt favicon i storleken 16×16 pixlar för att säkerställa att det är igenkännbart i webbläsarens flikar.
• 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:

• Ett igenkännbart favicon i Googles sökresultat kan öka din klickfrekvens (CTR)
• Det ökar varumärkeskännedomen i webbläsarflikar och bokmärken
• Google kräver en favicon för att visa den i mobila sökresultat – utan den visas en generisk ikon