De Mixed Content error kan onverwachts opduiken, vaak precies op het moment dat je denkt dat je website perfect draait. Deze fout betekent dat sommige onderdelen van je site via een onveilige verbinding worden geladen, terwijl de rest wél beveiligd is. In dit artikel leer je op een simpele en duidelijke manier wat deze fout inhoudt, waarom hij ontstaat en vooral hoe je hem stap voor stap kunt oplossen. Het maakt niet uit of je een beginner bent of al jaren met WordPress werkt, we leggen het uit in begrijpelijke taal.

Wil je eerst begrijpen hoe WordPress precies werkt voordat je aan dit probleem begint? Lees dan ons artikel Wat is WordPress? Complete uitleg voor beginners.

Wat is een Mixed Content error?

Een Mixed Content error ontstaat wanneer een website deels via een beveiligde HTTPS-verbinding en deels via een onbeveiligde HTTP-verbinding wordt geladen. Dat betekent dat sommige onderdelen van je website, zoals afbeeldingen, scripts of video’s, via een onveilige verbinding worden geladen terwijl de rest van de site beveiligd is met een SSL-certificaat. Dit zorgt ervoor dat browsers een waarschuwing tonen dat de verbinding niet volledig veilig is.

Om beter te begrijpen waarom HTTPS zo belangrijk is, kun je ook eens kijken naar ons artikel WordPress beveiliging: 23 tips om je website te beschermen. Dat helpt je om andere beveiligingsproblemen te voorkomen.

Mixed Content error, voorbeeld van onveilige verbinding op een WordPress website in Google Chrome
Mixed Content error, melding ‘Your connection to this site is not fully secure’ op een WordPress website

Een bekend voorbeeld: stel dat je een afbeelding hebt die nog via HTTP wordt ingeladen, terwijl de rest van de pagina via HTTPS loopt. In dat geval zal de browser één van de volgende dingen doen:

  • Het slotje voor een veilige verbinding wordt niet weergegeven of lijkt gebroken.
  • Het slotje wordt wel getoond, maar bepaalde onderdelen zoals afbeeldingen of scripts worden geblokkeerd.

In beide situaties kan een melding verschijnen dat de verbinding niet veilig is. Dit wekt geen vertrouwen bij bezoekers en kan invloed hebben op de SEO en gebruikservaring van je website. Daarom is het belangrijk om de Mixed Content error te herkennen en op te lossen.

Hoe herken je een Mixed Content error in je website?

Voordat je het probleem kunt oplossen, moet je weten welke onderdelen van je website de fout veroorzaken. Dit kun je eenvoudig achterhalen met de functie Inspect Element in je browser.

Mixed Content error, fouten bekijken in de console van Google Chrome om onveilige elementen op je website te vinden
Mixed Content error, voorbeeld van foutmeldingen in de Chrome Developer Console

Klik met de rechtermuisknop op de pagina en kies voor Inspecteren (of gebruik de toetsen Ctrl + Shift + I). In het nieuwe venster dat verschijnt, klik je op het tabblad Console. Daar zie je een lijst van fouten, waaronder meldingen over onveilige verbindingen. Zo kun je precies zien welke bestanden, scripts of afbeeldingen nog via HTTP worden geladen.

Als je weet welk element het probleem veroorzaakt, kun je gericht aan de slag om de Mixed Content error te verhelpen.

Wil je meer leren over hoe je fouten opspoort en oplost in WordPress? Lees dan ook Handleiding WordPress debugging inschakelen stap voor stap.

Zo los je stap voor stap een Mixed Content error in WordPress op

Gelukkig is het oplossen van een Mixed Content error in WordPress niet moeilijk. Je kunt het handmatig doen of met behulp van een handige plugin. De eenvoudigste manier is via de plugin Really Simple SSL, die speciaal is ontwikkeld om dit soort fouten automatisch op te lossen.

Deze plugin heeft meer dan 4 miljoen actieve installaties en is beschikbaar in 36 talen. Hij wordt regelmatig bijgewerkt en detecteert automatisch je instellingen om je website goed te configureren voor HTTPS.

Beste WordPress plugins – Really Simple Security plugin voor eenvoudige en effectieve websitebeveiliging
Really Simple Security beschermt je website met functies zoals SSL, inlogbeveiliging en kwetsbaarhedendetectie.

Als je deze plugin niet kunt installeren of een foutmelding krijgt, bekijk dan ons artikel Wat te doen als je geen WordPress plugin installeren kunt. Dat legt uit hoe je dit probleem eenvoudig oplost.

