Image

Seeders nieuwe website

Web ontwikkeling
Page Speed Optimization
Wordpress

Seeders, een toonaangevend digital marketing- en SEO-bureau, wilde hun website vernieuwen om betere prestaties en een modernere uitstraling te realiseren. De bestaande website kampte met trage laadtijden en een verouderde pagebuilder, wat zowel de gebruikservaring als de SEO-resultaten beïnvloedde. Wij kregen de uitdaging om een snelle, gebruiksvriendelijke en visueel aantrekkelijke website te ontwikkelen.

De uitdaging van Seeders

Seeders had de wens om hun website een frisse, moderne uitstraling te geven, met een verbeterde gebruikerservaring en snellere laadtijden. De bestaande website had te maken met:

  • 2800 pagina’s verdeeld over diverse taalvarianten.

  • Trage site speed door een overdaad aan plugins en custom classes.

  • Oude pagebuilder (WordPress Bakery Builder) die niet efficiënt werkte en de prestaties negatief beïnvloedde.

  • Meer dan 70 plugins, waaronder veel verouderde en onbruikbare, ondersteunden de websitefunctionaliteiten.

  • Gebruik van WPML voor meertaligheid met veel actieve taal-extensies.

Image

De doelstellingen van Seeders

Na een introductie onderzoek bij verschillende stakeholders binnen Seeders hebben we de volgende doelstellingen opgesteld om te starten aan het project:

  • Behalen van een PageSpeed score van minimaal 90 punten op zowel mobiele als desktopapparaten.

  • Vervangen van de oude Page Builder (WordPress Bakery Builder) door een efficiënte, moderne Page Builder welke makkelijker te gebruiken is door niet technische medewerkers.

  • Implementeren van de nieuwe huisstijl van Seeders op een consistente en aantrekkelijke manier.

  • Het aantal plugins drastisch verminderen door plugins te optimaliseren of functionaliteiten in de theme in te bouwen.

  • Optimaliseren van de meertalige functionaliteit (WPML) voor betere prestaties en gebruikerservaring.

  • Behouden van Yoast SEO Pro-configuraties en redirects voor een soepele overgang.

Onze Aanpak


1. Technische Analyse & Planning

Onze aanpak begon met een diepgaande technische audit van de bestaande website, waarbij we ons richtten op het identificeren van cruciale verbeterpunten. We analyseerden de gebruikte plugins, de algehele site-architectuur en de aanwezige performance-bottlenecks. Om een weloverwogen keuze te maken voor de herbouw van de website, hebben we een parallelle test uitgevoerd.

We ontwikkelden de homepage in zowel Soflyy's Oxygen Builder als Themeco's Pro met Cornerstone. Deze vergelijking, gebaseerd op onze ervaring met andere websites, toonde aan dat Themeco's Pro met Cornerstone de beste balans bood tussen snelheid en gebruiksvriendelijkheid.

Hoewel Oxygen iets beter presteerde op het gebied van SEO, konden we deze optimalisaties eenvoudig implementeren in Cornerstone. Doorslaggevend was de flexibiliteit van Cornerstone, waarmee we specifieke componenten konden uitschakelen en de editor konden afstemmen op de Seeders huisstijl. Dit proces vereiste een volledige herziening van de bestaande content, waarbij we de SEO-waarde nauwlettend in de gaten hielden.

2. Overstap naar een Nieuwe Pagebuilder

Voor de implementatie van Cornerstone hebben we een modulaire aanpak gehanteerd, waarbij we de unieke Seeders-designs vertaalden naar herbruikbare sectiecomponenten. Deze componenten vormden de bouwstenen waarmee elke pagina op een unieke manier samengesteld kon worden, ondanks het gebruik van herkenbare en consistente designelementen.

Door deze componenten te combineren en te configureren met behulp van Parameters en Dynamic Content, boden we gebruikers de mogelijkheid om zelfstandig content te plaatsen en te kiezen uit diverse lay-outs. Dit garandeert niet alleen de visuele consistentie van de website, maar stelt gebruikers ook in staat om elke pagina een eigen karakter te geven.

Image

Daarnaast hebben we Loopers en maatwerk code ingezet om data uit verschillende bronnen te integreren, waardoor complexe informatie op een flexibele en gebruiksvriendelijke manier gepresenteerd kon worden. Deze combinatie van herbruikbare componenten, flexibele configuraties en dynamische data maakt het mogelijk om een unieke en krachtige website te bouwen, die perfect aansluit bij de wensen van Seeders.

