Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukontwikkelaarAI-tools ontwikkelen voor bedrijven. Hoogwaardig. Betaalbaar.Stuur een Telegram-bericht

Controleer online het favicon van uw website: welke afmetingen zijn nodig en waarom toont Google het favicon niet?

Controleer het favicon van uw website online: ICO, PNG, SVG en Apple Touch Icons met formaten en voorbeelden.

Wat je krijgt

  • Lijst met alle websitepictogrammen – ICO, PNG, SVG, Apple Touch-pictogram – met formaten en voorbeelden, gratis.
  • De minimale favicon-set die een website in 2026 nodig heeft, inclusief de kant-en-klare code.
  • Redenen waarom Google een grijze wereldbol weergeeft in plaats van je pictogram
Solliciteren: over 10 minutenOpslaan: vertrouwen en herkenning in zoekresultaten en browsertabbladen

Het korte antwoord: om het favicon van je website online te controleren, voer je je domein in bij de gratis Favicon Checker van PromoPilot en klik je op "Controleren". De tool vindt alle iconen die in HTML zijn gedeclareerd en zich in standaardpaden zoals /favicon.ico bevinden, toont een voorbeeld en de grootte van elk icoon, controleert het Apple Touch Icon en vertelt je welke formaten ontbreken. Hieronder vind je een minimale set iconen, de voltooide code en de redenen waarom Google een grijze wereldbol weergeeft in plaats van je logo.

Ik maak al 12 jaar websites en ik weet het: favicons worden vaker vergeten dan welk ander element dan ook. De ontwerper maakt het logo, de ontwikkelaar bouwt de website, en toch voegt niemand ooit een favicon toe aan het tabblad – totdat de eerste klant vraagt: "Waarom heeft onze concurrent wel een favicon in Google en wij niet?"

Wat controleert Favicon Check?

Een website-icoon is niet langer slechts één favicon.ico -bestand. Browsers, iPhone, Android en Google gebruiken allemaal verschillende bestanden en formaten. Deze tool bundelt ze allemaal in één rapport.

Wat wordt er gecontroleerd? Waar kijkt hij naar? Waarom heeft de site dit nodig?
Pictogrammen van HTML Alle tags <link rel="icon">, shortcut icon, apple-touch-icon Het zijn deze aspecten die browsers en Google als eerste en belangrijkste gebruiken.
Standaardpaden /favicon.ico in de root van de site en andere gebruikelijke adressen Veel systemen zoeken daar naar het pictogram, zelfs zonder label.
De grootte van elk pictogram Breedte en hoogte in pixels, formaat ICO, PNG, SVG Het kleine pictogram is wazig op schermen met een hoge resolutie.
Apple Touch-pictogram Is er een pictogram voor iPhone en iPad? Zonder deze instelling verschijnt er een schermafbeelding van de pagina op het startscherm.
Voorbeeld Hoe ziet elk gevonden pictogram eruit? Je ziet mogelijk kapotte, lege of vreemde (sjabloon)pictogrammen.
Aanbevelingen Welke maten ontbreken? Een kant-en-klare takenlijst voor een ontwerper

Hoe kun je online het favicon van een website controleren?

Controleer je favicon in 3 stappen: voer je domein in, klik op "Controleren" en bekijk de gevonden pictogrammen, formaten en aanbevelingen.

  1. Open Favicon Checker.
  2. Voer het domein in - example.com is voldoende, zonder de pagina te specificeren.
  3. Klik op "Controleren". De tool analyseert de HTML van de homepage en de standaardpaden.
  4. Bekijk de gevonden pictogrammen: de preview, het formaat en de grootte van elk pictogram. Controleer of er een standaard CMS- of hostingpictogram tussen zit.
  5. Lees de aanbevelingen en geef de ontbrekende afmetingen door aan de ontwerper of bepaal ze zelf.

Toolpagina: domeinveld, "Controleren"-knop en beschrijving van controles met veelgestelde vragen.

De gratis Favicon Checker-pagina van PromoPilot: domeinveld, zoeken op alle pictogrammen en controle van Apple Touch-pictogrammen.

Verificatie is eenvoudig: de gastlimiet is voldoende om uw eigen site en een paar sites van concurrenten ter vergelijking te controleren. Pictogrammen van elke site kunnen worden bekeken en gedownload – handig als u het origineel van uw eigen logo wilt terugvinden, dat u bent kwijtgeraakt samen met een oude aannemer.

Welke favicon-formaten zijn nodig in 2026?

Pictogramgeneratoren produceren vaak 20 bestanden, maar wat echt nodig is, is een compacte set. Dit is het minimum dat ik voor al mijn projecten gebruik:

