Configure entity tags (Etags)

Het configureren en implementeren van Entity Tags, ook wel Etags genoemd, kan een cruciale stap zijn in het optimaliseren van de laadtijd en prestaties van je website. Etags zijn headerwaarden die worden gebruikt om specifieke versies van een resource te identificeren.

Dit artikel biedt een uitgebreid overzicht van het configureren van Etags en hoe je dit kunt implementeren met behulp van .htaccess, mocht je cache plugin dit niet kunnen oplossen.

Wat zijn etags?

Etags zijn een mechanisme waarmee webbrowsers als Chrome of Firefox en webserver kunnen bepalen of een opgehaalde webpagina of andere webresource is gewijzigd sinds de laatste keer dat deze is opgehaald.

Dit wordt gedaan door het toewijzen van een unieke identifier, of “tag”, aan de specifieke versie van een resource. Wanneer de resource wordt gewijzigd, wordt er een nieuwe, unieke tag aangemaakt.

Configureren van etags via .htaccess

Als je cache plugin het niet op kan lossen, dan kan een stukje code aan het .htaccess-bestand op je server toevoegen een oplossing bieden. Het .htaccess-bestand wordt gebruikt om configuratie-instructies aan Apache-webservers te verstrekken. Hieronder vind je een voorbeeld van hoe je Etags kunt uitschakelen:

<FilesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)(.gz)?$">
Header unset ETag
FileETag None
</FilesMatch>

Deze code zal Etags uitschakelen voor de gespecificeerde bestandstypen, waardoor potentiële caching-problemen kunnen worden voorkomen.

Waarom Etags configureren?

Het configureren van Etags is van belang om de efficiëntie van de webserver en de gebruikerservaring te verbeteren. Wanneer Etags correct zijn geconfigureerd, kunnen browsers bepalen of ze een gecachte versie van een resource kunnen gebruiken of dat ze een nieuwe versie van de server moeten opvragen. Dit kan helpen bij het verminderen van de laadtijd van webpagina’s en het verminderen van de belasting op de server.

Aanvullende configuratie

Het kan ook nuttig zijn om aanvullende configuraties te overwegen, zoals het instellen van de vervaldatums en cache-control headers voor je resources. Dit zal verder bijdragen aan het optimaliseren van de laadtijd van je website.

Het correct configureren en implementeren van Etags is essentieel voor het optimaliseren van webprestaties en gebruikerservaring.

Mocht je cache plugin  zoals WP Rocket of Litespeed Cache dit niet op kunnen lossen, dan is het toevoegen van de passende code aan het .htaccess-bestand op je server een praktische en efficiënte oplossing. Door deze stappen te volgen, kun je een robuustere en responsievere website creëren, wat uiteindelijk zal leiden tot een betere gebruikerservaring.

Lees alles over GTmetrix.com in deze blog over website speedtesten

Avoid URL Redirects

Bij het optimaliseren van websites zien we regelmatig de melding ‘Avoid URL Redirects’ verschijnen in GTMetrix-analyserapporten. Vaak gaat het om websites waarbij de automatische 301 redirect voor een doorsturing van www naar non-www, of van http naar https, niet goed is geconfigureerd.

Deze onjuiste omleidingen kunnen leiden tot verminderde laadsnelheden en een suboptimale gebruikerservaring.

Oorzaak van de melding

Deze melding komt vaak naar voren wanneer een website meerdere omleidingen heeft, wat onnodige HTTP-verzoeken kan veroorzaken. Het is cruciaal om dit probleem aan te pakken om de prestaties van je website te verbeteren en een snellere en meer gestroomlijnde ervaring voor de gebruiker te waarborgen.

Het belang van correcte omleidingen

Omleidingen zijn essentieel voor het behoud van de SEO-ranking en het waarborgen van de veiligheid van gebruikersgegevens, maar ze moeten correct worden geïmplementeerd. Foutieve omleidingen kunnen vertragingen veroorzaken en de SEO-prestaties van de site beïnvloeden, wat uiteindelijk kan resulteren in een verlies aan verkeer en inkomsten.

Zelf omleidingen genereren

Wil je zeker weten dat je de juiste code in je .htaccess bestand hebt staan? Je kunt deze zelf genereren met behulp van tools zoals die te vinden zijn op Aleyda Solis’ htaccess Redirects Generator.

