· 2 min read · Branding

Favoritikon

En favoritikon är den lilla ikonen som visas i webbläsarens flikar, bokmärken och Googles mobilresultat som hjälper kunder att känna igen din webbutik.

Kasper Hermann Due Stück
Grundare & E-handelsspecialistBygger Shopify-appar med fokus på SEO och tillväxt för e-handlare.

Vad är en favicon?

En favicon (favoritikon) är den lilla fyrkantiga ikonen som representerar din webbplats i webbläsarflikar, bokmärken, webbläsarhistorik och i Googles mobila sökresultat. Den deklareras vanligtvis med en <link rel="icon">-tagg i sidans <head>, och som en reservwebbläsare försöker automatiskt ladda filen /favicon.ico från domänens rot. Moderna favicons levereras som .ico, .png eller .svg – och en enda .ico-fil kan hålla flera storlekar (16×16, 32×32 och 48×48).

Varför spelar en favicon roll?

För en webbutik är en favicon en liten men synlig del av varumärket. När en kund har många flikar öppna är ikonen ofta det enda som gör din butik lätt att hitta igen. Google visar även din favoritikon bredvid resultatet i mobilsökning, så en skarp, igenkännbar ikon stärker både klickfrekvens och förtroende. När faviconen saknas visar webbläsaren bara en tom standardplatshållare, vilket gör att sidan känns oavslutad eller mindre professionell.

Vanliga användningsfall

  • Igenkänning i webbläsarflikar när kunden har flera sidor öppna samtidigt.
  • Visa bredvid ditt resultat i Googles mobila sökresultat (Google rekommenderar en fyrkantig ikon som är en multipel av 48px, t.ex. 48×48).
  • Ikon när en kund sparar butiken som ett bokmärke eller till startskärmen (via apple-touch-icon, vanligtvis 180×180).
  • Konsekvent varumärkesidentitet över webbläsare, flikar och delade länkar.

Shopify perspektiv

I Shopify laddar du upp din favoritikon direkt i temaredigeraren under temainställningarna – ingen kodredigering krävs. Shopify skalar ner bilden till 32×32 px, så ladda upp en enkel, fyrkantig grafik som förblir tydlig i små storlekar (undvik fina detaljer och mycket text). Att byta tema återställer inte nödvändigtvis favoritikonen, men kontrollera alltid resultatet efter en temaändring. Tänk på faviconen tillsammans med din andra visuella metadata som Open Graph, så att din butik ser konsekvent ut i flikar, sökresultat och delade länkar.

Pocium-uppdateringar för Shopify-e-handlare

Nya appar, praktiska Shopify-guider och produktuppdateringar.