Inhoudsopgave van: Help! Mijn https SSL slotje is niet groen
Categorie: Plugin , Veiligheid | Tags: cache, css, groen, hardcode, https, protocol, slotje, ssl, tls
HTTPS met een SSL certificaat aangezet voor je site, maar dan gebeurt het ergste, je slotje wordt niet groen. Wij leggen uit hoe je dat makkelijk kunt oplossen.
Stap 1: Uitzoeken waarom het slotje niet groen is
Deze stap is het makkelijkst, ik gebruik zelf chromium als browser. Daar kan ik op het document knopje (direct voor https:// in je adresbalk) klikken voor een uitklap-menu. In dat menu staat een linkje genaamd "Details".
Dat linkje stuurt je door naar het "Security" tabje van inspectie blok (ook te openen door F12 in te drukken). Dat ziet er zo uit:
Klik op de link "Mixed content -> view requests in Network Panel".
Die brengt je naar het tabje "Network" en zoekt automatisch op:
mixed-content:displayed
Hier kun je zien welke elementen van je pagina nog met http worden ingeladen in plaats van https. Dat is de reden waarom je geen groen slotje hebt.
In dit geval zijn er 2 PNG plaatjes die niet ingeladen worden over https.
Stap 2: Oplossen maar! In handomdraai een groen slotje.
Je hebt een paar oplossingsstappen, ik noem ze in de volgorde die het meest effectief is, soms kan een combinatie van deze oplossingen werken.
Vergeet uiteraard niet dat, indien je site ge-cached wordt, je de cache leeg moet maken na iedere wijziging om te zien of je oplossing werkt.
- Zijn de elementen die via http worden ingeladen van een plugin of thema (of CSS) die je zelf hebt geschreven? Dan weet je zelf waar je deze aanroept en kun je ze makkelijk oplossen. (Tip: gebruik //site.nl ipv http://site.nl in je aanroepen of hardcode het naar https://site.nl)
- Installeer de plugin SSL Insecure Content Fixer: https://wordpress.org/plugins/ssl-insecure-content-fixer/
De SSL Insecure Content Fixer probeert voordat de inhoud van je site naar je bezoeker wordt gestuurd te kijken of hij een realtime zoek en vervang kan toepassen op aanroepen naar je eigen site op http en hij zet ze voor je om naar https.
Deze plugin moet je na het installeren een aanzetten nog even configureren. Kies niet voor de optie laatste optie "Capture", maar voor de optie "Widgets" (of in ieder geval de een-na-laatste optie).
Capture maakt je site flink trager, en dat willen we natuurlijk niet.
Test ook of het stukje "HTTPS detection" werkt. - Werkt SSL Insecure Content Fixer aardig, maar vangt hij nog niet alle http aanroepen af? Dan moet je zeker eens kijken naar:
Real-Time Find and Replace https://wordpress.org/plugins/real-time-find-and-replace/
Deze stel je na het installeren als volgt in: Stel je site is https://www.site.nl
Dan vul je in bij "Find": http://www.site.nl/ en dit bij "Replace with": https://www.site.nl/
Vergeet de / aan het eind niet. - Lukt het nog niet helemaal? Mail ons en we gaan er samen naar kijken!
Al klant bij ons? Maar nog geen HTTPS op je site?
Na aanschaf van het certificaat via ons regelen wij gratis dat je slotje ook groen is en je hele site dus beveiligd en vertrouwd aankomt bij je bezoekers!
Vraag snel je https beveiliging aan
Als je dit artikel leuk vond, dan moet je deze speciaal geselecteerde artikelen ook lezen!