Favicon

Hva er et favicon?

Et favicon (favorittikon) er et lite ikon - vanligvis 16×16 eller 32×32 piksler - som visuelt representerer nettbutikken din i nettleserens brukergrensesnitt. Du ser det i faner, bokmerker, nettleserhistorikk og på mobile enheter som et appikon når brukeren lagrer nettstedet ditt på startskjermen.

Google viser også favicons i søkeresultatene for mobiler ved siden av navnet på nettstedet ditt, noe som gjør det til et synlig merkevareelement i SERP.

Hvor vises faviconet ditt?

• Nettleserfaner: Det mest synlige stedet. Når brukerne har mange faner åpne, er faviconet det eneste som identifiserer siden din.
• Bokmerker: Gjør det enkelt å finne nettbutikken din i bokmerkelisten.
• Googles søkeresultater: Vises på mobilen ved siden av domenenavnet ditt i SERP.
• Snarvei til startskjermen: Når brukere legger til nettbutikken din på telefonens startskjerm, brukes faviconet som et appikon.
• PWA (Progressive Web App): Brukes som et ikon hvis nettbutikken din fungerer som en PWA.

Krav til favicons

For at faviconet ditt skal vises riktig overalt, bør du levere det i flere størrelser:

• 16×16 px: Nettleserfaner (klassisk favicon-størrelse)
• 32×32 px: Retina-nettleserfaner og Windows-snarveier
• 180×180 px: Apple Touch-ikon (iOS-startskjermen)
• 192×192 px: Android Chrome-startskjermen
• 512×512 px: PWA-visning og store appikoner

Favicon i Shoporama

I Shoporama kan du laste opp faviconet ditt direkte via administrasjonspanelet. Systemet støtter formatene PNG, JPG og SVG. Faviconet vises automatisk i 64×64 piksler i nettbutikken din. Du kan også angi en ekstern URL for faviconet ditt hvis det ligger et annet sted.

Slik lager du et flott favicon

• Hold det enkelt: et favicon er ekstremt lite. Bruk et enkelt symbol, en bokstav eller en forenklet logo - ikke hele logoen din med tekst.
• Tenk kontrast: Sørg for at ikonet er synlig på både lyse og mørke bakgrunner. Unngå veldig sterke farger.
• Bruk merkevarendin: Bruk merkevarens primærfarge og et gjenkjennelig element, slik at brukerne raskt kan identifisere nettstedet ditt blant mange faner.
• Test iliten størrelse: Vis alltid faviconet ditt i 16×16 piksler for å sikre at det er gjenkjennelig i nettleserfanen.
• SVG er optimalt: SVG-formatet skalerer perfekt til alle størrelser og er den mest fremtidssikre løsningen.

Favicons og SEO

Favicons har ingen direkte SEO-effekt, men de påvirker synligheten din indirekte:

• Et gjenkjennelig favicon i Googles søkeresultater kan øke klikkfrekvensen (CTR)
• Det øker merkevaregjenkjennelsen på tvers av nettleserfaner og bokmerker
• Google krever et favicon for å vise søkeresultater på mobil - uten et favicon vises et generisk ikon