Det korta svaret: för att kontrollera din webbplats favicon online, ange din domän i PromoPilots gratis Favicon Checker och klicka på "Kontrollera". Verktyget hittar alla ikoner som deklarerats i HTML och finns i standardsökvägar som /favicon.ico, visar en förhandsgranskning och storlek på varje ikon, kontrollerar Apple Touch-ikonen och berättar vilka storlekar som saknas. Nedan finns en minimal uppsättning ikoner, den färdiga koden och anledningarna till varför Google visar en grå glob istället för din logotyp.
Jag har skapat webbplatser i 12 år, och jag vet: favikoner glöms bort oftare än något annat element. Designern skapar logotypen, utvecklaren bygger webbplatsen, och ändå lägger ingen någonsin till en favikon på fliken – förrän den första kunden frågar: "Varför har vår konkurrent en favikon i Google och inte vi?"
Vad kontrollerar Favicon Check?
En webbplatsikon är inte längre bara en enda favicon.ico -fil. Webbläsare, iPhone, Android och Google använder alla olika filer och storlekar. Det här verktyget samlar dem alla i en enda rapport.
| Vad kontrollerar den? | Vad tittar han på? | Varför behöver webbplatsen detta? |
|---|---|---|
| Ikoner från HTML | Alla taggar <link rel="icon">, shortcut icon, apple-touch-icon | Det är dessa som webbläsare och Google tar först och främst |
| Standardsökvägar | /favicon.ico i webbplatsens rot och andra typiska adresser | Många system letar efter ikonen där även utan en tagg. |
| Storleken på varje ikon | Bredd och höjd i pixlar, format ICO, PNG, SVG | Den lilla ikonen är suddig på högupplösta skärmar. |
| Apple Touch-ikonen | Finns det en ikon för iPhone och iPad? | Utan den visas en skärmdump av sidan på startskärmen. |
| Förhandsvisning | Hur ser varje funnen ikon ut? | Du kan se trasiga, tomma eller främmande (mall-)ikoner |
| Rekommendationer | Vilka storlekar saknas? | En färdig lista med uppgifter för en designer |
Hur kollar man en webbplats favicon online?
- Öppna Favicon Checker.
- Ange domänen –
example.comräcker, utan att ange sidan. - Klicka på "Kontrollera". Verktyget analyserar startsidans HTML och standardsökvägar.
- Granska de hittade ikonerna: förhandsgranskning, format och storlek för varje ikon. Kontrollera om det finns en standardikon för CMS eller webbhotell bland dem.
- Läs rekommendationerna och ange de saknade måtten till konstruktören eller gör dem själv.
Verktygssida: domänfält, knappen "Kontrollera" och beskrivning av kontroller med FAQ.
Verifieringen är enkel – gästgränsen räcker för att jämföra din egen webbplats och ett par konkurrenters webbplatser. Ikoner från vilken webbplats som helst kan visas och laddas ner – praktiskt om du behöver hitta originalet av din egen logotyp, som du tappat bort tillsammans med en gammal entreprenör.
Vilka storlekar på faviconer behövs år 2026?
Ikongeneratorer producerar ofta 20 filer, men det som verkligen behövs är en kompakt uppsättning. Här är det minimum jag använder för alla mina projekt:
| Fil | Storlek | Var används det? |
|---|---|---|
favicon.ico | 16×16 och 32×32 i en fil | Gamla webbläsare, system som letar efter en ikon i roten |
favicon.svg | Vektor | Moderna webbläsare, tydliga på alla skärmar |
apple-touch-icon.png | 180×180 | iPhone och iPads startskärm |
icon-192.png och icon-512.png | 192×192 och 512×512 | Webbmanifest: Android, installera en webbplats som en app |
Och koden för <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: Vid 16 pixlar blir logotypen och texten suddiga. Använd en symbol, den första bokstaven i namnet eller ett förenklat tecken mot en kontrasterande bakgrund. Använd inte en transparent bakgrund för Apple Touch-ikonen – iOS fyller den med svart.
Hur man gör en favicon själv, utan en designer?
Om du inte har några ikoner alls kan du skapa en grundläggande uppsättning på en halvtimme. Så här gör du:
- Använd en symbol, inte hela logotypen. Använd den första bokstaven i namnet, en symbol från logotypen eller en enkel geometrisk form i varumärkets färg. Se till att den är igenkännbar vid 16 pixlar.
- Rita en kvadrat på 512x512. Vilken grafikredigerare eller onlinedesigner som helst fungerar. Lämna lite marginaler runt kanterna så att skylten inte löper in i ramen.
- Spara källfilen som SVG — den blir
favicon.svg, och alla PNG-filer med önskad storlek kan klippas ut utan kvalitetsförlust. - Generera de återstående storlekarna (ICO, 180, 192) i ikongeneratorn och placera filerna i webbplatsens rotmapp.
- Klistra in koden i headet och kontrollera resultatet i verktyget igen.
Kontrollera hur ikonen visas i webbläsarens mörka tema: en svart ikon på en transparent bakgrund försvinner helt enkelt i en mörk Chrome-flik. En ljus bakgrund eller en kontrasterande kontur hjälper.
Varför visar inte Google webbplatsens favicon?
Den vanligaste frågan: Om du ser en grå jordglob bredvid en adress i sökresultaten finns det vanligtvis flera anledningar:
- Ikonen är inte fyrkantig. Google kräver ett bildförhållande på 1:1 och en storlek på minst 8x8, men rekommenderar större än 48x48: den lilla
favicon.icopå 16x16 ser suddig ut i sökresultaten. - Ikonen är blockerad från robotar. Google - Bilden måste ha åtkomst till ikonfilen och Google måste ha åtkomst till huvudfilen. Om bildmappen är blockerad i robots.txt eller om filen returneras med ett fel, kommer ikonen inte att visas i sökresultaten.
- Taggen finns inte på startsidan. Google hämtar faviconen från domänens eller underdomänens startsida; startsidaavsnittet, som
example.com/shopär inte lämpligt. - Ikonens adress är instabil. Om sökvägen ändras med varje webbplatsbygge (
/icon.a83f2.png) kanske Google inte kan uppdatera den snabbt. - Det var ett tag sedan. Google uppdaterar inte faviconen direkt efter en åtgärd; du kan påskynda det genom att begära en ny genomsökning av startsidan i Search Console. Google anger ingen exakt tidsram, så kontrollera resultaten tidigast några dagar senare.
- Ikonen bryter mot reglerna. Google ersätter oacceptabla bilder med en standardikon.
Jämförelse: Favicon Checker och alternativ
| Verktyg | Vad är gratis? | Begränsningar | Vem är det lämpligt för? |
|---|---|---|---|
| PromoPilot - Favicon-kontroll | Alla ikoner från HTML och standardsökvägar, storlekar, förhandsvisningar, Apple Touch-ikon, rekommendationer | Skapar inte ikoner, kontrollerar huvudikonen | Kolla snabbt din webbplats eller en konkurrents |
| RealFaviconGenerator | Genererar en uppsättning ikoner och kod, kontrollerar favicon | Generatorn producerar många filer, du måste lista ut vilka du ska behålla | För dig som behöver skapa ikoner från grunden |
| Google Search Console | Begär omskanning av huvuddelen | Endast dess verifierade webbplats, kontrollerar inte ikonen | Snabba upp ikonuppdateringar i sökresultaten |
| Utvecklarverktyg i webbläsaren | Flik med manifest och ikoner | Du behöver veta var du ska leta | För utvecklare |
Slutsats: ett onlineverktyg är mer praktiskt för kontroll, en generator för att skapa en uppsättning och Search Console för att påskynda uppdateringar i Google.
Förresten, PromoPilot har 87 gratis SEO-verktyg. Du kan enkelt se hur faviconen ser ut bredvid titeln i SERP-förhandsgranskningen – vi har en separat artikel om det i vår serie.
Vilka är begränsningarna med faviconverifiering?
Verktyget kontrollerar vad webbplatsen annonserar och returnerar: det kommer inte att berätta när Google uppdaterar ikonen i sökresultaten – det är upp till sökmotorn själv. Om ikoner läggs till av ett skript efter att sidan laddats kanske vissa inte inkluderas i rapporten. Kontrollen tittar också på domänen som helhet – om olika delar av webbplatsen har olika ikoner (till exempel en butiksunderdomän) kontrollerar du dem separat.
När räcker inte ett gratisverktyg?
En favicon är ett mindre problem som sällan kräver en specialist. Men det finns tillfällen då ett mindre problem är ett symptom. Hjälp behövs om:
- Ikonen är korrekt, men Google har visat en jordglob i månader – det betyder att problemet ligger i robotens åtkomst eller i mallen;
- varumärket har inte en enkel logotyp och behöver en företagsstil som fungerar på 16 pixlar;
- webbplatsen är sammanställd med hjälp av en byggare, och sökvägarna till ikonerna ändras med varje uppdatering;
- Faviconen är bara ett av dussintals mindre fel som har ackumulerats under åren.
Vad kan jag göra för er webbplats?
Jag är Valeriy Danyuk, utvecklare och SEO-specialist med 12 års erfarenhet och över 200 kunder. Jag skapar favikoner, förhandsvisningar av sociala medier och markup på varje webbplats innan den lanseras.
SEO och revision
- Nyckelfärdig SEO-granskning för webbplatser: Jag hittar alla tekniska detaljer – från favicon och förhandsvisningar till indexering och hastighet – och åtgärdar dem i koden.
Webbplatser och onlinebutiker
- Skapa en webbplats i stil med någon annans webbplats på några minuter – på 1001site konfigureras ikoner, förhandsvisningar och layout automatiskt.
- Tilda med en prenumerationsavgift eller en webbplats med AI – en ärlig jämförelse av tillvägagångssätt.
- Hur mycket kostar en nyckelfärdig webbplats år 2026? Vilka faktorer avgör priset?
- WordPress hemsida med AI-assistent för 299 € och 3 dagar.
CRM och automatisering
- Ett anpassat CRM-system med kunddatabas och beslutsfattare för ett företag från Slovakien.
- Ett CRM för ett bildemonteringsföretag som automatiskt beräknar priser och skriver ut fakturor.
Skicka mig webbadressen i Telegram – jag ska kolla ikonerna och fem eller sex andra småsaker som ofta glöms bort.
Resultat
- Favicon Checker hittar alla webbplatsikoner, deras storlekar och visar vilka som saknas på en minut.
- Minsta antal: favicon.ico, favicon.svg, Apple Touch-ikon 180×180 och ikonerna 192 och 512 för webbmanifest.
- För Google måste ikonen vara fyrkantig, större än 48x48, tillgänglig för roboten och deklarerad på startsidan.
- Om det är enklare att bygga om en webbplats än att åtgärda mindre problem, anpassar 1001site ikoner och förhandsvisningar automatiskt.
Kontrollera din domän med den kostnadsfria Favicon Checker – och kontrollera din huvudkonkurrents domän samtidigt.
Källor
- PromoPilots sida för Favicon Checker — lista över kontroller och vanliga frågor.
- Google Search Central – Krav för Favicon för sökresultat.
- RealFaviconGenerator — genererar och testar en uppsättning ikoner.