Door het correct instellen van de .htaccess-file kun je voorkomen dat gebruikers en zoekmachines verkeerd worden omgeleid en ervoor zorgen dat je website soepel draait.

Server-side omleidingen

Hoewel .htaccess een nuttig middel is, is het nog beter om de redirects via de server te laten verlopen. Server-side redirects zullen over het algemeen een beter en sneller resultaat hebben dan redirects via .htaccess, omdat ze minder overhead hebben en efficiënter zijn in termen van serverbronnen.

Door het minimaliseren van de tussenstappen kunnen websites sneller laden, wat bijdraagt aan een betere gebruikerservaring en positieve SEO-implicaties heeft.

Het correct instellen van URL-omleidingen is een cruciaal aspect van websitebeheer en -optimalisatie. Het gebruik van tools zoals GTMetrix kan inzicht geven in eventuele problemen met omleidingen die de prestaties van je website kunnen beïnvloeden.

Het is daarom van belang om regelmatig je website te testen en te zorgen dat alle omleidingen correct zijn geconfigureerd, hetzij via .htaccess of, bij voorkeur, rechtstreeks via de server, om de snelheid en prestaties van je website te maximaliseren en een optimale gebruikerservaring te garanderen.

Lees alles over GTmetrix.com in deze blog over website speedtesten

Pagina maken met Avada thema

Het Avada thema, één van de populairste WordPress thema’s ter wereld (net als GeneratePress), biedt zijn gebruikers een geweldige reeks aan tools om hun website naar wens vorm te geven. Een van de belangrijkste tools die dit thema aanbiedt, is de Fusion Builder. In deze handleiding zullen we je stap voor stap begeleiden in het proces om een pagina te maken en op te maken met de Fusion Builder.

Wat is de Fusion Builder?

De Fusion Builder is een drag-and-drop paginabouwer die specifiek is ontwikkeld voor het Avada thema. Het maakt het ontwerpen van webpagina’s eenvoudig en intuïtief, zelfs als je geen eerdere ervaring hebt met webdesign. Met deze tool kun je modules, containers en kolommen naar je pagina slepen, waardoor je een volledig aangepaste layout kunt maken die past bij jouw stijl en behoeften.

Hoe maak je een pagina met de Fusion Builder

  1. Login op je WordPress dashboard.
  2. Navigeer naar Pagina’s en klik op Nieuwe Pagina.
  3. Geef je nieuwe pagina een naam.
  4. Klik op de ‘Fusion Builder’ knop om de builder te activeren.
  5. Begin met het slepen van containers, kolommen en elementen naar je pagina om de gewenste layout te creëren.
  6. Vergeet niet om regelmatig je wijzigingen op te slaan.

Bekijk de video tutorial

Een visuele demonstratie over hoe je een pagina kunt maken met het Avada thema en de Fusion Builder, bekijk onze video hieronder:

Wil je het Avada thema zelf aanschaffen? Dat kan hier.

Hergebruik van Fusion Builder blokken in het Avada thema

Wanneer je een website ontwerpt met het Avada thema en Fusion Builder, zul je waarschijnlijk bepaalde elementen of blokken tegenkomen die je vaker wilt gebruiken op verschillende pagina’s. Door deze blokken te hergebruiken, bespaar je niet alleen tijd, maar zorg je ook voor consistentie in je websiteontwerp. In dit artikel, en de begeleidende video, leggen we uit hoe je dit precies kunt doen.

Fusion Builder blokken hergebruiken

  1. Open de Fusion Builder:
    • Ga naar de pagina waar het blok dat je wilt hergebruiken zich bevindt.
    • Klik op de Fusion Builder editor om deze te openen.
  2. Selecteer en sla het blok op:
    • Zoek naar het blok of element dat je wilt opslaan.
    • Rechtsklik op het blok en kies voor de optie ‘Opslaan’ of ‘Opslaan als template’ (afhankelijk van de versie die je gebruikt).
    • Geef een naam aan het blok zodat je het later gemakkelijk kunt herkennen.
  3. Hergebruik het blok op een andere pagina:
    • Open de Fusion Builder editor op de pagina waar je het blok wilt invoegen.
    • Klik op het ‘Templates’ of ‘Gesavede blokken’ tabblad (weer afhankelijk van je versie).
    • Zoek naar het eerder opgeslagen blok en klik op ‘Invoegen’.
  4. Aanpassingen (optioneel):
    • Als je kleine aanpassingen wilt maken aan het hergebruikte blok, kun je dit nu doen zonder dat dit invloed heeft op het oorspronkelijke opgeslagen blok.

