Favicon

Silktide controleert of elke pagina van je website een favicon heeft: het kleine pictogram dat browsers voor je site tonen in tabbladen, bladwijzers en op het startscherm van telefoons.

Een wordt meestal op elke pagina in de gedeclareerd met een <link>-tag:

<!-- In de <head> van de pagina -->
<link rel="icon" type="image\/png" href="\/icons\/favicon.png">

Browsers vallen ook terug op een bestand favicon.ico in de hoofdmap van de site wanneer er geen tag aanwezig is. Beide methoden voldoen dus aan deze controle.

Waarom dit belangrijk is

Zonder favicon wordt je site in browsertabbladen en bladwijzers weergegeven als een leeg of algemeen plaatshouderpictogram. Daardoor is je site moeilijker te vinden tussen geopende tabbladen en valt hij minder op in lijsten met bladwijzers. Een ontbrekende favicon ziet er ook onafgewerkt uit. Bovendien vragen browsers toch \/favicon.ico op, waardoor je serverlogboeken worden gevuld met vermijdbare fouten.

Omdat favicons meestal sitebreed in een template worden ingesteld, wijst een ontbrekende favicon vaak op pagina's die buiten je hoofdtemplate zijn gebouwd. Ook dat is op zichzelf nuttige informatie.

Zo los je het op

Maak je pictogram. Een PNG van 32x32 pixels is een goed minimum. Als je een SVG of meerdere PNG-formaten aanbiedt, kan elk apparaat de scherpste variant kiezen.
Voeg een <link rel="icon">-tag toe aan je sitetemplate, zodat deze op elke pagina verschijnt. De meeste -platforms hebben een instelling voor een favicon of "sitepictogram" die dit voor je doet.
Je kunt het pictogram ook (of daarnaast) uploaden als favicon.ico naar de hoofdmap van je website, zodat het beschikbaar is op https:\/\/yoursite.com\/favicon.ico.

Zo test Silktide dit

Zoek op elke HTML-pagina naar <link>-tags in de head van de pagina waarvan het kenmerk rel icon bevat en die verwijzen naar een downloadbare afbeelding.
Als er geen worden gevonden, probeer dan de gebruikelijke terugvallocatie \/favicon.ico in de hoofdmap van de site en controleer of deze een geldige afbeelding retourneert.
Rapporteer elke pagina waarop geen van beide methoden een favicon oplevert en houd bij welk percentage van je pagina's er in de loop der tijd een heeft.

Problemen oplossen

Mijn site heeft een favicon, maar sommige pagina's worden gemarkeerd

De favicon-<link>-tag moet op elke pagina aanwezig zijn. Pagina's die buiten je hoofdtemplate worden gegenereerd — foutpagina's, landingspagina's en ingesloten apps — hebben deze vaak niet. Een bestand favicon.ico in de hoofdmap van de site dekt elke pagina in één keer af. Dat toevoegen is daarom de snelste algemene oplossing.

De tag staat er, maar de controle mislukt nog steeds

Controleer of het adres van het pictogram daadwerkelijk een afbeelding retourneert. Een favicon-tag die verwijst naar een verplaatst of verwijderd bestand zorgt net als een ontbrekende tag voor een mislukte controle.