Hur kan jag korrigera problem med Mixed Content?

Procédure

Sedan några år tillbaka är det obligatoriskt att installera SSL på en webbplats. Det spelar en viktig roll för din webbplats ranking på de viktigaste sökmotorerna. Så du kan installera ett Let's Encrypt SSL-certifikat på ditt webbhotell och ställa in en webbomdirigering till din HTTPS-webbplats.

Det är dock möjligt att konfigurationen av omdirigeringen orsakar problem och att du får ett Mixed Content-fel på din HTTPS-webbplats. Den här proceduren förklarar vad det här felet är och hjälper dig att rätta till det.

Vad är en varning för blandat innehåll?

Syftet med en varning för blandat innehåll när din webbplats laddas är att du ska veta att skripten på din webbplats laddas i HTTPS men också, i vissa fall, i HTTP. När du bestämmer dig för att gå över till HTTPS-protokollet måste dock allt fungera i HTTPS.

Nedan visas ett exempel på en webbplats med en varning för blandat innehåll i Chrome för en Wordpress-webbplats.

Observera att Chrome är en av de mest använda webbläsarna.

Firefox låter dig också visa felet medblandat innehåll. Nedan är ett exempel på vad du kommer att se i Firefox.

Vad orsakar denna varning för blandat innehåll?

Problemet uppstår främst efter att en Wordpress-webbplats har migrerats från HTTP-versionen till HTTPS. HTTP-länkarna överförs helt enkelt, vilket orsakar denna varning.

Det kan dock också bero på :

• Plugins och/eller teman använder absoluta sökvägar, t.ex. http://domaine.com/style.css
• Bilder och/eller webbadresser är hårdkodade och pekar på en HTTP-länk
• Dina länkar pekar på externa HTTP-skript
• Du har lagt till videor med hjälp av HTTP-länkar

Hur kan jag korrigera problem med blandat innehåll?

1. Först och främst måste du kunna identifiera de problematiska resurserna på din webbplats. För att göra detta rekommenderar vi att du startar "Chrome DevTools":

• Aktivera ChromeDev Tool på Windows: F12" nyckel
• På Mac: Cmd + Opt + I

2. Genom att gå till fliken"Konsol" i "Chrome DevTools" kan du visa de resurser som har orsakat problem. Det är mycket troligt att du kommer att behöva uppdatera sidan för att komma åt felen i konsolen. I bilden ovan kan vi enkelt se att en extern länk alltid är i HTTP och inte i HTTPS.

Genom att gå till fliken"Säkerhet" i"Chrome DevTools" kan du visa det osäkra ursprunget.

Slutligen kan du klicka på fliken"Nätverk" för att visa förfrågningarna.

Om du inte har Chrome finns det gratisverktyg som Why Not Padlock. Denna programvara kommer att skanna en sida på din webbplats och visa dig alla osäkra resurser enligt följande:

3. Du måste kontrollera att de resurser som för närvarande orsakar problem kan nås med HTTPS. Till exempel för följande problematiska URL:

• http://fonts.googleapis.com/css?family=Open+Sans:400,700

Kontrollera att detta också är tillgängligt genom att ersätta HTTP:// med HTTPS://.

4. Det finns flera sätt att söka efter och ersätta problematiska webbadresser på din webbplats. Om du använder Wordpress finns det ett antal plugins som kan hjälpa dig att lösa problem med Mixed Content, till exempel"SSL Insecure" eller"Really Simple SSL". Det är dock att föredra att ändra webbadresser manuellt i din databas. För att göra detta kan du använda plugin-programmet"Better, Search Replace" genom att följa proceduren nedan:

• Anslut till din Wordpress Dashboard, klicka på"Extension/Add". Sök efter insticksprogrammet"Better Search Replace", installera det och aktivera det.

• Gå till"Verktyg" och klicka på "Better Search Replace".

• Ange HTTP-domänen i"Search" och HTTPS-domänen i"Replace with".

När du har sökt och ersatt webbadresserna måste du kontrollera din webbplats igen. Varningar för "blandat innehåll" kan fortfarande vara synliga på din webbplats. Om så är fallet måste du gå till den PHP-sida som påverkas av problemet och ändra länken till HTTPS.

Observera att om du använder ett plugin som "Elementor" måste du ändra webbadressen i plugin-inställningarna. Innan du kontrollerar din webbplats igen är det dessutom bäst att tömma alla dess cacheminnen.

Hur konfigurerar jag .htaccess-filen för att korrigera Mixed Content-felet?

Oavsett om du använder ett CMS som Wordpress eller Prestashop eller har kodat din webbplats själv, kan du använda direktivet"Content-Security-Policy" i din .htaccess-fil. Detta gör att du kan uppdatera alla förfrågningar, inklusive problem med "blandat innehåll", till HTTPS.

Direktivet som ska ställas in är som följer:

Header always set Content-Security-Policy "upgrade-insecure-requests;"

Slutsats

Du har nu möjlighet att snabbt åtgärda problem med blandat innehåll på din webbplats. I de flesta fall kommer dessa åtgärder att lösa ditt problem snabbt.

Tveka inte att dela med dig av dina kommentarer och frågor i kommentarfältet.