Bestand Maat Waar wordt het gebruikt?
favicon.ico 16×16 en 32×32 in één bestand Oude browsers, systemen die zoeken naar een pictogram in de rootmap.
favicon.svg Vector Moderne browsers, helder op elk scherm.
apple-touch-icon.png 180×180 Startscherm van iPhone en iPad
icon-192.png en icon-512.png 192×192 en 512×512 Webmanifest: Android, een website installeren als app

En de code voor <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">

Ontwerptip: Bij 16 pixels worden het logo en de tekst wazig. Gebruik een symbool, de eerste letter van de naam of een vereenvoudigd teken op een contrasterende achtergrond. Gebruik voor het Apple Touch-pictogram geen transparante achtergrond, want iOS vult deze dan met zwart.

Hoe maak je zelf een favicon, zonder een ontwerper?

Als je helemaal geen pictogrammen hebt, kun je in een half uur een basisset maken. Zo ga je te werk:

  1. Gebruik een symbool, niet het hele logo. Gebruik de eerste letter van de naam, een symbool uit het logo of een eenvoudige geometrische vorm in de merkkleur. Zorg ervoor dat het herkenbaar is op 16 pixels.
  2. Teken een vierkant van 512x512 pixels. Elk grafisch bewerkingsprogramma of online ontwerpprogramma is geschikt. Laat wat marge rondom de randen, zodat het bord niet tegen de randen aanloopt.
  3. Sla het bronbestand op als SVG — het wordt dan favicon.svg, en alle PNG-bestanden van de gewenste afmetingen kunnen zonder kwaliteitsverlies worden uitgesneden.
  4. Genereer de overige formaten (ICO, 180, 192) in de iconengenerator en plaats de bestanden in de hoofdmap van de website.
  5. Plak de code in de head en controleer het resultaat opnieuw in de tool.

Controleer hoe het pictogram eruitziet in het donkere thema van de browser: een zwart pictogram op een transparante achtergrond verdwijnt simpelweg in een donker Chrome-tabblad. Een lichte achtergrond of een contrasterende rand kan helpen.

Waarom toont Google het favicon van de site niet?

De meest gestelde vraag: Als je een grijze wereldbol naast een adres in de zoekresultaten ziet, zijn daar meestal verschillende redenen voor:

  1. Het pictogram is niet vierkant. Google vereist een beeldverhouding van 1:1 en een afmeting van minimaal 8x8 pixels, maar raadt een afmeting groter dan 48x48 pixels aan: het kleine favicon.ico van 16x16 pixels ziet er wazig uit in de zoekresultaten.
  2. Het pictogram is geblokkeerd voor robots. Google -Image moet toegang hebben tot het pictogrambestand en Google moet toegang hebben tot het hoofdbestand. Als de map met afbeeldingen is geblokkeerd in robots.txt of als het bestand een foutmelding geeft, verschijnt het pictogram niet in de zoekresultaten.
  3. De tag staat niet op de homepage. Google haalt het favicon van de homepage van het domein of subdomein; het gedeelte van de homepage, zoals example.com/shop is niet geschikt.
  4. Het adres van het pictogram is instabiel. Als het pad verandert bij elke nieuwe versie van de website ( /icon.a83f2.png), kan Google het mogelijk niet snel genoeg bijwerken.
  5. Het is alweer een tijdje geleden. Google werkt het favicon niet direct bij na een bugfix; je kunt dit versnellen door een nieuwe scan van de homepage aan te vragen in Search Console. Google geeft geen exacte tijdsindicatie, dus controleer de resultaten pas na een paar dagen.
  6. Het pictogram is in strijd met de regels. Google vervangt onacceptabele afbeeldingen door een standaardpictogram.

Vergelijking: Favicon Checker en alternatieven

Hulpmiddel Wat is gratis? Beperkingen Voor wie is het geschikt?
PromoPilot - Favicon Checker Alle pictogrammen van HTML en standaardpaden, formaten, voorbeelden, Apple Touch-pictogram, aanbevelingen Maakt geen pictogrammen aan, controleert het hoofdpictogram. Controleer snel uw eigen website of die van een concurrent.
RealFaviconGenerator Een set pictogrammen en code genereren, favicon controleren De generator produceert een groot aantal bestanden; je moet uitzoeken welke je wilt bewaren. Voor degenen die zelf iconen moeten maken.
Google Zoekconsole Verzoek om de hoofdscan opnieuw uit te voeren Alleen de geverifieerde site controleert het pictogram. Versnel de updates van pictogrammen in zoekresultaten.
Ontwikkelaarstools in de browser Tabblad met manifest en pictogrammen Je moet weten waar je moet zoeken. Voor ontwikkelaars

Conclusie: een online tool is handiger om te controleren, een generator om een set te maken en Search Console om updates in Google te versnellen.

