Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukutviklerUtvikling av AI-verktøy for bedrifter. Høy kvalitet. Rimelig.Skriv på Telegram

Sjekk nettstedets favicon på nettet: hvilke størrelser trengs og hvorfor Google ikke viser faviconet

Sjekk nettstedets favicon på nett: ICO-, PNG-, SVG- og Apple Touch-ikoner med størrelser og forhåndsvisninger

Hva du vil få

  • Liste over alle nettstedikoner – ICO, PNG, SVG, Apple Touch Icon – med størrelser og forhåndsvisninger, gratis
  • Minimum antall faviconer et nettsted trenger i 2026, og den ferdige koden
  • Grunner til at Google viser en grå globus i stedet for ikonet ditt
Bruk: om 10 minutterLagrer: tillit og gjenkjennelse i søkeresultater og nettleserfaner

Det korte svaret: For å sjekke nettstedets favicon på nettet, skriv inn domenet ditt i PromoPilots gratis Favicon Checker og klikk på "Sjekk". Verktøyet vil finne alle ikoner som er deklarert i HTML og plassert i standard stier som /favicon.ico, vise en forhåndsvisning og størrelse på hvert ikon, sjekke Apple Touch-ikonet og fortelle deg hvilke størrelser som mangler. Nedenfor er et minimalt sett med ikoner, den ferdige koden og årsakene til at Google viser en grå globus i stedet for logoen din.

Jeg har laget nettsider i 12 år, og jeg vet: favorittikoner blir glemt oftere enn noe annet element. Designeren lager logoen, utvikleren bygger nettsiden, og likevel legger ingen noen gang til et favorittikon i fanen – helt til den første klienten spør: «Hvorfor har konkurrenten vår et favorittikon i Google, mens ikke vi har det?»

Hva sjekker Favicon Check?

Et nettstedsikon er ikke lenger bare én favicon.ico -fil. Nettlesere, iPhone, Android og Google bruker alle forskjellige filer og størrelser. Dette verktøyet samler dem alle i én rapport.

Hva sjekker den? Hva ser han på? Hvorfor trenger nettstedet dette?
Ikoner fra HTML Alle tagger <link rel="icon">, shortcut icon, apple-touch-icon Det er disse nettlesere og Google tar først og fremst
Standard stier /favicon.ico i rotadressen til nettstedet og andre typiske adresser Mange systemer ser etter ikonet der selv uten en tagg.
Størrelsen på hvert ikon Bredde og høyde i piksler, format ICO, PNG, SVG Det lille ikonet er uskarpt på HD-skjermer.
Apple Touch-ikon Finnes det et ikon for iPhone og iPad? Uten den vil et skjermbilde av siden vises på startskjermen.
Forhåndsvisning Hvordan ser hvert funnet ikon ut? Du kan se ødelagte, tomme eller fremmede (mal)ikoner
Anbefalinger Hvilke størrelser mangler? En ferdig liste over oppgaver for en designer

Hvordan sjekker man et nettsteds favicon på nettet?

Sjekk faviconet ditt i tre trinn: skriv inn domenet ditt, klikk på «Sjekk» og undersøk ikonene, størrelsene og anbefalingene som er funnet.

  1. Åpne Favicon-sjekkeren.
  2. Skriv inn domenet – example.com er nok, uten å spesifisere siden.
  3. Klikk på «Kontroller». Verktøyet vil analysere HTML-koden og standardstier for hjemmesiden.
  4. Se gjennom ikonene som er funnet: forhåndsvisning, format og størrelse på hvert av dem. Sjekk om det finnes et standard CMS- eller hostingikon blant dem.
  5. Les anbefalingene og oppgi de manglende dimensjonene til designeren, eller lag dem selv.

Verktøyside: domenefelt, «Sjekk»-knapp og beskrivelse av sjekker med FAQ.

PromoPilots gratis Favicon Checker-side: Domenefelt, søk etter alle ikoner og Apple Touch-ikonsjekk

Verifisering er enkelt – gjestegrensen er nok til å sjekke ditt eget nettsted og et par konkurrenters nettsteder for sammenligning. Ikoner fra ethvert nettsted kan vises og lastes ned – nyttig hvis du trenger å finne originalen til din egen logo, som du har mistet sammen med en gammel entreprenør.

Hvilke størrelser på faviconer trengs i 2026?

Ikongeneratorer produserer ofte 20 filer, men det som egentlig trengs er et kompakt sett. Her er minimumsmengden jeg bruker for alle prosjektene mine:

