Mixed Content (pl. mieszana treść) to sytuacja, w której strona internetowa zabezpieczona protokołem HTTPS próbuje załadować część swoich zasobów (takich jak obrazy, skrypty, arkusze stylów CSS czy pliki wideo) poprzez niezabezpieczone połączenie HTTP.
Gdy tak się dzieje, przeglądarka internetowa uznaje witrynę za nie w pełni bezpieczną. Zamiast upragnionej „zielonej kłódki” (lub symbolu bezpiecznego połączenia), użytkownik widzi ostrzeżenie o braku pełnego zabezpieczenia, a w skrajnych przypadkach niektóre elementy strony mogą zostać całkowicie zablokowane.
Rodzaje Mixed Content
Passive Mixed Content (Pasywny)
Dotyczy elementów, które nie mogą modyfikować struktury strony, np. obrazów (<img>), plików audio czy wideo. Przeglądarki zazwyczaj je wyświetlają, ale zmieniają status bezpieczeństwa kłódki w pasku adresu.
Active Mixed Content (Aktywny)
Dotyczy zasobów, które mogą zmienić działanie strony, np. skryptów JavaScript (<script>), plików CSS czy ramek <iframe>. To zagrożenie jest traktowane znacznie poważniej i nowoczesne przeglądarki (jak Chrome czy Firefox) często automatycznie blokują takie zasoby, co może „rozsypać” wygląd lub funkcjonalność Twojej witryny.
Dlaczego to problem dla SEO?
- Bezpieczeństwo jako czynnik rankingowy. Google oficjalnie faworyzuje strony zabezpieczone HTTPS. Jeśli Twoja witryna ma błędy Mixed Content, traci korzyści płynące z posiadania certyfikatu SSL.
- Utrata zaufania (UX). Komunikat „Twoje połączenie z tą witryną nie jest w pełni bezpieczne” skutecznie odstrasza użytkowników, co podnosi współczynnik odrzuceń (Bounce Rate).
- Problemy z indeksowaniem. Błędy w ładowaniu skryptów mogą utrudniać robotom Google prawidłowe wyrenderowanie strony.
Jak to naprawić?
Rozwiązaniem jest zmiana wszystkich wewnętrznych odnośników w kodzie strony z http:// na https:// lub stosowanie linków relatywnych. Można to zrobić ręcznie, za pomocą wtyczek (np. w WordPress) lub odpowiednich reguł w pliku .htaccess.
Istnieją narzędzia, które też mogą nam w tym pomóc np. https://seositecheckup.com/tools/mixed-content-test-http-over-https