Overigens heeft PromoPilot 87 gratis SEO-tools. Je kunt gemakkelijk zien hoe het favicon er naast de titel uitziet in de SERP-preview – we hebben er een apart artikel over in onze serie.

Wat zijn de beperkingen van favicon-verificatie?

De tool controleert wat de site adverteert en weergeeft: het vertelt je niet wanneer Google het pictogram in de zoekresultaten bijwerkt – dat is de verantwoordelijkheid van de zoekmachine zelf. Als pictogrammen door een script worden toegevoegd nadat de pagina is geladen, worden sommige mogelijk niet in het rapport opgenomen. De controle bekijkt ook het domein als geheel – als verschillende onderdelen van de site verschillende pictogrammen hebben (bijvoorbeeld een subdomein van een webwinkel), worden deze afzonderlijk gecontroleerd.

Wanneer is een gratis tool niet genoeg?

Een website zonder favicon en met een complete set pictogrammen: de grijze wereldbol van Google tegenover het eigen pictogram en het Apple Touch-pictogram.

Een favicon is een klein probleem dat zelden een specialist vereist. Maar soms is een klein probleem een symptoom. Hulp is nodig als:

  • Het pictogram klopt, maar Google toont al maanden een wereldbol. Dit betekent dat het probleem ligt bij de toegang van de robot of bij de sjabloon.
  • Het merk heeft geen eenvoudig logo en heeft een huisstijl nodig die werkt op 16 pixels;
  • De site wordt samengesteld met behulp van een builder, en de paden naar de pictogrammen veranderen bij elke update;
  • Het favicon is slechts één van de tientallen kleine foutjes die zich in de loop der jaren hebben opgestapeld.

Wat kan ik voor uw website doen?

Ik ben Valeriy Danyuk, een ontwikkelaar en SEO-specialist met 12 jaar ervaring en meer dan 200 klanten. Ik stel favicons, social media-voorbeelden en markup in voor elke website voordat deze gelanceerd wordt.

SEO en audit

Websites en webwinkels

CRM en automatisering

Stuur me het websiteadres via Telegram - dan controleer ik de pictogrammen en nog een paar andere kleine dingen die vaak over het hoofd worden gezien.

Resultaat

  1. Favicon Checker vindt alle sitepictogrammen, hun afmetingen en laat binnen een minuut zien welke ontbreken.
  2. Minimale set: favicon.ico, favicon.svg, Apple Touch Icon 180×180, en iconen 192 en 512 voor webmanifest.
  3. Voor Google moet het pictogram vierkant zijn, groter dan 48x48 pixels, toegankelijk voor de robot en zichtbaar op de homepage.
  4. Als het makkelijker is om een website volledig opnieuw op te bouwen dan om kleine problemen op te lossen, past 1001site de pictogrammen en voorbeelden automatisch aan.

Controleer je domein met de gratis Favicon Checker – en controleer tegelijkertijd het domein van je belangrijkste concurrent.

Bronnen

  • De Favicon Checker-pagina van PromoPilot — lijst met controles en veelgestelde vragen.
  • Google Search Central - Vereisten voor het favicon in zoekresultaten.
  • RealFaviconGenerator — genereert en test een set pictogrammen.

Referenties en bronnen

Vragen en antwoorden

Waarom heeft een website een favicon nodig?

Een favicon is een website-icoon dat verschijnt in browsertabbladen, bladwijzers, de browsegeschiedenis en naast het adres in Google -zoekresultaten op telefoons en computers. Een favicon maakt een website herkenbaar en onderscheidt deze van andere zoekresultaten; zonder favicon tonen de browser en Google een generiek icoon.

Welke afmetingen voor het favicon zijn nodig?

Het praktische minimum: favicon.ico (16 en 32 pixels in één bestand) of PNG 32x32 voor browsers, SVG voor moderne browsers, Apple Touch Icon 180x180 voor iPhone en iPad, PNG 192x192 en 512x512 voor het webmanifest op Android. Voor Google moet het icoon vierkant zijn; een formaat groter dan 48x48 wordt aanbevolen.

Wat is het Apple Touch-pictogram?

Dit is het pictogram dat iPhones en iPads weergeven wanneer een website aan het startscherm wordt toegevoegd, en ook in sommige Safari-bladwijzers. De standaardafmeting is een PNG-bestand van 180x180 pixels, zonder transparantie. Zonder transparantie gebruikt het apparaat een verkleinde schermafbeelding van de pagina.

We hebben de website gecontroleerd, maar er is niemand die het kan repareren?

Deze gratis tool brengt problemen aan het licht. Ik analyseer het rapport, stel prioriteiten en los ze op: SEO-audit, snelheidsoptimalisatie, markup en migratie naar een nieuwe website zonder verlies van rankings.