Gratulálunk! Elhatároztad magad a weboldalad biztonságának növelésére, és telepítetted az SSL tanúsítványt. Ez egy fantasztikus lépés a felhasználói bizalom kiépítése és a keresőmotorokban való jobb rangsorolás felé. Várhatóan most már mindenki a zöld lakatot látja majd a böngészőjében, jelezve, hogy a webhelyed biztonságos. De mi van akkor, ha nem így van? Mi van, ha a zöld lakat helyett továbbra is figyelmeztetést látsz, vagy ami még rosszabb, egy sárga háromszöget, vagy áthúzott lakatot? Valószínűleg egy „mixed content” hibával találkoztál.

Ne ess kétségbe! Ez egy rendkívül gyakori probléma, különösen akkor, ha egy régebbi weboldalt alakítasz át HTTPS-re. Ebben a részletes útmutatóban elmagyarázzuk, mi is az a mixed content hiba, miért jelent problémát, és lépésről lépésre bemutatjuk, hogyan javíthatod ki, hogy weboldalad ténylegesen teljesen biztonságos legyen.

Mi az a „Mixed Content” Hiba?

A „mixed content” (magyarul „vegyes tartalom”) hiba akkor fordul elő, amikor egy weboldal, amelyet biztonságos HTTPS protokollon keresztül tölt be a böngésző (vagyis az URL `https://`-el kezdődik), megpróbál valamilyen tartalmat betölteni a nem biztonságos HTTP protokollon keresztül (az URL `http://`-el kezdődik). Más szóval, a böngésző egy biztonságos kapcsolatot hozott létre a szerverrel, de az oldal egyes elemei továbbra is egy nem biztonságos, titkosítatlan kapcsolaton keresztül érkeznek. Ez a „keveredés” okozza a problémát.

Miért Jelent Problémát a Mixed Content?

A böngészők azért figyelmeztetnek a vegyes tartalomra, mert ez veszélyezteti az oldal biztonságát és hitelességét, még akkor is, ha a fő tartalom titkosítva van. Íme a fő okok:

1. Bizalmi Hiány: A felhasználók megtanulták, hogy a zöld lakat a biztonság jele. Ha ez hiányzik vagy figyelmeztetéssel jelenik meg, az csökkenti a bizalmat, és elriaszthatja őket a webhely használatától.
2. Adatlopás Kockázata (Man-in-the-Middle): Bár a fő oldal HTTPS-en keresztül érkezik, egy HTTP-n keresztül betöltött kép, script vagy iframe elfogható vagy módosítható egy támadó által. Különösen az aktív tartalom (lásd alább) esetében lehet ez veszélyes, mivel egy rosszindulatú szkript hozzáférhet a felhasználó sütijeihez (cookies), vagy akár az egész oldal működését megváltoztathatja.
3. Böngésző Blokkolás: A modern böngészők egyre szigorúbbak a vegyes tartalommal szemben. Sok esetben az aktív vegyes tartalmat automatikusan blokkolják, ami az oldal funkcionalitásának (pl. űrlapok, interaktív elemek) vagy megjelenésének (pl. hiányzó stílusok) részleges vagy teljes meghibásodásához vezethet.
4. SEO Hátrány: Bár a Google azt állítja, hogy a mixed content nem közvetlen rangsorolási faktor, a biztonságos webhelyek előnyt élveznek. Ha az oldalad nem teljesen biztonságosnak minősül, ez közvetetten ronthatja a SEO teljesítményedet.

A Mixed Content Két Típusa

Alapvetően kétféle vegyes tartalmat különböztetünk meg, súlyosságuk és a böngészők reakciója alapján:

1. Passzív (vagy megjelenítési) Vegyes Tartalom:
* Ez a kevésbé veszélyes típus. Akkor fordul elő, ha egy HTTPS oldalon HTTP-n keresztül képek, audió vagy videó fájlok töltődnek be.
* A böngésző általában *nem* blokkolja ezeket, de figyelmeztetést jeleníthet meg (pl. sárga lakat, vagy áthúzott HTTPS szöveg), jelezve, hogy az oldal nem *teljesen* biztonságos.
* Példák: `` tagek `src=”http://…”` attribútummal, `