Soms zit de professionele uitstraling van een website in de kleinste details. Het icoontje in het browsertabblad en het voorbeeldje dat verschijnt als iemand je link deelt, lijken futiliteiten, maar ze bepalen mede de indruk die je maakt. Een ontbrekend icoon of een rommelig deelvoorbeeld oogt onaf, terwijl een verzorgde versie laat zien dat je je site tot in de puntjes serieus neemt. In deze gids leggen we uit wat een favicon en een deelvoorbeeld zijn, waarom ze ertoe doen en hoe je ze netjes instelt.
Wat een favicon is
De favicon is het kleine icoontje dat in het browsertabblad verschijnt naast je paginatitel, en ook opduikt bij bladwijzers en op het startscherm van een telefoon. Het is meestal je logo of een eenvoudig symbool dat je merk vertegenwoordigt.
Hoe klein ook, het doet werk. Heeft iemand tien tabbladen open, dan helpt jouw herkenbare icoontje hem het jouwe terug te vinden. En een tabblad zonder icoon, met alleen een grijs standaardplaatje, oogt meteen wat onaf.
Een goede favicon kiezen
Omdat een favicon piepklein wordt weergegeven, gelden er een paar regels. Houd het simpel:
- Gebruik een eenvoudige vorm of een enkele letter, geen gedetailleerd plaatje.
- Kies een duidelijke kleur die opvalt tegen een lichte achtergrond.
- Zorg dat het herkenbaar blijft op een paar millimeter.
- Laat het aansluiten op je huisstijl en logo.
Een drukke afbeelding wordt een vlek op dat formaat. Een rustig symbool of je initiaal werkt veel beter. Dit hangt samen met een herkenbare huisstijl en logo, waar je favicon een verlengstuk van is.
Het deelvoorbeeld uitgelegd
Het deelvoorbeeld, ook wel social preview genoemd, is het kaartje dat verschijnt wanneer iemand een link naar je pagina deelt op social media of in een berichtenapp. Het bevat meestal een afbeelding, een titel en een korte beschrijving.
Een gedeelde link is vaak het eerste wat iemand van je site ziet, nog voordat hij erop klikt.
Stel je dat goed in, dan ziet zo'n gedeelde link er verzorgd en uitnodigend uit. Laat je het aan het toeval over, dan kan er een willekeurig plaatje of helemaal niets verschijnen, wat veel minder uitnodigt om te klikken. Dit speelt mee bij het afstemmen van social media en je website.
Een verzorgd deelvoorbeeld
Om een net deelvoorbeeld te krijgen, zorg je voor een paar dingen per pagina:
- Een passende afbeelding: liefst herkenbaar en in het juiste formaat.
- Een heldere titel: kort en duidelijk wat de pagina is.
- Een korte beschrijving: een zin die uitnodigt om te klikken.
- Consistentie: zorg dat het past bij de uitstraling van je site.
Deze gegevens leg je vast in stukjes code in de pagina, die social media uitlezen. Goed gekozen titels en beschrijvingen helpen bovendien je gewone vindbaarheid, zoals beschreven in de blogtip over een goede meta-beschrijving schrijven.
Waarom deze details lonen
Het is verleidelijk om dit soort kleine zaken over te slaan, maar juist hier zit een deel van je professionaliteit. Een bezoeker die een net tabblad-icoon ziet en een verzorgd deelvoorbeeld tegenkomt, krijgt onbewust het gevoel dat je je werk serieus neemt.
Het kost weinig moeite voor een groot effect op de indruk die je maakt. Het zijn precies de details die het verschil maken tussen een site die er goedkoop uitziet en een die er verzorgd uitziet, ook al ben je niet duur uit, zoals uitgelegd in de blogtip over goedkoop zonder goedkoop te ogen.
Zelf doen of uitbesteden?
Met enige technische handigheid kun je dit zelf instellen, maar het is wat fijngevoelig werk met afbeeldingen op het juiste formaat en stukjes code op de juiste plek. Voor de meeste ondernemers is het prettiger als het gewoon goed staat zonder dat ze erin hoeven te duiken.
Bij een nette site regelen wij dit standaard mee bij de bouw, zodat je favicon en deelvoorbeeld vanaf dag één kloppen. Bekijk onze bedrijfswebsite of laat je bestaande site vernieuwen, dan zit het er meteen netjes bij. Stuur kort wat je nodig hebt en je krijgt een eerlijk advies op offerte.
Veelgestelde vragen
Wat is een favicon precies?
Een favicon is het kleine icoontje dat in het browsertabblad verschijnt naast de paginatitel, en ook bij bladwijzers. Het is meestal je logo of een eenvoudig symbool. Klein als het is, helpt het bezoekers je tabblad terug te vinden tussen tien andere en geeft het je site een afgemaakte indruk.
Wat is een social preview of deelvoorbeeld?
Een deelvoorbeeld is de voorvertoning die verschijnt wanneer iemand een link naar je pagina deelt op social media of in een berichtenapp. Die bevat meestal een afbeelding, een titel en een korte beschrijving. Stel je dat goed in, dan ziet een gedeelde link er verzorgd en uitnodigend uit.
Waarom zijn deze details belangrijk?
Ze bepalen de eerste indruk op plekken waar je site verschijnt buiten je eigen pagina's. Een ontbrekend icoon of een rommelig deelvoorbeeld oogt onaf en kan vertrouwen kosten. Met deze kleine details laat je zien dat je je site serieus neemt, tot in de puntjes.
Kan ik dit zelf instellen?
Met enige technische handigheid wel, maar het is wat fijngevoelig werk met afbeeldingen op het juiste formaat en stukjes code in de pagina. Bij een nette site wordt dit meestal meteen goed ingesteld bij de bouw, zodat je er niet zelf naar hoeft om te kijken.
Verder in de kennisbank: Huisstijl en logo met een klein budget · Social media en je website op elkaar afstemmen · Goedkoop zonder goedkoop te ogen