Handleidingen/Je site bewerken/Site-instellingen/Een sitepictogram toevoegen

Een sitepictogram toevoegen

Een sitepictogram, ook wel favicon genoemd, is een uniek pictogram dat je website vertegenwoordigd. In deze handleiding zie je hoe je een sitepictogram kan toevoegen aan je site.

Waar sitepictogrammen worden weergegeven

Het sitepictogram wordt op verschillende plekken weergegeven, waaronder:

  • Naast de naam van je site in je WordPress.com-dashboard.
  • In het browsertabblad van je bezoekers.
  • Als het pictogram dat wordt gebruikt wanneer iemand in hun browser je site aan hun bladwijzers toevoegt.
  • In de zoekresultaten
  • Als een app-pictogram op het startscherm wanneer deze wordt opgeslagen op een browser of telefoon.

Hier zijn een paar voorbeelden:

Sitepictogram (favicon) op een tabblad van een desktopbrowser.
Sitepictogram als de favicon op een tabblad van een desktopbrowser
Sitepictogram (favicon) op een snelkoppeling van een mobiel apparaat.
Sitepictogram op een snelkoppeling van een mobiel apparaat
Browsertabblad en zoekresultaten

Je sitepictogram toevoegen

Een sitepictogram uploaden naar je site:

  1. Ga naar het dashboard van je site.
  2. Ga naar Instellingen → Algemeen.
  3. Klik op de knop ‘Een sitepictogram kiezen‘ naast ‘Sitepictogram
Het gedeelte 'Sitepictogram' van Algemene instellingen met de optie 'Een sitepictogram kiezen'
  1. Het venster Media van je site wordt geopend waar je:
    • een bestaande afbeelding op het tabblad ‘Mediabibliotheek’ kan kiezen.
    • een nieuwe afbeelding kan uploaden vanuit het tabblad ‘Bestand uploaden’, volgens deze richtlijnen.
  2. Nadat je een afbeelding hebt geselecteerd, klik je op de knop ‘Instellen als sitepictogram‘ in de rechteronderhoek van het venster Media .
    • Als je afbeelding al een perfecte vierkant is, wordt je sitepictogram ingesteld.
    • Als je afbeelding geen perfecte vierkant is, krijg je de optie om de afbeelding bij te snijden (deze stap kan niet worden overgeslagen). Zodra je een vierkant hebt geselecteerd in je afbeelding, klik je op de knop ‘Afbeelding bijsnijden‘ om verder te gaan.
De optie om het bijsnijden van een afbeelding voor het sitepictogram aan te passen met een voorbeeldweergave rechts.
Sitepictogram bijsnijden
  1. Zodra het sitepictogram is geselecteerd en/of bijgesneden, klik je op de knop ‘Wijzigingen opslaan‘ onderaan de pagina om het sitepictogram op te slaan.

Richtlijnen voor sitepictogramafbeeldingen

Het afbeeldingsbestand voor je sitepictogram moet aan de volgende criteria voldoen:

  • Beeldverhouding: upload een vierkante afbeelding.
  • Afmetingen: minimaal 512 x 512 pixels.
  • Bestandstype: PNG- en SVG-afbeeldingstypen komen het meest voor. Elk geldige favicon-indeling wordt ondersteund.

Hier volgen een paar handige tips:

  1. Houd het eenvoudig. Vergeet niet dat je niet veel ruimte hebt om mee te spelen!
  2. Houd het herkenbaar. Probeer je merk samen te vatten in de kleine ruimte waarin je moet werken. Als je gewend bent een logo te gebruiken dat geen klein vierkant is, probeer dan iets te maken dat dat logo oproept in plaats van het hele origineel er onnodig in te proppen.
  3. Gebruik zo weinig mogelijk tekst of letters. Vergeet niet dat de favicon een kleine afbeelding is. Zelfs als je bedrijfsnaam in je gebruikelijke logo vermeld staat, houd het dan beknopt in je favicon.
  4. Denk na over kleur. Verschillende webbrowsers (zoals Google Chrome, Safari en Edge) gebruiken verschillende kleurpaletten. En met de toenemende populariteit van nachtmodus, wil je er zeker van zijn dat je favicon er geweldig uitziet, ongeacht de browser van de gebruiker. Zorg ervoor dat de favicon er goed uitziet en opvalt op witte, grijze en zwarte achtergrondkleuren.

Een sitepictogram verwijderen

Een sitepictogram te verwijderen :

  1. Ga naar het dashboard van je site.
  2. Ga naar Instellingen → Algemeen.
  3. Klik op de knop ‘Sitepictogram verwijderen‘ naast ‘Sitepictogram‘ onder je huidige voorbeeldafbeelding.
De link onder de voorbeeldweergave van het sitepictogram met het label 'Sitepictogram verwijderen'.
Sitepictogram verwijderen
Copied to clipboard!