Website Review Loes Bazelmans

Deze week de Blueberry Website Review voor virtual assistant Loes Bazelmans (@powered_by_loes). Loes heeft haar website poweredbyloes.com zelf gebouwd en daar mag ze zeker trots op zijn.

Eerste indruk van de website 

Direct bij aankomst op de homepage word ik verwelkomd door een vriendelijk lachende foto van Loes. Een goed begin van een website review en na wat rond gekeken te hebben een perfecte representatie van het warme en persoonlijke karakter van de rest van de website. De informele schrijfstijl samen met de leuke spontane foto's van Loes die op verschillende plaatsen op de website terugkomen, geven mij na het bezoeken van de website het blije gevoel alsof ik Loes persoonlijk ontmoet heb. De uitstraling van de website is warm, persoonlijk en zelfverzekerd.

Over het algemeen staat de website sterk in haar schoenen. Ik kwam echter een aantal verbeterpunten tegen waarvan ik zelf denk dat ze deze site een extra zetje in de rug kunnen geven.

Leesbaarheid

Een van de grootste verbeterpunten die mij direct opvallen op deze website is de algemene opmaak en de leesbaarheid van de teksten.

Inhoudelijk vind ik de teksten uitgebreid, helder en informatief. Inhoudelijk communiceren de teksten op professionele wijze waar de website over gaat, wat het aanbod is en hoe het allemaal werkt. Ook geeft de informele schrijfstijl meteen een goede indruk van de persoon die achter de website zit. Het is naar mijn mening niet de inhoud, maar alleen de opmaak die ten koste gaat van de leesbaarheid en duidelijkheid van de teksten. Dat is gelukkig simpel op te lossen met een paar kleine anpassingen.

1. Eén van de eerste punten die mij opvalt is de paginabrede teksten. Over het algemeen leest een brede tekstkolom minder prettig dan een smalle tekstkolom. Het advies van 'de experts' is om een tekstkolom nooit breder te maken dan 50 karakters. Persoonlijk denk ik dat het niet aankomt op een paar woorden meer of minder, ik ga hier zelf vrij losjes mee om als ik pagina's opmaak. Maar, het algemene advies om een tekstkolom smal te houden ter bevordering van de leesbaarheid is zeker goed advies.

Advies:

Je zou kunnen experimenteren met smallere (en langere) tekstkolommen of op de plekken waar dat niet werkt twee smallere kolommen naast elkaar.

2. Het tweede punt wat mij opvalt is het handgeschreven lettertype van de titels. Het handgeschreven lettertype voor de titels geeft de site een persoonlijk karakter en een warme uitstraling maar, aan de andere kant gaat het voor mijn gevoel ten koste van de leesbaarheid en toegankelijkheid van de website. Het lettertype maakt op mij een onnodig rommelige indruk. Ik merkte dat ik op verschillende momenten een titel een tweede keer terug moest lezen om te checken of ik het wel goed had gelezen. De titels zijn een heel belangrijk element van een webpagina en moeten in één oogopslag een duidelijk beeld geven van de inhoud van de pagina. Een makkelijk te scannen lettertype kan daarbij een grote rol spelen. De keuze van een lettertype gaat daarnaast niet alleen over uitstraling, sfeer en scanbaarheid van een website, maar heeft ook direct invloed op de toegankelijkheid van de website voor mensen met visuele beperkingen. Dat laatste alleen is voor mij genoeg om je te adviseren een ander lettertype te overwegen voor de titels.

Advies:

Er is natuurlijk helemaal niets mis met een sierlijk handgeschreven lettertype voor de titels. Maar, het is het overwegen waard om te kijken of er een lettertype beschikbaar is die een soortgelijke uitstraling heeft, maar tegelijkertijd iets beter leesbaar is. Onderstaande suggesties zijn wel handgeschreven, maar hebben eigenschappen waardoor ze worden gezien als makkelijker te lezen. De onderstaande voorbeelden komen uit de Google Fonts bibliotheek, zijn gratis en zijn door de integratie van Google in Elementor direct beschikbaar.

Een paar voorbeeld suggesties van handgeschreven lettertypes:

Handlee - door Joe Prince
Shadows Into Light - door Kimberly Geswein
Indie Flower - door Kimberly Geswein
Kalam - door Indian Type Foundry