Bekijk onze video tutorial

Voor een visuele stap-voor-stap uitleg, bekijk onderstaande YouTube video waarin we het hele proces demonstreren.

Het hergebruiken van blokken in Fusion Builder bij het Avada thema is een efficiënte manier om tijd te besparen en consistentie te behouden in je ontwerpen.

Door enkele simpele stappen te volgen, kun je gemakkelijk blokken op meerdere pagina’s invoegen en aanpassen.

Wil je het Avada thema zelf aanschaffen? Dat kan hier.

E-mailwachtwoord wijzigen in cPanel

Het kan gebeuren dat je je e-mailwachtwoord vergeet of gewoon besluit om het te wijzigen voor veiligheidsredenen. Gelukkig kun je dit eenvoudig doen via cPanel, het krachtige controlepaneel voor webhosting. Hier volgt een gedetailleerde handleiding over hoe je het wachtwoord van je e-mailaccount in cPanel kunt wijzigen:

Stap 1: Toegang tot cPanel Ga naar de cPanel-loginpagina van je website door in je webbrowser naar “voorbeeldsite.nl/cpanel” te gaan. Hiermee krijg je toegang tot het cPanel dashboard van je webhostingaccount.

Stap 2: Inloggen Log in op cPanel met de juiste inloggegevens. Zorg ervoor dat je de juiste gebruikersnaam en het bijbehorende wachtwoord gebruikt.

Stap 3: Navigeer naar het e-mailgedeelte Eenmaal ingelogd, kom je op het overzichtsscherm van cPanel terecht. Scroll naar beneden totdat je het gedeelte “Email” ziet en klik op “Email accounts”.

Stap 4: Selecteer het e-mailaccount Zoek het e-mailadres waarvan je het wachtwoord wilt wijzigen en klik op de knop “Beheren”. Hiermee open je de instellingen van het specifieke e-mailaccount.

Stap 5: Nieuw wachtwoord invoeren Op de beheerpagina van het e-mailaccount zie je een veld met de optie om een nieuw wachtwoord in te voeren. Typ hier je gewenste nieuwe wachtwoord in.

Wachtwoord wijzigen cpanel

Stap 6: Bevestigen Zorg ervoor dat het nieuwe wachtwoord dat je hebt ingevoerd, voldoet aan de beveiligingsvereisten van cPanel, zoals het gebruik van hoofdletters, kleine letters, cijfers en speciale tekens voor extra veiligheid.

Stap 7: Wijzigingen opslaan Scroll vervolgens naar beneden op dezelfde pagina en klik op de knop “Update Email Settings” om de wijzigingen op te slaan.

Gefeliciteerd! Je hebt met succes het wachtwoord van je e-mailaccount in cPanel gewijzigd. Zorg ervoor dat je het nieuwe wachtwoord goed bewaart en dat het veilig is om je e-mailaccount te beschermen tegen ongeautoriseerde toegang.

Bewaar wachtwoorden veilig

Het is altijd een goede gewoonte om je wachtwoorden regelmatig bij te werken en sterke wachtwoordbeveiligingspraktijken te volgen om je online accounts te beschermen. Je kunt ook een wachtwoordmanager als bijvoorbeeld LastPass gebruiken.

Vakantiemelding instellen in cPanel

Stel je voor: je staat op het punt om met vakantie te gaan of je bevindt je om een andere reden tijdelijk buiten bereikbaarheid, maar je wilt wel je klanten, collega’s of vrienden op de hoogte houden met een automatisch antwoordbericht. In dit artikel laten we je zien hoe je eenvoudig een vakantiemelding kunt instellen in cPanel, een veelgebruikte controlepaneelsoftware voor webhosting. Zo kunnen mensen die jou een e-mail sturen op de hoogte worden gebracht van je tijdelijke afwezigheid.

Stap 1: Toegang tot cPanel
Om te beginnen, ga naar de cPanel inlogpagina, die doorgaans te bereiken is via jouw domeinnaam gevolgd door “/cpanel” (bijvoorbeeld “voorbeeldsite.nl/cpanel”). Log in met de juiste inloggegevens die je van jouw hostingprovider hebt ontvangen.

