Hoe voeg je een favicon toe aan je Shopify-winkel (2026 handleiding)

Om een favicon toe te voegen aan je Shopify-winkel: Ga naar Online Store → Themes → Customize → Theme Settings → Favicon, upload een 32x32 PNG-afbeelding en klik op Save. Je favicon verschijnt direct in browsertabs na het opslaan.

Hieronder vind je de volledige specificaties, stapsgewijze instructies en oplossingen voor veelvoorkomende problemen.

Shopify favicon-vereisten

Controleer voor het uploaden of je favicon aan deze specificaties voldoet:

Vereiste	Specificatie
Formaat	32 x 32 pixels (aanbevolen)
Bestandstype	PNG of ICO
Achtergrond	Transparant (optioneel maar aanbevolen)
Bestandsgrootte	Onder 1 MB

Let op: Shopify verkleint grotere afbeeldingen automatisch naar 32x32 pixels, wat kwaliteitsverlies kan veroorzaken. Maak je favicon op het juiste formaat voor het beste resultaat.

Shopify-abonnementsvereisten

Niet alle Shopify-abonnementen ondersteunen favicon-aanpassing:

Starter-abonnement: Geen favicon-ondersteuning
Basic-abonnement en hoger: Volledige favicon-ondersteuning

Als je het Starter-abonnement hebt, moet je upgraden om een aangepaste favicon toe te voegen.

Stap 1: Open de Theme Customizer

Log in op je Shopify-beheerdersdashboard
Navigeer naar Online Store → Themes
Zoek je huidige thema en klik op Customize

Stap 2: Open Theme Settings

Zoek in de thema-editor naar het tandwiel-icoon of Theme Settings in de zijbalk
Klik om het instellingenpaneel uit te vouwen
Scroll naar beneden om de Favicon- of Logo-sectie te vinden (locatie verschilt per thema)

Stap 3: Upload je favicon

Klik op Select image in de Favicon-sectie
Kies je faviconbestand vanaf je computer
Je kunt ook op Explore free images klikken om de ingebouwde bibliotheek van Shopify te gebruiken
Klik op Done om je selectie te bevestigen

Stap 4: Voeg alt-tekst toe (SEO best practice)

Na het uploaden van je favicon:

Beweeg over de geüploade afbeelding
Klik op het potlood-icoon om te bewerken
Voer beschrijvende alt-tekst in (bijv. "Jouw Merknaam logo")
Dit verbetert de toegankelijkheid en kan SEO ten goede komen

Stap 5: Opslaan en controleren

Klik op Save in de rechterbovenhoek
Open je winkel in een nieuw browsertabblad
Controleer of de favicon verschijnt in het browsertabblad

Geavanceerd: Favicon toevoegen via themacode

Voor meer controle kun je een favicon rechtstreeks aan je themacode toevoegen:

Ga naar Online Store → Themes → Actions → Edit code
Upload je favicon naar de Assets-map
Open theme.liquid in de Layout-map
Voeg deze code toe in de <head>-sectie:

<link rel="icon" type="image/png" href="{{ 'favicon.png' | asset_url }}">

Vervang favicon.png door je werkelijke bestandsnaam.

Favicon-ontwerptips voor e-commerce

Je favicon vertegenwoordigt je merk in 32x32 pixels. Zo zorg je dat het werkt:

Wel doen

Gebruik een vereenvoudigde versie van je logo
Kies kleuren met hoog contrast
Houd het ontwerp vetgedrukt en eenvoudig
Gebruik de primaire kleur van je merk
Test de zichtbaarheid op zowel lichte als donkere browserthema's

Niet doen

Vermijd tekst (onleesbaar op klein formaat)
Sla ingewikkelde details of patronen over
Gebruik geen foto's of complexe afbeeldingen
Vermijd kleurcombinaties met laag contrast

Favicon-maten voor verschillende apparaten

Hoewel Shopify alleen 32x32 vereist, overweeg meerdere maten te maken voor optimale weergave:

Maat	Gebruiksgeval
16x16	Browsertabs (standaard)
32x32	Browsertabs (retina)
180x180	Apple Touch Icon (iOS-startscherm)
192x192	Android-startscherm
512x512	PWA-splashschermen

Gebruik een favicon-generator om alle maten te maken vanuit een enkele afbeelding met hoge resolutie.

Probleemoplossing: Favicon wordt niet weergegeven