3. Het laatste wat mij opvalt aan de opmaak van de teksten is het afwisselend gebruik van onderstreping en accentuatie in de huisstijlkleur in delen van de tekst. Dit geeft mij een onrustig gevoel terwijl ik aan het lezen ben. Ook schept het verwarring omdat beide overkomen alsof het links zouden kunnen zijn. Zowel onderstreping en accentuatie in kleur worden over het algemeen ingezet in teksten om een woord aan te duiden als link. Ik betrapte mijzelf meerdere malen op het klikken op geaccentueerde of onderstreepte woorden om te kijken of er toevallig een link achter zou zitten. De teksten zijn van zichzelf al erg helder opgezet met een duidelijk te lezen lettertype en zeer ruime regelhoogte. Accentuatie is naar mijn mening helemaal niet nodig en gaat in dit geval naar mijn idee juist ten koste van de leesbaarheid. De kans bestaat dat het benadrukken van steekwoorden gevoelsmatig een oplossing lijkt voor het verhelderen van de teksten terwijl de oorzaak van de onduidelijkheden ergens anders in ligt. Het kan zijn dat als de twee bovenstaande punten aangepast zijn, het benadrukken van steekwoorden meteen niet meer nodig blijkt te zijn.

Advies:

Probeer eerst de andere opmaak punten te verbeteren voordat je je afvraagt of het benadrukken van steekwoorden nog steeds aanvoelt als een goede keuze. Mocht je er op dat moment voor kiezen om toch woorden te blijven benadrukken, probeer dan één stijl te kiezen en zoek naar een stijl die duidelijk te onderscheiden valt van de links in de tekst.

Snelheid van de website

De prestatie van de website is zeker niet slecht, maar kan absoluut beter. De homepage geeft bij verschillende tests die ik gedaan heb een laadtijd van iets meer dan 4 seconden. Dat is voor een simpele website, zonder complexe elementen die veel laadtijd zouden verantwoorden, aan de hoge kant. De andere pagina's op de website laten een vergelijkbare prestatie zien. Dat betekent dat het huidige niveau van de laadtijden hoogstwaarschijnlijk veroorzaakt wordt door de structurele opzet van de site. Dat is goed nieuws. Het zou betekenen dat met een paar kleine structurele aanpassingen de gehele site een stuk sneller zou kunnen worden. Hieronder een lijst van acties die zonder al te grote aanpassingen de algehele prestatie van de site aanzienlijk zou kunnen verbeteren.

1. Het formaat van de pagina's is aan de hoge kant. De home page is meer dan 4.5 MB en ook de about page is meer dan 4 MB. Dat is aan de hoge kant voor een simpele pagina die voor het grootste del uit tekstelementen bestaat.

Advies:

Bekijk welke onderdelen bijdragen aan het grote formaat van de pagina. Beoordeel per onderdeel of het een strikt noodzakelijk onderdeel van de pagina is of dat er een alternatief beschikbaar is. Een pagina met een kleiner formaat laadt sneller. Dit is één van de makkelijkste manieren om de prestatie van de website te verbeteren.

2. Een aantal afbeeldingen op de website lijken aan de grote kant. Het verkleinen en optimaliseren van de afbeeldingen kan het totale formaat van de website flink omlaag brengen en de laadtijd versnellen.

Advies:

Image compression met een gratis service zoals ShortPixel voordat je de afbeeldingen upload naar je website kan al heel veel verschil maken in het formaat van de afbeeldingen.

3. Er lijken op de achtergrond een heleboel ongebruikte elementen te laden vanuit het WordPress Theme.

Advies:

Het zou kunnen schelen om ongebruikte opties in het WordPress Theme uit te zetten. Als dat niet mogelijk is, dan zou het een optie kunnen zijn om over te gaan op een lichtgewicht WordPress Theme die goed samenwerkt met Elementor. Bekende voorbeelden hiervan zijn, Astra Theme of GeneratePress.

4. Als laatste het algemene advies om een optimizer plugin (zoals bijvoorbeeld Autoptimize) en een caching plugin te installeren. Beide kunnen met de juiste instellingen zorgen voor een aanzienlijke verbetering in laadtijden.

Voor een simpele website zonder complexe elementen, die voornamelijk tekstgebaseerd is, zouden laadtijden onder de 2 seconden realistisch en haalbaar moeten zijn.

Conclusie

De website van Loes is een zelfverzekerde en professionele vertegenwoordiging van haarzelf en haar virtual assistant bedrijf. De site heeft een warm en persoonlijk karakter en laat duidelijk zien wat Loes op professioneel vlak te bieden heeft. Een paar kleine aanpassingen zou de leesbaarheid en de snelheid van de site ten goede komen. Dat kleine zetje in de rug zou precies het verschil kunnen maken.