Stap 2: Het cPanel overzichtsscherm
Nadat je succesvol bent ingelogd, kom je terecht in het cPanel overzichtsscherm. Hier heb je toegang tot verschillende functies voor het beheren van jouw website en e-mailaccounts.

Stap 3: Navigeer naar automatische beantwoorders
Om een vakantiemelding in te stellen, scrol je naar beneden op het overzichtsscherm van cPanel. Zoek naar de sectie genaamd “Email” en klik op “Automatische beantwoorders.”

Automatische beantwoorder cpanel

Stap 4: Toevoegen van een automatische beantwoorder
Nu ben je klaar om een nieuwe automatische beantwoorder toe te voegen door op de corresponderende knop te klikken.

Stap 5: Configureren van de instellingen
Je wordt doorgestuurd naar een configuratiescherm waar je verschillende instellingen moet configureren:

  • Tekenset: Stel de tekenset in op UTF-8 om ervoor te zorgen dat speciale tekens correct worden weergegeven.
  • Interval: Bepaal hoeveel uren er moeten worden gewacht voordat eenzelfde e-mailadres opnieuw een automatisch antwoord ontvangt.
  • E-mail: Voer het e-mailadres in waarvoor je de vakantiemelding wilt instellen.
  • Domein: Kies het bijbehorende e-mail domein.
  • Van: Specificeer de afzendernaam voor het automatische antwoord.
  • Onderwerp: Vul het onderwerp in voor het automatische antwoordbericht.
  • Hoofdtekst: Hier kun je het bericht typen dat mensen zullen ontvangen wanneer ze jou een e-mail sturen tijdens jouw afwezigheid. Je kunt hier informatie toevoegen over wanneer je terugkomt en wie ze kunnen contacteren voor dringende zaken.
  • Start: Selecteer de datum en tijd vanaf wanneer je niet bereikbaar bent.
  • Stoppen: Kies de datum en tijd waarop je weer beschikbaar zult zijn.

Vakantiemelding cpanel

Stap 6: Vakantiemelding activeren
Zodra je alle benodigde informatie hebt ingevuld, klik je op de knop “Maken” om de vakantiemelding te activeren.

Stap 7: Test je instellingen
Om er zeker van te zijn dat alles correct is ingesteld, stuur je een testmail naar je eigen e-mailadres. Hierdoor kun je ervoor zorgen dat de vakantiemelding naar behoren functioneert en dat de berichten die je hebt ingevoerd zoals bedoeld worden weergegeven.

Out of office ingesteld via cPanel

Gefeliciteerd! Je hebt nu met succes een vakantiemelding ingesteld in cPanel. Deze handige functie zorgt ervoor dat jouw contacten op de hoogte zijn van je tijdelijke afwezigheid en dat ze kunnen anticiperen op je terugkeer. Geniet van je vakantie of welverdiende rust, wetende dat je communicatie professioneel wordt afgehandeld.

Website cache legen met LiteSpeed cache

Het legen van de cache met LiteSpeed Cache is een vrij eenvoudig proces. Hier zijn de stappen die je moet volgen:

  1. Log in op je WordPress-dashboard: Je kunt dit doen door je website-URL in te voeren gevolgd door /wp-admin (bijv. www.jouwwebsite.com/wp-admin) en in te loggen met je gebruikersnaam en wachtwoord.
  2. Navigeer naar LiteSpeed cache: Zodra je bent ingelogd op je dashboard, zoek je naar “LiteSpeed Cache” in het zijmenu en klik je erop.
  3. Ga naar het dashboard van LiteSpeed cache: In het LiteSpeed Cache menu, klik op “Dashboard”. Hier vind je een overzicht van de cache-status van je website.
  4. Leeg de cache: Op het dashboard van LiteSpeed Cache zie je een optie genaamd “Purge All”. Klik hierop om de gehele cache van je website te legen.

En dat is het! Je hebt nu met succes de cache van je WordPress website geleegd met LiteSpeed Cache. Zie je nog steeds geen verandering op je website en je weet zeker dat je alles goed opgeslagen hebt? Lees dan hier verder over het legen van je browser cache.

Browser cache wissen in Google Chrome?

Je hebt een aanpassing gedaan op je website maar zie de aanpassing niet op de website terugkomen. Hoe komt dit?

Je browser onthoudt hoe een website eruit ziet, nadat je op een website geweest bent. Dit is een handige functie, want als je de volgende keer naar dezelfde website gaat, zal de website sneller laden, omdat je browser deze onthouden heeft. Maar als je nu dus een aanpassing doet op je website dan onthoudt je browser nog de oude website. Oftewel je ziet de aanpassing niet.

