Samenvatting
De favicon-extractor haalt een willekeurige webpagina op en toont elk icoon dat de pagina declareert: de rel="icon"- en Apple touch icon-links in de HTML, de iconen van het webapp-manifest en het standaardbestand /favicon.ico. Elk icoon komt met het opgegeven formaat, het bestandstype, de herkomst en een downloadknop, gesorteerd van groot naar klein, plus de HTML-tags om te hergebruiken en een voorbeeld in een browsertabblad en een zoekresultaat. Gebruik de tool om je eigen site te auditen, een ontbrekende favicon op te sporen of merkiconen voor een bedrijvengids te verzamelen.
Wil je verder gaan? Vraag het aan
Een favicon-extractor toont wat een website echt als iconen publiceert, en dat is vaak anders dan de eigenaren denken. Na een redesign blijft een oude favicon.ico in de root staan, een thema declareert alleen een icoon van 16 pixels, het manifest verwijst naar bestanden die zijn verwijderd. Die details zijn belangrijk, want de favicon reist mee: Google kan hem naast de naam van je site in de resultaten tonen, op voorwaarde dat hij vierkant is, minstens 8x8 pixels meet en bij voorkeur groter is dan 48x48, en crawlbaar is (Google Search Central, favicons in search results).
Hoe werkt de favicon-extractor?
Plak de URL van een pagina, voltooi de anti-botcontrole en start de extractie. De tool downloadt de pagina zoals een crawler dat doet, volgt redirects en leest drie bronnen.
| Bron | Wat de tool leest | Label in de resultaten |
|---|---|---|
| HTML-head | Elke <link> waarvan rel "icon" bevat: icon, shortcut icon, apple-touch-icon en hun varianten, met formaten en type | html |
| Webapp-manifest | Het bestand waar rel="manifest" naar verwijst en elk item van de lijst icons | manifest |
| Standaardlocatie | /favicon.ico in de root van het domein, alleen bewaard als de server met een afbeelding antwoordt | fallback |
Relatieve paden worden omgezet in volledige URL's, dubbele iconen worden verwijderd en iconen die als data-URI zijn ingesloten worden overgeslagen. De resultaten tonen vervolgens:
- Een oordeel met het domein, het aantal gevonden favicons, een badge "Manifest gedetecteerd" als er een is en het grootste icoon.
- De lijst met iconen, van het grootste naar het kleinste opgegeven formaat, elk met type, rel-waarde, bronlabel en een downloadknop.
- De HTML-code van elk icoon als link-tags, klaar om te kopiëren.
- Een voorbeeld van het kleine icoon in een browsertabblad en naast een resultaat in zoekresultaatstijl.
De gratis versie staat drie extracties per dag toe.
Hoe audit je je eigen favicon met de extractor?
Voer de extractor eerst uit op je homepage, want Google leest de favicon van de homepage van elke hostnaam, en daarna op één binnenpagina per template. Controleer dan vier punten.
- Is er een icoon van 48 pixels of meer? Kijk bovenaan de lijst. Als het grootste opgegeven formaat 16x16 of 32x32 is, moeten Google en schermen met hoge resolutie het opschalen.
- Kloppen de formaten? De tool toont het formaat dat in de tag of het manifest staat, niet het formaat van het bestand. Download het grootste icoon en controleer de afmetingen. Een tag die 192x192 zegt bij een bestand van 32 pixels is een veelvoorkomend overblijfsel.
- Laadt elk bestand? Klik op elke downloadlink. Een 404 op een manifest-icoon breekt het icoon op het beginscherm van Android; een 404 op het hoofdicoon laat een leeg vierkant achter.
- Is de set compleet? Je wilt minstens een PNG- of ICO-icoon voor browsers, een Apple touch icon van 180x180 en een paar van 192 en 512 in het manifest; web.dev merkt op dat Chromium beide manifestformaten nodig heeft (web.dev, add a web app manifest).
Ontbreekt er iets, dan maakt de favicon-generator de zes standaardformaten en de tags aan op basis van één vierkante afbeelding.
Waarom toont Google de verkeerde favicon of helemaal geen?
De meeste gevallen komen neer op een handvol oorzaken. De extractor helpt je te bevestigen welke van toepassing is.
| Wat je ziet | Waarschijnlijke oorzaak | Wat je in de extractie controleert |
|---|---|---|
| Een generieke wereldbol in plaats van je icoon | Geen icoon gedeclareerd op de homepage, of het bestand kan niet worden gecrawld | Nul favicons gevonden, of alleen een fallback; test het bestand dan tegen je robots.txt |
| Een oud logo | Een eerder icoon is nog gedeclareerd of staat nog op /favicon.ico | Meerdere iconen met verschillende ontwerpen in de lijst |
| Een wazig icoon | Alleen een klein icoon beschikbaar | Grootste opgegeven formaat kleiner dan 48x48 |
| Een uitgerekt of bijgesneden icoon | Een bestand dat niet vierkant is | Download het grootste bestand en controleer breedte en hoogte |
| Een ander icoon op een subdomein | Elke hostnaam heeft zijn eigen favicon in Google | Voer de extractor uit op de homepage van elk subdomein |
Google voegt daar twee regels aan toe die het onthouden waard zijn: de favicon-URL moet stabiel zijn en Googlebot-Image moet het bestand mogen crawlen. De robots.txt-checker laat zien of een regel dat blokkeert. Na een correctie moet Google de homepage opnieuw crawlen, wat enkele dagen tot enkele weken kan duren.
De lijst toont ook SVG-iconen, gedeclareerd met het type image/svg+xml. Ze schalen netjes in moderne browsers, maar Google Search noemt BMP, GIF, ICO, PNG, JPEG, PPM en TIFF als ondersteunde favicon-formaten, dus bewaar een PNG- of ICO-versie naast een SVG-icoon.
Waarvoor kun je de favicon-extractor nog meer gebruiken?
Naast je eigen site bespaart extractie tijd wanneer je schone merkiconen in het juiste formaat nodig hebt.
- Concurrentieanalyse. Bekijk hoe concurrenten hun tabbladen en beginschermiconen vormgeven en of ze een volledig manifest publiceren.
- Bedrijvengidsen en vergelijkingspagina's. Verzamel het icoon van elk vermeld bedrijf in het grootste beschikbare formaat in plaats van schermafbeeldingen.
- Linkvoorbeelden en dashboards. Toon herkenbare iconen naast links in een interne tool of een rapport.
- Migratiecontroles. Controleer voor en na de verhuizing van een site dat dezelfde iconen op dezelfde URL's zijn gedeclareerd.
Als er meerdere iconen zijn gedeclareerd, kiezen browsers op basis van de attributen type en sizes en vallen ze terug op het volgende icoon als een bestand mislukt (MDN, link types). De volgorde in de extractor volgt het opgegeven formaat, wat niet altijd de volgorde is die een browser gebruikt, dus test in de browsers die voor jou belangrijk zijn.
Mag je een geëxtraheerde favicon hergebruiken?
Voor audits, vergelijkingen en verwijzingen naar een merk: ja. Als je eigen icoon: nee. Een favicon is meestal een logo, en een handelsmerk kan elk woord, elke zin, elk symbool of ontwerp zijn dat goederen of diensten identificeert (USPTO, what is a trademark). Het icoon van een bedrijf naast zijn naam in een bedrijvengids tonen identificeert dat bedrijf; het gebruiken om je eigen site te vertegenwoordigen misleidt bezoekers. Bij twijfel vraag je het de merkeigenaar.
Wat zijn de beperkingen van de extractie?
- Formaten worden opgegeven, niet gemeten. De tool meldt wat de tag of het manifest zegt.
- Geen JavaScript-rendering. Iconen die na het laden door een script worden toegevoegd, worden niet gezien.
- De fallback wordt aangenomen als 16x16. Een bestand /favicon.ico kan meerdere formaten bevatten; download het om ze te zien.
- Eén pagina tegelijk. Iconen die alleen op sommige templates zijn gedeclareerd, verschijnen alleen als je die pagina's extraheert.
Een favicon maakt deel uit van hoe je merk verschijnt, in Google-resultaten en in de bronnenlijsten van AI-assistenten. Om te zien of je merk in die antwoorden wel genoemd wordt, controleert AI-vermeldingstracking dat elke week, en het GEO / SEO-dashboard volgt je Google-klikken naast je AI-zichtbaarheid.
Controleer wat je site echt publiceert voordat je hem herontwerpt of debugt. Haal hierboven je iconen op en bekijk daarna de Sorank-abonnementen om de zichtbaarheid van het merk erachter te laten groeien, op autopilot.
