Favicon

Et favicon er det lille ikon, der repræsenterer et website i blandt andet browserfaner, bogmærker og visse søgeresultater. Det hjælper brugeren med at genkende afsenderen, men er ikke det samme som websitets logo i fuld størrelse.

Et favicon giver ikke i sig selv bedre placeringer. Et tydeligt og genkendeligt ikon kan dog gøre afsenderen lettere at identificere. Google afgør selv, om et indsendt favicon bliver vist, og kan i nogle tilfælde bruge et standardikon.

Sådan tilføjes et favicon

Linket placeres normalt i dokumentets <head>:

<link rel="icon"
      href="https://eksempel.dk/favicon.svg"
      type="image/svg+xml">

Den præcise filtype og eventuelle ekstra størrelser afhænger af browserunderstøttelse og design. Mange websites leverer både SVG og PNG, mens en favicon.ico-fil stadig kan fungere som reserve.

Aktuelle krav til Google Search

• Der understøttes ét favicon pr. hostname. www.eksempel.dk og shop.eksempel.dk er forskellige hostnames.
• Ikonet skal være kvadratisk. Google angiver mindst 8 × 8 pixels og anbefaler et ikon større end 48 × 48 pixels.
• Googlebot skal kunne crawle startsiden, og Googlebot-Image skal kunne hente faviconfilen.
• Filens URL bør være stabil. Hvis adressen ofte ændres, kan systemet have svært ved at genbruge ikonet.
• Ikonet skal være visuelt repræsentativt for websitet og følge Googles retningslinjer.

En korrekt implementation er ikke en garanti for visning. Google kan hente og behandle ændringen med forsinkelse.

Design til meget lille størrelse

Et favicon bliver ofte vist meget mindre end et almindeligt logo. Brug derfor en enkel form, tydelig kontrast og få detaljer. Et langt firmanavn eller fin typografi bliver typisk ulæseligt.

Kontrollér også ikonet på både lys og mørk baggrund. Gennemsigtige områder kan få motivet til at forsvinde, hvis kontrasten er for lav.

Favicon er ikke title tag eller struktureret data

Faviconlinket fortæller browseren og søgesystemer, hvilken ikonfil der hører til sitet. Sidens teksttitel styres derimod af blandt andet title tagget. Logooplysninger i struktureret data har en anden funktion og erstatter ikke faviconlinket.

Fejlfinding

1. Åbn faviconfilens absolutte URL og kontrollér, at den svarer uden login eller fejl.
2. Se i sidens kildekode, om rel="icon" peger på den forventede fil.
3. Kontrollér MIME-type, kvadratisk format og læsbarhed i lille størrelse.
4. Undersøg robots-regler, hvis filen ikke kan crawles.
5. Vær tålmodig efter en ændring; browsercache og Googles genbehandling kan forsinke resultatet.