9.6
★★★★★
★★★★★

Dit moet je weten over de nieuwe favicon update

Een fawatte? Een favicon is de kleine pictogram die je naast de websitetitel ziet staan, wanneer je aan het surfen bent. Het lijkt misschien een klein detail, maar geloof ons als we zeggen dat het een belangrijk detail is! Nu al helemaal, Google heeft namelijk een belangrijke favicon update ingevoerd. Meer weten? Snel verder lezen!

Wat is een favicon?

Een favicon is dus de kleine pictogram die je naast de websitetitel ziet. Dit icoontje is vaak het logo of bijvoorbeeld een herkenbaar beeldelement dat gebruikt wordt door een bedrijf. Wij gebruiken de W van Webwijs. Onze klanten herkennen dit beeld ook, we laten dit ook terugkomen in documenten of rapportages die we versturen.

Doel favicon

Waar we de favicon nu vooral gebruiken om pagina’s van bepaalde websites aan te herkennen had de favicon vroeger een andere functie. Lang, heel lang geleden werd deze gebruikt om websites te kunnen herkennen wanneer je een bladwijzer aanmaakte. Destijds had je namelijk nog geen paginatitels, waardoor dit het enige herkenningspunt was. Favicon is een samenvoeging van de woorden ‘favorite’ en ‘icon’.

via GIPHY

Update favicon in Google

Vanaf begin 2020 wordt de favicon van elke website vóór het zoekresultaat weergegeven in Google. Dit geldt alleen voor organische resultaten: bij advertenties worden er dus geen favicons vertoond. De favicon update van Google is geen verrassing, in 2019 waren ze namelijk al langere tijd aan het testen. Hierdoor is deze update, die nu definitief is doorgevoerd in de Nederlandse zoekresultaten, niet voor iedereen nieuw. Één ding is zeker: anno 2020 is het belangrijker dan ooit tevoren dat je bedrijf beschikt over herkenbaar beeldmateriaal. Mocht je nog geen favicon hebben ingesteld, dan kiest Google een standaardafbeelding uit om weer te geven.

Favicons - Webwijs

Kies een herkenbaar beeld

Een goede favicon is herkenbaar. Je zou je logo kunnen gebruiken, maar in de praktijk pakt dit vaak niet zo goed uit. Een logo is vaak te complex om direct als favicon te gebruiken omdat dit icoontje vrij klein wordt weergegeven. Kijk de kunst af bij anderen! Wikipedia en Google zijn goede voorbeelden, deze gebruiken de herkenbare eerste letters van hun logo. Ook het pittige bedrijf Tinder doet het goed, hun favicon is een herkenbaar vlammetje.

Favicon instellen: zo pak je het aan

Let op, de volgende uitleg is in nerd geschreven. Niet vloeiend in nerd? Bel ons, we vertalen het graag voor je. Je favicon stel je in door een favicon.ico bestand aan de root van je website toe te voegen. De favicon.ico is een container waarin verschillende afmetingen van je favicon in .png worden verzameld. De favicon wordt op verschillende devices in verschillende formaten getoond. Neem in je .ico bestand in ieder geval het icoontje in 16×16, 32×32 en 48×48 op.

Hulp nodig? Neem contact op!

Delen?

Meer informatie over dit onderwerp? Margreet maakt je volledig webwijs. Keertje afspreken?

Neem contact op

Mogen we jou ook webwijs maken? We zitten vol frisse ideeën waar we jou graag verder mee helpen.

Daag ons uit
Nico