Fil Størrelse Hvor brukes det?
favicon.ico 16×16 og 32×32 i én fil Gamle nettlesere, systemer som ser etter et ikon i roten
favicon.svg Vektor Moderne nettlesere, tydelig på alle skjermer
apple-touch-icon.png 180×180 iPhone- og iPad-startskjermen
icon-192.png og icon-512.png 192×192 og 512×512 Webmanifest: Android, installering av nettsted som app

Og koden for <head>:

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Designtips: Ved 16 piksler blir logoen og teksten uskarpe. Bruk et symbol, den første bokstaven i navnet eller et forenklet tegn på en kontrasterende bakgrunn. For Apple Touch-ikonet, ikke bruk en gjennomsiktig bakgrunn – iOS vil fylle den med svart.

Hvordan lage et favicon selv, uten en designer?

Hvis du ikke har noen ikoner i det hele tatt, kan du lage et grunnleggende sett på en halvtime. Slik gjør du det:

  1. Bruk et symbol, ikke hele logoen. Bruk den første bokstaven i navnet, et symbol fra logoen eller en enkel geometrisk form i merkevarens farge. Sørg for at den er gjenkjennelig med 16 piksler.
  2. Tegn en firkant på 512x512. Et hvilket som helst grafikkredigeringsprogram eller nettdesigner fungerer. La det være litt marginer rundt kantene slik at skiltet ikke går inn i rammene.
  3. Lagre kildefilen som SVG – den blir favicon.svg, og alle PNG-er i de nødvendige størrelsene kan klippes ut uten tap av kvalitet.
  4. Generer de resterende størrelsene (ICO, 180, 192) i ikongeneratoren og plasser filene i rotmappen på nettstedet.
  5. Lim inn koden i hodet og sjekk resultatet i verktøyet på nytt.

Sjekk hvordan ikonet vises i nettleserens mørke tema: et svart ikon på en gjennomsiktig bakgrunn forsvinner rett og slett i en mørk Chrome-fane. En lys bakgrunn eller en kontrasterende omriss vil hjelpe.

Hvorfor viser ikke Google nettstedets favicon?

Det vanligste spørsmålet: Hvis du ser en grå globus ved siden av en adresse i søkeresultatene, er det vanligvis flere årsaker:

  1. Ikonet er ikke firkantet. Google krever et sideforhold på 1:1 og en størrelse på minst 8x8, men anbefaler større enn 48x48: det lille favicon.ico på 16x16 ser uskarpt ut i søkeresultatene.
  2. Ikonet er blokkert fra roboter. Google - Bildet må ha tilgang til ikonfilen, og Google må ha tilgang til hovedfilen. Hvis bildemappen er blokkert i robots.txt eller filen returneres med en feil, vil ikke ikonet vises i søkeresultatene.
  3. Taggen er ikke på hjemmesiden. Google henter faviconet fra domenets eller underdomenets hjemmeside; hjemmesidedelen, som example.com/shop er ikke egnet.
  4. Ikonets adresse er ustabil. Hvis banen endres med hver nettstedsbygging ( /icon.a83f2.png), kan det hende at Google ikke kan oppdatere den raskt.
  5. Det er en stund siden. Google oppdaterer ikke faviconet umiddelbart etter en feilretting. Du kan få fart på prosessen ved å be om en ny skanning av hjemmesiden i Search Console. Google oppgir ikke en nøyaktig tidsramme, så sjekk resultatene tidligst noen dager senere.
  6. Ikonet bryter reglene. Google erstatter uakseptable bilder med et standardikon.

Sammenligning: Favicon Checker og alternativer

Verktøy Hva er gratis? Restriksjoner Hvem passer det for?
PromoPilot – Favicon-sjekker Alle ikoner fra HTML og standard stier, størrelser, forhåndsvisninger, Apple Touch-ikon, anbefalinger Lager ikke ikoner, sjekker hovedikonet Sjekk raskt nettstedet ditt eller en konkurrents
RealFaviconGenerator Genererer et sett med ikoner og kode, sjekker favicon Generatoren produserer mange filer, du må finne ut hvilke du skal beholde For de som trenger å lage ikoner fra bunnen av
Google Search Console Be om ny skanning av hoveddelen Bare det bekreftede nettstedet, sjekker ikke ikonet Få fart på ikonoppdateringer i søkeresultatene
Utviklerverktøy i nettleseren Fane med manifest og ikoner Du må vite hvor du skal lete For utviklere

Konklusjon: et nettbasert verktøy er mer praktisk for sjekk, en generator for å lage et sett, og Search Console for å få fart på oppdateringer i Google.