Wis de browsercache

Browsers cachen favicons agressief. Probeer deze oplossingen:

Forceer verversing: Druk op Cmd+Shift+R (Mac) of Ctrl+Shift+R (Windows)
Incognitomodus: Open je winkel in een privévenster
Cache wissen: Ga naar browserinstellingen en wis gecachte afbeeldingen

Controleer de thema-instellingen

Controleer of de favicon correct is geüpload in Theme Settings
Sommige thema's hebben aparte mobiele favicon-instellingen
Probeer de afbeelding opnieuw te uploaden

Controleer het bestandsformaat

Zorg ervoor dat je bestand PNG- of ICO-formaat is
JPEG-bestanden werken mogelijk niet correct
Controleer of het bestand niet beschadigd is

Wacht op doorvoering

Na het opslaan kan het een paar minuten duren voordat wijzigingen verschijnen. Als je een CDN of caching-app gebruikt, moet je mogelijk ook die cache wissen.

Favicon verschijnt niet in Google-zoekresultaten?

Als je favicon wel in browsertabs verschijnt maar niet in Google-zoekresultaten:

Dien je sitemap in bij Google Search Console
Vraag indexering aan voor je homepage
Wacht tot Google je site crawlt (kan dagen tot weken duren)
Zorg ervoor dat je site de toegang tot de favicon niet blokkeert in robots.txt

Google heeft specifieke vereisten voor favicons in zoekresultaten:

Moet minimaal 48x48 pixels zijn (Google schaalt op indien nodig)
Moet toegankelijk zijn voor Googlebot
Moet je merk vertegenwoordigen, niet generieke iconen

Waarom je Shopify-winkel een favicon nodig heeft

Een favicon is niet alleen decoratie — het dient echte zakelijke doelen:

Merkherkenning

Klanten met meerdere tabbladen open kunnen je winkel direct herkennen. Dit is vooral waardevol voor terugkerende bezoekers.

Professionele uitstraling

Winkels zonder favicon tonen een generiek browsericoon, waardoor ze onafgemaakt of amateuristisch overkomen.

Verbeterd bladwijzeren

Wanneer klanten je winkel als bladwijzer opslaan, verschijnt je favicon in hun bladwijzerbalk en blijft je merk zichtbaar.

Vertrouwenssignaal

Een aangepaste favicon signaleert aandacht voor detail en verhoogt op subtiele wijze het vertrouwen van klanten in je winkel.

Favicon.im gebruiken om je Shopify-favicon te genereren

Wil je snel een favicon maken of aanpassen? Gebruik onze gratis tools:

Bezoek de Favicon Generator om elke afbeelding naar favicon-formaat te converteren
Upload je logo of merkafbeelding
Download de favicon in het juiste formaat
Upload naar Shopify volgens de bovenstaande stappen

Veelgestelde vragen

Hoe voeg ik een favicon toe aan mijn Shopify-winkel?

Ga naar Online Store → Themes → Customize → Theme Settings, zoek de Favicon-sectie, upload een 32x32 PNG-afbeelding en klik op Save.

Welke maat moet een Shopify-favicon zijn?

Shopify raadt 32x32 pixels aan. Grotere afbeeldingen worden automatisch verkleind, wat de kwaliteit kan verminderen.

Waarom wordt mijn Shopify-favicon niet weergegeven?

Veelvoorkomende oorzaken: browsercache (probeer geforceerde verversing of incognitomodus), onjuist bestandsformaat (gebruik PNG of ICO) of probleem met thema-instellingen (upload de afbeelding opnieuw).

Kan ik een favicon toevoegen op het Shopify Starter-abonnement?

Nee, favicon-aanpassing vereist het Basic-abonnement of hoger. Winkels met het Starter-abonnement tonen het standaard Shopify-icoon.

Hoe lang duurt het voordat mijn favicon in Google verschijnt?

Google werkt favicons bij op eigen schema, doorgaans dagen tot weken. Dien je sitemap in bij Google Search Console en vraag indexering aan om het proces te versnellen.

Samenvatting

Een favicon toevoegen aan Shopify duurt minder dan 2 minuten:

Open Theme Settings in de customizer
Zoek de Favicon-sectie
Upload een 32x32 PNG-afbeelding
Voeg alt-tekst toe voor SEO
Sla op en controleer

Een klein icoon met een grote impact op de professionaliteit en merkherkenning van je winkel.