Chrome - niedziałające grafiki i zdjęcia na stronie

Aktualne (październik 2019) wersje przeglądarek internetowych blokują niezabezpieczone skrypty oraz ramki (iframe) przesyłane na stronach z https://. Od przyszłego roku najpopularniejsza przeglądarka w Polsce, czyli Chrome, będzie blokować także filmy oraz grafiki przesyłane przez http://. Jeśli grafiki na twojej stronie internetowej nie są wyświetlane poprawnie, to prawdopodobnie jest to wina niezabezpieczonego protokołu http://. W tym artykule pokażę jak znaleźć oraz jak naprawić wszystkie niedziałające grafiki, wykorzystując Pulno.

Wprowadzane zmiany mają na celu zwiększenie bezpieczeństwa korzystania ze stron internetowych. W tej chwili elementy http:// mogą wpływać na bezpieczeństwo przeglądania stron. Szczegóły i przykłady znajdziecie na stronach chromium. 

Skupmy się na znajdowaniu i wyeliminowaniu błędów, aby strony wyświetlały się poprawnie nie tylko użytkownikom, ale także wyszukiwarkom. Od kilku miesięcy roboty Google korzystają przecież z najnowszej wersji Chrome do indeksowania stron.

Jak znaleźć niezabezpieczone, niedziałające grafiki?

Znalezienie grafik przesyłanych przez niezabezpieczony protokół http:// jest możliwe z wykorzystaniem Pulno. Przeprowadź analizę strony wraz ze wszystkimi podstronami.

W przypadku znalezienia błędów, Pulno pokaże następujący komunikat: 

Zasoby przesyłane bez szyfrowania na xx stronach 

Wszystkie zasoby powinny być przesyłane przez ruch szyfrowany

Lub komunikat dotyczący wyświetlania grafik bez szyfrowania:

Grafiki przesyłane bez szyfrowania 

Na xx stronach grafiki są przesyłane przez protokół nieszyfrowany.

Jak naprawić niedziałające grafiki?

W olbrzymiej większości przypadków wystarczy zmienić linki z wersji http na https, czyli:

http://www.przyklad.pl/grafiki/grafikaKotka.jpg 

zmieniamy na:

https://www.przyklad.pl/grafiki/grafikaKotka.jpg

Jak widzisz, powyżej wystarczy dopisać “s” po http. Najczęściej w takim wypadku pomoże skrypt napisany przez programistę, który podmieni wszystkie linki na wersję szyfrowaną. Jeśli linków nie jest dużo, możemy to zrobić też ręcznie. Poniżej pokazuję to na przykładzie najpopularniejszego systemu CMS na świecie - WordPress.

Jak zmienić grafiki http na https w WordPress?

Zmiana grafik w Wordpress jest prosta. Przejdź do edycji tekstowej, a następnie dopisz “s” przy grafikach ładowanych przez http. Zapisz post. To wszystko - prawda, że proste?

W przypadku większej liczby błędów, warto skorzystać z eksportu danych i wygenerować raport w formie tabeli, aby mieć pewność, że wszystkie błędy zostaną naprawione. Opis stworzenia wygodnej checklisty znajdziesz w tym artykule.

Podsumowanie

Naprawa błędów związanych z brakiem http w zasobach jest prosta. Polecam zmianę tego już teraz, aby mieć pewność, że strona wyświetla się poprawnie. To bardzo ważne przede wszystkim dla użytkowników Twojej strony, ale ma też znaczenie dla robotów wyszukiwarek.