3. Performance & SEO Optimalisatie

De performance van de Seeders-website was een topprioriteit in ons optimalisatieproces. We begonnen met een grondige opschoonactie van de WordPress-installatie, waarbij we het aantal plugins significant reduceerden. Dit minimaliseerde niet alleen de potentiële conflicten, maar verlaagde ook de belasting op de server.

Vervolgens hebben we de serverconfiguratie aangepast om serverside caching te verbeteren, wat resulteerde in snellere responstijden en een efficiëntere afhandeling van bezoekersverzoeken. Om de globale laadtijden verder te verkorten, hebben we Cloudflare als Content Delivery Network (CDN) geïmplementeerd. Hiermee worden statische assets van de website gecachet op servers over de hele wereld, waardoor ze sneller beschikbaar zijn voor bezoekers, ongeacht hun locatie.

Tot slot hebben we ons gericht op de optimalisatie van de front-end prestaties. Door gebruik te maken van de plugin Seraphinite Accelerator hebben we HTML, CSS en JavaScript geminimaliseerd en gecombineerd, en afbeeldingen geoptimaliseerd voor het web. Deze plugin heeft geholpen om de laadtijden van individuele pagina's aanzienlijk te verminderen.

Deze combinatie van server- en front-end optimalisaties heeft geleid tot een aanzienlijke verbetering van de websiteprestaties, waardoor bezoekers een snellere en soepelere gebruikerservaring hebben.

4. Testfase & Lancering

Na de ontwikkeling en optimalisatie van de website hebben we een grondige testfase doorlopen om een vlekkeloze lancering te garanderen. Deze fase omvatte een reeks tests op verschillende apparaten en browsers, waarbij we de functionaliteit, gebruikerservaring en prestaties van de website nauwlettend in de gaten hielden.

We voerden uitgebreide tests uit op het gebied van:

  • Functionele tests: Om te controleren of alle functionaliteiten, zoals formulieren, links en interactieve elementen, correct werkten.
  • Prestatietests: Om de laadtijden, serverreacties en algehele snelheid van de website te meten.
  • Responsieve tests: Om er zeker van te zijn dat de website goed functioneerde op verschillende schermformaten, van desktops tot mobiele apparaten.

Na het succesvol afronden van de testfase hebben we de website gelanceerd. Tijdens de lancering hebben we nauwlettend toezicht gehouden op de prestaties en gebruikersfeedback, om eventuele problemen direct te kunnen aanpakken.

De combinatie van een rigoureuze testfase en een zorgvuldige lancering heeft ervoor gezorgd dat de nieuwe Seeders-website een succesvolle start heeft gemaakt, met een optimale gebruikerservaring en uitstekende prestaties.

De resultaten

Na een geslaagd project zijn wij trots om onderstaande resultaten te kunnen benoemen:

Een gemiddelde score van 98/100 in Google PageSpeed.

 Een speed index van 1 seconden.

Het aantal plugins teruggebracht door 19 te vervangen met versimpelde maatwerk code.

26 dynamische componenten die gemakkelijk gecombineerd worden om nieuwe content te maken zonder design kennis.

SEO-rankings behouden en verbeterd, dankzij een soepele contentmigratie.

Image

Conclusie

De samenwerking met Seeders.agency resulteerde in een website die niet alleen visueel aantrekkelijker en sneller is, maar ook beter beheersbaar voor het interne team. Dankzij de technische optimalisaties en de overstap naar een efficiëntere pagebuilder heeft Seeders nu een toekomstbestendige website die klaar is voor verdere groei.

Word jij onze nieuwste case?

Wij voegen graag toffe projecten toe aan ons portfolio. Welke uitdagingen loopt jouw bedrijf tegenaan? Laat je gegevens achter en we nemen binnen 24 uur contact met je op!

Zij noemen ons graag partner

Wij zijn in 2016 opgericht en hebben inmiddels voor talloze mooie opdrachtgevers applicaties mogen ontwikkelen. We lichten er graag een aantal uit!

Twinfield
Windesheim
Ahold Delhaize
Gemeente Zwolle
Batavia Stad Fashion Outlet
Gemeente Kampen
ASDM Logistics
ADV Vastgoedonderhoud
Schutte Bouw
YoungWise
TrendingTea
Twunq
How are you diagnostics
Daklapack
Building Virtuality
Officemanager
Entweder
Restaurapp
PKBN
Alipay
WeChat Pay