Forresten, PromoPilot har 87 gratis SEO-verktøy. Du kan enkelt se hvordan faviconet ser ut ved siden av tittelen i SERP-forhåndsvisningen – vi har en egen artikkel om det i serien vår.

Hva er begrensningene ved favicon-verifisering?

Verktøyet sjekker hva nettstedet annonserer og returnerer: det vil ikke fortelle deg når Google oppdaterer ikonet i søkeresultatene – det er opp til søkemotoren selv. Hvis ikoner legges til av et skript etter at siden lastes inn, er det ikke sikkert at noen av dem er inkludert i rapporten. Sjekken ser også på domenet som helhet – hvis forskjellige deler av nettstedet har forskjellige ikoner (for eksempel et underdomene for en butikk), sjekk dem separat.

Når er et gratis verktøy ikke nok?

En nettside uten favicon og med et komplett sett med ikoner: Googles grå globus versus sitt eget ikon og Apple Touch-ikonet

Et favicon er et mindre problem som sjelden krever en spesialist. Men det finnes tilfeller der et mindre problem er et symptom. Hjelp er nødvendig hvis:

  • Ikonet er riktig, men Google har vist en globus i flere måneder – dette betyr at problemet ligger i robotens tilgang eller i malen;
  • merkevaren har ikke en enkel logo og trenger en bedriftsstil som fungerer på 16 piksler;
  • Nettstedet er kompilert ved hjelp av en bygger, og stiene til ikonene endres med hver oppdatering;
  • Faviconet er bare én av dusinvis av mindre feil som har samlet seg opp gjennom årene.

Hva kan jeg gjøre for nettstedet ditt?

Jeg er Valeriy Danyuk, en utvikler og SEO-spesialist med 12 år og over 200 kunder. Jeg setter opp favikoner, forhåndsvisninger av sosiale medier og markup på alle nettsteder før de lanseres.

SEO og revisjon

Nettsteder og nettbutikker

CRM og automatisering

Send meg nettadressen i Telegram – jeg skal sjekke ikonene og fem eller seks andre småting som ofte blir glemt.

Resultat

  1. Favicon Checker finner alle nettstedsikoner, størrelsene deres og viser hvilke som mangler i løpet av et minutt.
  2. Minimumssett: favicon.ico, favicon.svg, Apple Touch-ikon 180×180, og ikonene 192 og 512 for webmanifest.
  3. For Google må ikonet være firkantet, større enn 48x48, tilgjengelig for roboten og deklarert på hovedsiden.
  4. Hvis det er enklere å gjenoppbygge et nettsted enn å fikse mindre problemer, tilpasser 1001site ikoner og forhåndsvisninger automatisk.

Sjekk domenet ditt med den gratis Favicon Checker – og sjekk domenet til hovedkonkurrenten din samtidig.

Kilder

  • PromoPilots Favicon Checker-side – liste over sjekker og vanlige spørsmål.
  • Google Search Central – Krav til Favicon for søkeresultater.
  • RealFaviconGenerator – genererer og tester et sett med ikoner.

Referanser og kilder

Spørsmål og svar

Hvorfor trenger en nettside et favicon?

Et favicon er et nettstedsikon som vises i nettleserfaner, bokmerker, historikk og ved siden av adressen i Google søkeresultater på telefoner og datamaskiner. Et favicon gjør et nettsted gjenkjennelig og skiller det fra andre søkeresultater. Uten et ikon viser nettleseren og Google et generisk ikon.

Hvilke størrelser på faviconer trengs?

Det praktiske minimumskravet: favicon.ico (16 og 32 piksler i én fil) eller PNG 32x32 for nettlesere, SVG for moderne nettlesere, Apple Touch Icon 180x180 for iPhone og iPad, PNG 192x192 og 512x512 for webmanifestet på Android. For Google bør ikonet være firkantet; en størrelse større enn 48x48 anbefales.

Hva er Apple Touch-ikonet?

Dette er ikonet som iPhones og iPads viser når et nettsted legges til på startskjermen, samt i noen Safari-bokmerker. Standardstørrelsen er en PNG-fil på 180 x 180 piksler, uten gjennomsiktighet. Uten gjennomsiktighet bruker enheten et nedskalert skjermbilde av siden.

Vi sjekket nettsiden, men det er ingen som kan fikse det?

Dette gratisverktøyet avdekker problemer. Jeg analyserer rapporten, prioriterer og fikser dem: SEO-revisjon, hastighetsøkning, markup og migrering til et nytt nettsted uten å miste rangeringer.