Vimexx Facebook

Ik heb SSL maar krijg geen groen slotje? (mixed content)

Geschreven door Vimexx op 24-01-2018

Ik heb SSL maar krijg geen groen slotje? (mixed content)

Geschreven door Vimexx op 24-01-2018

Nou heb je een SSL certificaat succesvol geïnstalleerd op de website via de SSL installatie handleiding maar geeft hij alsnog geen groen slotje in jouw browser of een foutmelding? Met onderstaande stappen helpen wij jou om dit snel en goed te verhelpen waarna ook jij een groen SSL slotje in jouw browser zal zien.

Stap 1: Achterhaal het probleem met SSL

Een rood slotje of een onveilige verbinding tussen jou en je website kan meerdere oorzaken hebben. Allereerst is het belangrijk om te achterhalen of jouw SSL certificaat goed en zorgvuldig geïnstalleerd én actief is. Dit kun je live controleren via een online check. Alles zal groen zijn als dit goed geïnstalleerd is en je kan onderaan zien welke domeinen in het certificaat opgenomen zijn en tot hoelang het certificaat geldig is.

Alles goed geïnstalleerd en is de check groen?

In dit geval is het vaak zo dat je website nog bepaalde stukjes code of elementen ophaalt over een http:// connectie. Stel in jouw website staat een plaatje die geladen word vanaf een andere website, dan kan in de link hiervan bijvoorbeeld: http://domeinnaam.nl/plaatje.jpg staan. Hiervan moet dan gemaakt worden: https://domeinnaam.nl/plaatje.jpg . Je ziet dat we http:// naar https:// omgezet hebben, waarna het slotje een groene kleur zal krijgen.

Hoe zie ik welke elementen over http geladen worden?

Ik ga er van uit dat je dit test in Google Chrome. Als je rechtermuisknop op de site drukt, zie je onderaan het kopje "Inspecteren" staan. Hier klik je op waarna zich een nieuw menu opent, wat er als volgt uitziet.

Chrome element inspecteren

Als je dit eenmaal open hebt, klik je in het menu op het kopje "Console". Dit is een soort live scherm waarin fouten en opmerkingen naar voren komen. Je surft nu bovenaan in de browser URL balk naar je website en houd het scherm "console" in de gaten. Hier zul je nu alle elementen tegen komen welke nog over http:// geladen worden en waarvoor Google Chrome je zal waarschuwen.

Als eerste in Europa bieden we nu ook onbeperkt gratis Wildcard SSL certificaten aan!

Stap 2: Hoe los ik het probleem op?

Dit is afhankelijk van welk software systeem je gebruikt binnen jouw website. Op de helpdesk zien we vaak dat klanten hun website gebouwd hebben op Wordpress en netjes alle stappen omtrent SSL instellen gevolgd hebben op Wordpress. Vaak is er dan toch nog ergens een plaatje of een element welke over http:// geladen word. Onze ervaring om dit goed op te lossen is via de gratis Wordpress plugin genaamd: Really simple SSL . 

Deze plugin zet alles qua http:// om naar https:// en zorgt ervoor dat de elementen die nog niet goed stonden, dus gecorrigeerd worden.

Bij andere software systemen is het vaak helaas toch een echte handmatige aanpassing. Aan de hand van welke elementen nog over http:// geladen worden, is het vaak aan te raden om in de code van de website het stukje http:// naar https:// te zetten in de bestand(en) waar het voorkomt. Dit zal er dan voor zorgen dat ook jouw website een groen slotje heeft!