Volg deze stappen:

  1. Controleer of je een geldig SSL-certificaat hebt. Klik op het slotje in de adresbalk van je browser om te controleren of de verbinding beveiligd is. Zo weet je zeker dat het certificaat actief en niet verlopen is.
  2. Log in op je WordPress-dashboard. Ga in het menu naar Plugins en klik op Nieuwe plugin toevoegen.
  3. Zoek naar “Really Simple SSL” en klik op Installeren en vervolgens op Activeren.
  4. Activeer SSL. Zodra de plugin actief is, verschijnt er een melding met de knop “Ga verder, activeer SSL”. Klik hierop om de beveiligde verbinding in te schakelen.
  5. Controleer de instellingen. Ga naar Instellingen > SSL. Je ziet daar een nieuw tabblad genaamd Instellingen. Open dit tabblad en activeer de optie “Mixed content fixer”. Hiermee zorgt de plugin ervoor dat alle onveilige HTTP-links automatisch worden vervangen door veilige HTTPS-links.
The response is not a valid JSON response, instellingen van Really Simple Security plugin voor mixed content fout oplossen
The response is not a valid JSON response, voorbeeld van Really Simple Security plugin instellingen

Na deze stappen zou de Mixed Content error opgelost moeten zijn. Soms is het nodig om je cache te legen of je browser te herladen om de veranderingen te zien.

Wat als de fout blijft bestaan?

In sommige gevallen kan de fout nog steeds optreden. Dit gebeurt meestal als er harde HTTP-links in je database of thema-bestanden staan. Om dit op te lossen, kun je de volgende stappen proberen:

  • Open de bestanden van je thema via een FTP-programma zoals FileZilla, of via de bestandsbeheerder van je hostingprovider, bijvoorbeeld cPanel of DirectAdmin. Zoek vervolgens in de map wp-content/themes/ naar je actieve thema om daar de bestanden te bekijken.
  • Zoek naar ‘http://’ in bestanden zoals header.php of footer.php en vervang dit door ‘https://’.
  • Maak altijd een back-up voordat je deze aanpassingen doet.

Kom je vreemde foutmeldingen tegen zoals ‘Failed to Load Resource’? Lees dan ook Foutmelding Failed to Load Resource in WordPress oplossen. Dat helpt bij soortgelijke problemen met geblokkeerde bestanden.

Je kunt ook gebruikmaken van een plugin zoals Better Search Replace om in één keer alle HTTP-links in je database te vervangen door HTTPS.

Mixed Content error, Better Search Replace plugin gebruiken om http naar https te vervangen in WordPress database
Mixed Content error, voorbeeld van Better Search Replace plugin om URL’s aan te passen in de database

Waarom is het oplossen van de Mixed Content error belangrijk?

Een website die volledig via HTTPS draait, is niet alleen veiliger voor bezoekers, maar ook beter voor je SEO. Google geeft voorkeur aan beveiligde websites en markeert onveilige verbindingen als risicovol. Bovendien versterkt het vertrouwen van bezoekers wanneer ze zien dat je website volledig beveiligd is. Dat maakt het oplossen van de Mixed Content error een belangrijke stap in de optimalisatie van je WordPress-website.

Conclusie

De Mixed Content error komt vaak voor bij WordPress-websites die recent zijn overgezet naar HTTPS. Gelukkig kun je het probleem snel oplossen met behulp van de Really Simple SSL-plugin of handmatig via de instellingen en database. Zodra alles via HTTPS loopt, verbetert de veiligheid, de gebruikerservaring en je positie in Google.

Wil je zeker weten dat jouw website op alle punten goed presteert, zowel qua snelheid als beveiliging? Bekijk dan ook WordPress website sneller maken: 23 bewezen methodes en SEO checklist voor WordPress: boost je vindbaarheid en rankings.

Veelgestelde vragen

1. Waarom verschijnt een Mixed Content error?

Omdat een deel van de website via HTTP wordt geladen terwijl de rest via HTTPS draait.

2. Hoe controleer ik of mijn website mixed content bevat?

Gebruik Inspect Element en bekijk het tabblad Console om te zien welke bestanden nog via HTTP worden geladen.

3. Kan ik dit probleem handmatig oplossen?

Ja, door alle HTTP-links te vervangen door HTTPS in je thema-bestanden of database.

4. Helpt een plugin zoals Really Simple SSL echt?

Ja, deze plugin detecteert automatisch je instellingen en zorgt ervoor dat alle links via HTTPS worden geladen.

5. Heeft dit invloed op mijn SEO?

Zeker, Google waardeert veilige websites en een beveiligde HTTPS-verbinding kan helpen je ranking te verbeteren.