Favicon

Hvad er et favicon?

Et favicon (favorite icon) er et lille ikon — typisk 16×16 eller 32×32 pixels — der repræsenterer din webshop visuelt i browserens brugergrænseflade. Du ser det i faneblad, bogmærker, browserhistorik og på mobile enheder som app-ikon, når brugeren gemmer din side til startskærmen.

Google viser også favicons i mobilsøgeresultaterne ved siden af dit sitenavn, hvilket gør det til et synligt branding-element i SERP'en.

Hvor vises dit favicon?

• Browserfaner: Det mest synlige sted. Når brugere har mange faner åbne, er faviconet det eneste, der identificerer din side.
• Bogmærker: Gør det nemt at finde din webshop i bogmærkelisten.
• Google søgeresultater: Vises på mobil ved siden af dit domænenavn i SERP'en.
• Genvej på startskærm: Når brugere tilføjer din webshop til deres telefons startskærm, bruges faviconet som app-ikon.
• PWA (Progressive Web App): Bruges som ikon, hvis din webshop fungerer som en PWA.

Krav til favicons

For at dit favicon vises korrekt overalt, bør du levere det i flere størrelser:

• 16×16 px: Browserfaner (klassisk favicon-størrelse)
• 32×32 px: Retina-browserfaner og Windows-genveje
• 180×180 px: Apple Touch Icon (iOS startskærm)
• 192×192 px: Android Chrome startskærm
• 512×512 px: PWA splash screen og store app-ikoner

Favicon i Shoporama

I Shoporama kan du uploade dit favicon direkte via admin-panelet. Systemet understøtter PNG, JPG og SVG-formater. Faviconet vises automatisk i 64×64 pixels på din webshop. Du kan også angive en ekstern URL til dit favicon, hvis det hostes andetsteds.

Sådan laver du et godt favicon

• Hold det simpelt: Et favicon er ekstremt lille. Brug et simpelt symbol, et bogstav eller et forenklet logo — ikke dit fulde logo med tekst.
• Tænk i kontrast: Sørg for at ikonet er synligt på både lyse og mørke baggrunde. Undgå meget lyse farver.
• Brug dit brand: Brug dit brands primære farve og et genkendeligt element, så brugere hurtigt kan identificere din side bland mange faner.
• Test i lille størrelse: Se altid dit favicon i 16×16 pixels for at sikre, at det er genkendeligt i browserens faneblad.
• SVG er optimalt: SVG-formatet skalerer perfekt til alle størrelser og er den mest fremtidssikrede løsning.

Favicons og SEO

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

• Et genkendeligt favicon i Google-søgeresultater kan øge din klikrate (CTR)
• Det øger brand-genkendelse på tværs af browserfaner og bogmærker
• Google kræver et favicon for at vise det i mobilsøgeresultater — uden det vises et generisk ikon