Dit lost je op door de browser cache te legen. Om de browsercache in Google Chrome te legen, volg je deze stappen:

Cache in chrome legen

1. Open Google Chrome en klik op de drie verticale puntjes in de rechterbovenhoek van het scherm.
2. Ga naar “Instellingen” of typ `chrome://settings/` in de adresbalk en druk op Enter.
3. Scroll naar beneden en klik op “Privacy en beveiliging”.
4. Klik op “Browsegegevens wissen” of typ `chrome://settings/clearBrowserData` in de adresbalk en druk op Enter.
5. In het pop-upvenster dat verschijnt, zorg je dat in ieder geval “Gecachte afbeeldingen en bestanden” is aangevinkt.
6. Je kunt de tijdsperiode kiezen via het dropdown-menu bij “Tijdsperiode”. Als je alles wilt wissen, kies je “Altijd”.
7. Klik op de knop “Gegevens wissen”.

Hiermee wordt de cache van je browser leeggemaakt. Dit kan nuttig zijn voor het oplossen van problemen met website-laden of het vernieuwen van gewijzigde webinhoud.

Lokale cache wissen in Google Chrome

Soms werkt het normaal legen van cache niet in Google Chrome. Dan moet je met de console van Google Chrome handmatig het opslaan van cache uitzetten. Dit doe je zo:

  1. Druk op f12 om je console te openen
  2. Ga naar het tabje ‘Netwerk’ (‘Network’ in het Engels)
  3. Klik op het vakje voor cache uitschakelen (‘disable cache’ in het Engels)
  4. Herlaad de pagina door op ctrl + r te drukken

Nu staat het opslaan van cache uit totdat je de console weer sluit.

Google Chrome extensie gebruiken?

  1. Ga naar google.nl
  2. Type in: cache cleaner google chrome
  3. Klik op de eerste link
  4. Klik rechts bovenin op  de blauwe knop ‘installeer in chrome’
  5. Vervolgens wordt de extensie geïnstalleerd
  6. Vervolgens krijg je rechtsboven in je browser een bezem icon te zien
  7. Als je de volgende keer een aanpassing niet ziet dan klik je op dit icon.
  8. Ververs vervolgens de website waarop je geen aanpassing zag

Cache cleaner

Je wilt je voorraad van bijvoorbeeld het afgelopen jaar exporteren. Er zijn verschillende plugins die deze mogelijkheid hebben maar ze zijn allemaal erg beperkt. Vandaar dat wij de betaalde plugin gebruiken genaamd: WP all export pro.

Voorraad exporteren in Woocommerce met WP All Export Pro

Hoe exporteer je de voorraad? Volg de onderstaande stappen.

Plugin WP All Export Pro installeren

  1. WP All ExportBestel de plugin op https://www.wpallimport.com/
  2. Download de plugin
  3. Upload de WordPress plugin naar je website
  4. Ga in het WordPress menu naar All Export
  5. Activeer de plugin met de code in je account van All Export

Nieuwe export maken

  1. Klik op new import
  2. Kies een type dat je wilt exporteren -> in ons geval Woocommerce producten
  3. Klik op ‘Specific post type’
  4. Klik op customize export file
  5. Nu kom je op een pagina waar je de export file kunt inrichten.
  6. Kies de velden die je wilt in je export file. Sleep deze van rechts naar het veld.
  7. Standaard velden die er al staan kun je verwijderen als je deze niet in je export file wilt

Voorraad exporteren

  1. Het is nu belangrijk dat dat je het veld ‘stock’ erin sleept. Dit is de voorraad die je wilt exporteren.
  2. Onderaan zie je nog de optie om deze instellingen op te slaan zodat je dit niet elke keer hoeft te doen
  3. Klik op continue
  4. Het laatste scherm is waar je extra opties hebt
  5. Deze laat je leeg tenzij je dit anders wilt
  6. Kies een bestandsnaam
  7. Klik op ‘Confirm en run export’
  8. Je bestand word gemaakt. Dit kan even duren.
  9. Het export bestand is een CSV, als je deze opent in Google spreadsheets zal de weergave weer leesbaar worden

Alternatief WP All Export Pro

Een gratis plugin om je producten te exporteren vind je op ons YouTube kanaal: