Bij het ontwikkelen en testen van WordPress-websites is een staging omgeving essentieel om goed te kunnen ontwikkelen en bijvoorbeeld debuggen als je problemen hebt. Een staging omgeving biedt een veilige plek om wijzigingen door te voeren en nieuwe functionaliteiten te testen zonder de live website te verstoren.
Soms is het nodig of handig om bepaalde delen van de stagingomgeving door te verwijzen naar de live website, bijvoorbeeld mediabestanden die al op de live site staan. Ook kun je dit inzetten bij website die veel data hebben. Waarom zou je constant die data heen en weer verhuizen naar je staging omgeving als je dit kunt voorkomen met deze simpele redirect van de uploads folder?
Als je de onderstaande regel in je .htaccess bestand plaatst hoef je nooit meer de uploads folder naar je staging website over te zetten.
# Apache .htaccess
RedirectMatch 301 ^/wp-content/uploads/(.*) https://livewebsite.com/wp-content/uploads/$1
Als je gebruik maakt van hosting die NGINX gebruikt in plaats van Apache (zoals bijvoorbeeld Kinsta) dan kun je deze regels toevoegen in de NGINX configuratie:
# Nginx
location ~ ^/wp-content/uploads/(.*) {
rewrite ^/wp-content/uploads/(.*)$ https://livewebsite.com/wp-content/uploads/$1 redirect;
}
Bij beide opties moet je natuurlijk de juiste live locaties opgeven.
Wat doet deze redirect in een staging omgeving?
Deze regel zorgt ervoor dat alle mediabestanden (zoals afbeeldingen, PDF’s of video’s) op de staging omgeving niet lokaal worden geladen, maar direct van de live website komen. Dit kan handig zijn wanneer:
- Mediabestanden niet worden gekopieerd naar de stagingomgeving om schijfruimte te besparen;
- Je de staging omgeving wilt gebruiken zonder een exacte kopie van de uploads-map te hoeven maken
- Je wijzigingen wilt testen zonder dubbele opslag van mediabestanden;
Als een gebruiker op de stagingomgeving naar een afbeelding verwijst, zoals /wp-content/uploads/image.jpg, wordt deze via een permanente 301 redirect doorverwezen naar http://livewebsite.com/wp-content/uploads/image.jpg.
Wil je weten of het werkt? In de bron zie je nog steeds de ‘normale’ staging url’s bij de images staan. Als je in de Chrome developer console kijkt zie je bij de images een 302 redirect bij de status staan. Als je dit ziet dan weet je dat jouw instellingen goed ingesteld staan.
Voordelen van een 301 redirect op de uploads folder
Een belangrijke reden om deze 301 redirect te gebruiken is efficiëntie. Het kost veel minder tijd en serverruimte, omdat je niet alle mediabestanden hoeft te dupliceren naar de staging omgeving. Bovendien is het eenvoudiger om een staging omgeving snel op te zetten als je alleen de noodzakelijke onderdelen (zoals WordPress thema’s, plugins en databases) kopieert.
Daarnaast zorgt de permanente redirect (301) ervoor dat zoekmachines en browsers begrijpen dat de stagingomgeving niet de primaire bron van deze bestanden is. Dit voorkomt verwarring over duplicate content mocht je per ongeluk vergeten om het vinkje in de instellingen aan te zetten waarmee je Google vraagt om de website niet te indexeren.
Nadelen van deze oplossing
Hoewel deze aanpak veel voordelen biedt, zijn er ook enkele punten om rekening mee te houden:
- Externe afhankelijkheid: Als de live website om wat voor reden dan ook offline is, kunnen de mediabestanden op de stagingomgeving niet worden geladen. Wat ons betreft geen probleem aangezien je prioriteit dan toch bij de live website ligt om die weer online te krijgen.
- Beveiliging: Zorg ervoor dat je stagingomgeving niet publiek toegankelijk is. Gebruik een wachtwoordbeveiliging of IP-whitelisting om te voorkomen dat zoekmachines of bezoekers onbedoeld toegang krijgen.
Om deze redirectregel toe te passen, voeg je de regel toe aan het .htaccess-bestand in de root van je staging omgeving. Zorg ervoor dat de staging omgeving goed gescheiden is van de live website om fouten of conflicten te voorkomen. Een typische situatie waarin je deze setup gebruikt, is bij het testen van aanpassingen in je thema of plugins. Als je bijvoorbeeld werkt aan een nieuwe lay-out of functionaliteit en je afbeeldingen vanuit de live website laadt, kun je volledig focussen op het testen zonder onnodige vertragingen.
Het gebruik van een RedirectMatch 301 op een staging omgeving is een slimme en efficiënte manier om mediabestanden van de live site te gebruiken. Het maakt je staging lichter en sneller, terwijl je toch toegang hebt tot alle nodige mediabestanden. Door deze aanpak goed te implementeren, kun je tijd besparen en tegelijkertijd consistentie garanderen tussen je staging- en liveomgeving.
Mocht je twijfelen over hoe je deze redirect moet instellen of wil je hulp bij het optimaliseren van je stagingomgeving? Neem gerust contact met ons op. Wij helpen je graag verder!