De Modern Image Formats plugin voor (en van) WordPress maakt het eenvoudig om WebP- en AVIF-afbeeldingen te gebruiken zonder extra conversiestappen.
Deze gratis plugin, die onderdeel is van de totale Performance Lab bundel van WordPress, zorgt ervoor dat je WebP- en AVIF-bestanden rechtstreeks kunt uploaden en gebruiken in je WordPress-mediabibliotheek, zonder dat je handmatige aanpassingen hoeft te doen aan je websitecode. Ook genereert deze plugin automatisch de gekozen files na het uploaden van een JPG of PNG afbeelding in je media biblibotheek van WordPress.
Waarom de Modern Image Formats plugin gebruiken?
Moderne afbeeldingsformaten zoals WebP en AVIF bieden een betere compressie dan traditionele formaten zoals JPEG en PNG, wat resulteert in kleinere bestandsgroottes en snellere laadtijden. Dit heeft directe voordelen voor je websiteprestaties, Core Web Vitals en SEO.
Directe ondersteuning voor WebP en AVIF in de WordPress-mediabibliotheek;
Compatibiliteitscontroles om te voorkomen dat niet-ondersteunde formaten worden gebruikt in browsers die ze niet kunnen weergeven;
Automatische fallback-opties, zodat oudere browsers nog steeds standaard JPEG- of PNG-versies van de afbeelding kunnen tonen.
Hoe werkt de plugin?
Na installatie en activering van de plugin kun je WebP- en AVIF-bestanden direct uploaden naar je WordPress bibliotheek, standaard kan dit (nog) niet. De plugin controleert automatisch of het bestand correct wordt ondersteund door je hostingomgeving en browser.
Zoek naar “Modern Image Formats” en installeer de plugin;
Activeer de plugin en begin direct met het uploaden van WebP– en AVIF-bestanden via de mediabibliotheek.
Voor een nog betere beeldoptimalisatie kun je Modern Image Formats combineren met caching- en optimalisatieplugins zoals WP Rocket.
Deze plugin is een eenvoudige maar krachtige oplossing om WebP en AVIF direct te ondersteunen in WordPress, zonder dat je extra conversietools zoals bijvoorbeeld Shortpixel of handmatige instellingen nodig hebt.
Dit helpt je website sneller en efficiënter te laden, wat zowel de gebruikerservaring als je SEO-score verbetert.
AVIF (AV1 Image File Format) is een modern afbeeldingsformaat dat geavanceerde compressietechnieken gebruikt om afbeeldingen van hoge kwaliteit te leveren met aanzienlijk kleinere bestandsgroottes dan traditionele formaten zoals JPEG en PNG. Dit wordt mogelijk gemaakt door de AV1-codec, die oorspronkelijk is ontwikkeld voor efficiënte videocompressie en nu wordt toegepast op stilstaande beelden.
Voordelen AVIF
Een van de grootste voordelen van AVIF is de superieure compressie zonder noemenswaardig kwaliteitsverlies. Dit betekent dat afbeeldingen sneller laden, wat direct bijdraagt aan betere prestaties van bijvoorbeeld WordPress websites. Snellere laadtijden verbeteren niet alleen de gebruikerservaring, maar hebben ook een positieve invloed op SEO, omdat zoekmachines zoals Google websites met snelle laadtijden hoger waarderen.
Daarnaast ondersteunt AVIF functies zoals transparantie (net als PNG), HDR (High Dynamic Range) en een breder kleurenspectrum, waardoor het een veelzijdige keuze is voor zowel fotografen als webdesigners.
Combineer AVIF
Voor optimale compatibiliteit kan het nu nog nuttig zijn om AVIF-bestanden te combineren met fallback-opties zoals WebP of JPEG.
Als je gebruik wilt maken van AVIF afbeeldingen dan kun je hiervoor de gratis plugin Modern Image Formats gebruiken van WordPress zelf. Deze plugin genereert automatisch AVIF afbeeldingen van beelden die je upload in je website of webshop.
Wanneer je een WooCommerce multisite netwerk beheert, kan het beheren van bestellingen van meerdere subsites een uitdaging zijn. Gelukkig biedt de Multisite Order Sync for WooCommerce-plugin van Rudrastyh een goede oplossing hiervoor.
Deze plugin stelt je in staat om bestellingen die op subsites worden geplaatst automatisch te synchroniseren met de hoofdsite, wat het orderbeheer centraliseert en vereenvoudigt.
Multisite WooCommerce order Sync
Deze betaalde WooCommerce plugin werkt door elke nieuwe WooCommerce bestelling die op een subsite binnenkomt automatisch volledig te kopiëren naar de hoofdsite. Dit betekent dat je niet langer hoeft te schakelen tussen verschillende WordPress dashboards om je bestellingen van de webshop te beheren. In plaats daarvan heb je één centrale locatie waar je alle orders kunt inzien, verwerken en beheren.
Voordelen order sync
Efficiëntie: Bespaart tijd door bestellingen automatisch te synchroniseren.
Centralisatie: Alle bestellingen op één plek, wat vooral handig is voor administratie en rapportages.
Integratie: Werkt moeiteloos binnen een WordPress multisite-netwerk en WooCommerce.
Deze plugin is ideaal voor webshops met meerdere subsites, zoals internationale e-commerce websites met afzonderlijke shops per land of niche, bijvoorbeeld onze klant Combibreed.nl. Of je nu werkt met verschillende talen, valuta’s of specifieke producten per subsite, de Multisite Order Sync for WooCommerce maakt het beheer eenvoudiger en overzichtelijker.
De plugin kost 99,- per jaar voor 1 website. Wat ons betreft een aanrader, de developer is aanspreekbaar en bereid om maatwerk toe te passen als dit nodig is.
Heb je specifieke vragen over het gebruik van deze plugin of wil je weten hoe je bepaalde functies optimaal kunt benutten? Wij hebben deze bij verschillende projecten in gebruik, laat het gerust weten.
Van plan om over te stappen van Mailchimp naar Mailerlite, maar heb je hier hulp bij nodig? In deze handleiding hebben wij elke stap beschreven, zodat jij de verhuizing helemaal zelf kan verzorgen.
Stap 1: Voorbereiding overstap in Mailchimp
Bekijk als eerste je Mailchimp-instellingen en zorg dat je weet hoe jouw account in elkaar zit.
Controleer je bestaande mailinglijsten in MailcChimp en segmenten.
Maak een inventarisatie van je huidige e-mailcampagnes en automatiseringen.
Noteer aangepaste velden, tags en segmenten die je gebruikt.
Daarna is het tijd om een backup te maken van alle contacten, campagnes en automatiseringen in je Mailchimp account. Dit doe je als volgt.
Download HTML- of PDF-versies van je campagnes als referentie.
Stap 2: Start in MailerLite
Maak als eerste een account aan in MailerLite. Ga naar de website van MailerLite en maak een account aan.
Doorloop het verificatieproces van je domein en bedrijfsgegevens en zorg dat dit allemaal groene vinkjes geeft in de MailerLite instellingen.
Importeer je contacten in Mailerlite
Ga naar Subscribers > Import;
Upload je geëxporteerde CSV-bestand uit MailChimp;
Controleer of aangepaste velden correct worden toegewezen en pas aan waar nodig;
Voeg tags of segmenten toe die je eerder hebt gebruikt in Mailchimp.
Maak groepen en segmenten aan
Creëer groepen om je contacten te organiseren;
Maak dynamische segmenten als je geavanceerde filtering nodig hebt.
Stap 3: E-mail templates in MailerLite
Exporteer als eerste je template(s) vanuit Mailchimp. Dit doe je door het openen van je template in Mailchimp en de HTML-code te kopiëren.
Daarna is het tijd om je template(s) te importeren in MailerLite. Ga hiervoor naar Campaigns > Templates > Create Template.
Kies vervolgens voor de optie Custom HTML en plak de HTML-code van Mailchimp.
Test je template om te controleren of alles correct wordt weergegeven.
Stap 4: Automatiseringen migreren
Het is van belang om als eerste de automatiseringen in kaart te brengen die je nu gebruikt. Noteer alle triggers, voorwaarden en workflows die je in Mailchimp hebt ingesteld.
Daarna kun je de automatiseringen opnieuw opzetten in MailerLite. Hiervoor volg je de volgende stappen:
Ga naar Automation > Create workflow;
Stel triggers in (zoals inschrijving bij een groep of klik op een link);
Voeg stappen toe zoals e-mails, wachttijden en conditionele splitsingen.
Inschrijfformulieren in je WordPress website. Uiteraard van belang om meer inschrijvers te krijgen! Wij koppelen deze vaak via Gravity Forms, daarvoor is een add-on voor MailerLite beschikbaar. Hiermee kun je snel zonder weer opnieuw met CSS alles te hoeven stylen wisselen van nieuwsbrief aanbieder. Een andere optie vind je hieronder, dat zijn de standaard formulier vanuit MailerLite.
Ga in het dashboard van Mailerlite naar Forms en maak nieuwe inschrijfformulieren of pop-ups;
Koppel deze formulieren aan je groepen en automatiseringen;
Vervolgens kun je deze in je website inladen door de getoond HTML code op een pagina te plaatsen. Of in een popup met bijvoorbeeld Boxzilla.
Werk eventuele integraties met WordPress, Shopify of andere platformen bij. Als je bijvoorbeeld gebruik maakt van WooCommerce heb je waarschijnlijk een plugin waarmee bezoekers van je webshop een vinkje in de checkout zien waarmee ze in kunnen schrijven voor jouw nieuwsbrief. Deze plugin kun je vervangen voor de plugin van Mailerlite. Dat is deze WordPress plugin.
Stap 6: Testen, testen en testen
Als je alles over hebt gezet van contacten tot automatiseringen tot aan inschrijfformulieren dan kun je gaan testen. Maak een testcampagne en verstuur die naar jezelf. Check goed de opmaak en inhoud op verschillende apparaten.
Uiteraard is het ook van belang om automatiseringen goed te testen. Net als je inschrijfformulieren.
Stap 7: Overstappen op MailerLite
Als je bijna over kunt gaan dan is het van belang om de Mailchimp-campagnes te pauzeren. Hiermee voorkom je dat je jouw inschrijvers lastig valt met dubbele e-mails.
Daarnaast kun je de campagnes in MailerLite aanzetten. Ook je automatiseringen kunnen opgestart worden.
Als de campagnes lopen dan is het zaak om te gaan monitoren hoe alles verloopt. Hoeveel lezers openen jouw nieuwsbrief, hoeveel inschrijvers schrijven zich uit, etc.
Stap 8: Opzeggen Mailchimp
Check nogmaals of je alles van Mailchimp ontkoppelt hebt van je website, CRM en andere tools. Hiermee komt ook een einde aan je Mailchimp tijdperk. Je kunt je account dan ook beëindigen. Heel veel succes!
Met de WooCommerce Brands functionaliteit kun je eenvoudig merken toevoegen aan je WooCommerce producten zonder dat je een aparte plugin hoeft te installeren. Dit helpt bij het organiseren van je producten en maakt het voor klanten gemakkelijker om producten van hun favoriete merken te vinden.
In dit artikel leggen we uit hoe je merken instelt en gebruikt binnen WooCommerce.
Wat is WooCommerce Brands?
WooCommerce Brands is sinds 2025 een standaardfunctionaliteit in WooCommerce waarmee je producten kunt indelen op basis van merken. Dit voegt een extra taxonomie toe, vergelijkbaar met categorieën en tags, waardoor klanten producten per merk kunnen filteren en bekijken.
Waarom WooCommerce Brands gebruiken?
Verbeterde gebruikservaring → Klanten kunnen snel producten van hun favoriete merken vinden.
SEO-voordelen → Merkenpagina’s kunnen beter scoren in zoekmachines waardoor je beter gevonden wordt op een merknaam.
Overzichtelijke shop → Je kunt merken op verschillende manieren tonen in je webshop.
Slug → Dit is de URL voor de merkpagina (bijv. `/merk/bohostijl`).
Beschrijving → Een korte omschrijving van het merk.
Afbeelding → Upload het merklogo of een afbeelding die bij het merk past.
Klik op “Toevoegen” om het merk op te slaan.
Nu is het merk beschikbaar in WooCommerce en kan het worden gekoppeld aan producten.
Stap 2: Merken koppelen aan producten
Om een merk aan een product toe te wijzen:
Ga naar: `Producten > Alle producten`
Klik op een bestaand product of voeg een nieuw product toe.
In de rechterzijbalk vind je de sectie Merken.
Selecteer een bestaand merk of voeg een nieuw merk toe.
Klik op Bijwerken om de wijzigingen op te slaan.
Het merk wordt nu weergegeven op de productpagina.
Stap 3: Merkenpagina’s en filters instellen
Automatische merkenpagina’s
WooCommerce maakt automatisch een overzichtspagina per merk. Je kunt deze pagina’s vinden onder:
`https://jouwwebsite.nl/merk/naam-van-het-merk`
Wil je een overzichtspagina met alle merken?
Voeg dan de WooCommerce Brands shortcode toe aan een pagina: [product_brand]
Merken tonen in het menu
Wil je merken in het hoofdmenu tonen?
Met WooCommerce Brands kun je eenvoudig merken toevoegen en beheren binnen WooCommerce. Dit helpt bij het verbeteren van de navigatie, klantbeleving en SEO. Heb je nog vragen of wil je hulp bij het instellen? Neem contact op met Lamper Design!
Wat is Cache Warmer?
De Cache Warmer plugin van TMM Technology helpt bij het versnellen van je WordPress website door het vooraf laden van de cache. Dit betekent dat pagina’s al ingeladen zijn voordat een bezoeker ze opent, waardoor je website sneller reageert en de gebruikerservaring verbetert.
Voordelen van Cache Warmer
Snellere laadtijden: Pagina’s worden vooraf geladen, wat zorgt voor een directe weergave bij bezoekers.
Betere SEO-prestaties: Snellere websites scoren beter in zoekmachines zoals Google.
Efficiënter cachebeheer: Zorgt ervoor dat je caching-plugin altijd up-to-date en effectief blijft.
Volledige automatisering: Geen handmatige acties nodig; de plugin werkt continu op de achtergrond.
Belangrijkste functies
Automatisch cache opbouwen na publicatie of wijziging van content.
Ondersteuning voor sitemaps en berichten om efficiënt alle pagina’s te warmen.
Instelbare snelheid en frequentie voor het benaderen van pagina’s.
Mogelijkheid om bepaalde pagina’s uit te sluiten via regels of regex.
Grafiek en statistieken in het WordPress-dashboard om prestaties bij te houden.
Voeg sitemaps of specifieke pagina’s toe om vooraf geladen te worden.
Pas instellingen aan zoals snelheid, time-outs en welke assets moeten worden opgewarmd.
Een plugin als Cache Warmer is vooral nuttig voor websites of webshops met caching, waar je snelle prestaties wilt garanderen, zelfs direct na een cache-vernieuwing. Dit helpt vooral bij SEO, gebruikservaring en het optimaliseren van laadtijden op minder actieve of internationale websites.
Heb je vragen over het gebruik van Cache Warmer of wil je advies over de beste caching-instellingen voor jouw website? Neem gerust contact met ons op!
Een snelle website is essentieel voor een goede gebruikerservaring en betere posities in zoekmachines zoals Google. Google PageSpeed Insights (PSI) is een gratis tool waarmee je de snelheid en prestaties van je website kunt testen en optimaliseren.
In dit artikel leggen we uit hoe je Google PageSpeed Insights gebruikt, wat de verschillende scores betekenen en hoe je jouw website sneller kunt maken.
Wat is Google PageSpeed Insights?
Google PageSpeed Insights is een tool van Google die de prestaties van je website meet op zowel desktop als mobiele apparaten. De tool analyseert je pagina en geeft aanbevelingen om de laadtijd te verbeteren.
Het uitvoeren van een snelheidstest met PageSpeed Insights is eenvoudig:
Ga naar de PageSpeed Insights website.
Voer de URL van je website in en klik op “Analyseren”.
Wacht een paar seconden terwijl Google de resultaten genereert.
Stap 2: De resultaten begrijpen
Google PageSpeed Insights geeft een score tussen 0 en 100, verdeeld over mobiel en desktop:
De scores en de betekenis hiervan:
🟥 0 – 49 > Langzaam – Optimalisatie nodig
🟡 50 – 89 > Gemiddeld – Verbeteringen mogelijk
🟢 90 – 100 > Goed – Je website is snel
Daarnaast toont Google vier belangrijke meetpunten (Core Web Vitals) die van invloed zijn op de gebruikerservaring:
1. Largest Contentful Paint (LCP)
Meet hoe lang het duurt voordat het grootste zichtbare element op de pagina is geladen.
Streef naar een LCP van minder dan 2,5 seconden.
2. First Input Delay (FID)
Meet hoe snel de website reageert op een interactie, zoals klikken op een knop.
Een FID onder 100 ms is ideaal.
3. Cumulative Layout Shift (CLS)
Meet visuele verschuivingen tijdens het laden van de pagina.
Streef naar een CLS-score onder 0,1.
4. Total Blocking Time (TBT)
Meet de totale tijd dat de website niet reageert tijdens het laden.
Hoe lager, hoe beter.
Stap 3: Jouw website optimaliseren
Google PageSpeed Insights geeft aanbevelingen om de prestaties van je website te verbeteren. Hieronder bespreken we de meest voorkomende problemen en oplossingen.
1. Afbeeldingen optimaliseren
Gebruik gecomprimeerde afbeeldingen (bijv. WebP in plaats van PNG/JPG).
Schaal afbeeldingen naar de juiste afmetingen.
Gebruik lazy loading zodat afbeeldingen pas laden wanneer ze in beeld komen.
2. Browsercaching inschakelen
Zorg ervoor dat statische bestanden (zoals CSS, JavaScript en afbeeldingen) worden gecachet.
Dit kan via een caching-plugin zoals WP Rocket of W3 Total Cache in WordPress.
3. JavaScript en CSS verkleinen
Verklein en combineer CSS- en JavaScript-bestanden om het aantal verzoeken te verminderen.
Gebruik defer of async voor JavaScript-bestanden zodat ze later laden.
4. Serverrespons verbeteren
Gebruik een snelle hostingprovider zoals bijvoorbeeld Kinsta.
– Maak gebruik van een Content Delivery Network (CDN) zoals Cloudflare of BunnyCDN.
– Verminder het aantal plugins in WordPress.
5. Overbodige code verwijderen
Verwijder ongebruikte CSS en JavaScript-bestanden.
Schakel render-blocking scripts uit met WP Rocket of Autoptimize.
Stap 4: Test je website opnieuw
Na het doorvoeren van verbeteringen kun je opnieuw testen met Google PageSpeed Insights om te zien of je score is verbeterd. Het kan ook enkele dagen duren voordat Google de nieuwe laadsnelheid opmerkt.
Met Google PageSpeed Insights kun je jouw website optimaliseren voor snelheid en prestaties. Dit zorgt voor een betere gebruikerservaring en kan helpen bij hogere rankings in Google.
Wil je professionele hulp bij het verbeteren van je websitesnelheid? Neem contact op met Lamper Design!
Een cronjob is een geplande taak op Unix-achtige systemen die op specifieke tijden of intervallen wordt uitgevoerd. Het is essentieel om de timing van deze taken correct te configureren om ervoor te zorgen dat ze op de gewenste momenten worden uitgevoerd.
Cron Syntax
De timing van een cronjob wordt bepaald door een reeks van vijf velden in de crontab (cron-tabel), die elk een specifiek tijdsaspect vertegenwoordigen:
Minuut (0 – 59)
Uur (0 – 23)
Dag van de maand (1 – 31)
Maand (1 – 12)
Dag van de week (0 – 7, waarbij zowel 0 als 7 voor zondag staan)
Een typische crontab-regel ziet er als volgt uit:
30 2 * * 1 /pad/naar/uw/script.sh
In dit voorbeeld wordt het script /pad/naar/uw/script.sh elke maandag om 02:30 uur uitgevoerd.
Gebruik van Crontab.guru
Het interpreteren en valideren van cron-expressies kan complex zijn. Gelukkig biedt Crontab.guru een intuïtieve interface om cron-expressies te analyseren en te verifiëren.
Voer de cron-expressie in: Typ of plak de betreffende cron-expressie in het invoerveld bovenaan de pagina.
Resultaat bekijken: Direct onder het invoerveld geeft Crontab.guru een menselijke leesbare uitleg van de ingevoerde expressie.
Voorbeeld:
Als u de expressie 30 2 * * 1 invoert, zal Crontab.guru aangeven:
At 02:30 on Monday.
Dit bevestigt dat de taak elke maandag om 02:30 uur wordt uitgevoerd.
Wil je de Global Styles van je GeneratePress thema overzetten naar een andere website? In dit artikel leggen we je de twee benodigde stappen uit met behulp van de standaard WordPress export en import functie.
Stap 1: Exporteer de Global Styles uit WordPress
Ga naar de WordPress admin van de bronwebsite Log in op de website waarvan je de Global Styles wilt exporteren.
Navigeer naar de WordPress Export Tool Ga naar Gereedschap (Tools) > Exporteren.
Selecteer “Alle inhoud” of alleen “Stijlen” Kies “Alle inhoud” om alles te exporteren (inclusief berichten, pagina’s en Global Styles). Wil je alleen de Global Styles, selecteer dan de optie “Stijlen” (Styles), indien beschikbaar.
Download het .XML-bestand Klik op “Exportbestand downloaden”, en bewaar het .XML-bestand op je computer.
Stap 2: Importeer de Global Styles op de nieuwe website
Ga naar de WordPress admin van de doelwebsite Log in op de website waar je de Global Styles wilt importeren.
Navigeer naar de WordPress Import Tool Ga naar Gereedschap (Tools) > Importeren.
Kies “WordPress” en installeer de importeerfunctie Als dit nog niet is geïnstalleerd, klik op “Nu installeren” en vervolgens op “Importeur uitvoeren”.
Upload het .XML-bestand Klik op “Bestand kiezen”, selecteer het eerder gedownloade .XML-bestand en klik op “Bestand uploaden en importeren”.
Controleer de instellingen en importeer Zorg ervoor dat de juiste gebruiker is geselecteerd om de stijlen toe te wijzen. Vink de optie aan om media mee te importeren (optioneel). Klik op “Importeren starten”.
Stap 3: Controleer en pas de stijlen aan
Ga naar Weergave > Editor (Full Site Editor).
Controleer of de Global Styles correct zijn overgezet.
Pas eventueel handmatig stijlen aan via de GeneratePress instellingen.
