Jak naprawić problemy z mieszaną zawartością w WordPress

Opublikowany: 2022-07-06

Czy napotykasz błędy mieszanej zawartości w swojej witrynie WordPress? Ten blog pokazuje, jak łatwo rozwiązać problemy z mieszaną zawartością w witrynie WordPress.

Posiadanie certyfikatu SSL dla Twojej witryny jest teraz koniecznością. Symbol zabezpieczonej kłódki nie tylko pomaga zyskać zaufanie klientów, ale także zapewnia lepszą pozycję w wyszukiwarce. Niestety podczas migracji z HTTP na HTTPS możesz napotkać kilka problemów. Na przykład „treść mieszana”, „treść niezabezpieczona” lub skrypty pokazowe, które zostały zablokowane. Te problemy występują, gdy niektóre określone atrybuty Twojej strony internetowej nie są bezpiecznie ładowane przez SSL.

Aby Ci pomóc, dzisiaj pokażemy, jak sprawdzić, które zasoby nie ładują się przez HTTPS i jak rozwiązać ten problem w witrynie WordPress i Elementorze.

Po co czekać? Zacznijmy od podstawowego, czym jest błąd mieszanej treści.

Co to jest błąd treści mieszanej w WordPressie

Błąd zawartości mieszanej to częsty problem na WordPress, który występuje z powodu nieprawidłowych ustawień SSL podczas szyfrowania go w Twojej witrynie.

Błąd treści mieszanej nie wpływa na funkcjonalność Twojej witryny. Ale ma negatywny wpływ na wydajność SEO i wrażenia użytkownika.

Posiadanie bezpiecznej strony internetowej jest bardzo ważne, ponieważ użytkownicy czują się bezpiecznie, dzieląc się swoimi poufnymi informacjami, takimi jak adresy e-mail, hasła itp. podczas korzystania z witryny.

Szyfrowanie certyfikatu SSL dodaje ikonę kłódki obok adresu URL Twojej witryny w przeglądarce. To informuje użytkowników, że Twoja witryna jest bezpieczna w użyciu.

SSL Green PadlockIcon
Strona z certyfikatem SSL

Błędy zawartości mieszanej występują, gdy dodajesz certyfikat SSL do swojej witryny WordPress, a zawartość witryny jest uruchomiona zarówno w połączeniach HTTP , jak i HTTPS . Oznacza to, że po zaszyfrowaniu SSL niektóre z tych samych zasobów witryny są ładowane zarówno na bezpieczne, jak i niezabezpieczone połączenie. Sprawdź poniższy przykład-

  • https://twojastrona.com/image.jpg (Bezpieczne)
  • (http://twojawitryna.com/image.jpg) (Niezabezpieczone)

Nawet gigant wyszukiwarek, Google, również zalecił dodanie SSL do Twojej witryny WordPress, w przeciwnym razie uzna Twoją witrynę za niezabezpieczoną. Oto przykład witryny bez SSL.

Without SSL Website
Witryna bez SSL

Większość dostawców usług hostingowych WordPress oferuje bezpłatne funkcje SSL w swoich pakietach. Jeśli Twoja firma hostingowa tego nie oferuje, możesz użyć wtyczek, takich jak Really Simple SSL, aby dodać bezpłatny certyfikat SSL do swojej witryny.

Jak znaleźć mieszane treści w witrynie WordPress?

Możesz sprawdzić mieszaną zawartość swojej witryny, wykonując poniższe czynności:

Krok pierwszy: Możesz sprawdzić błędy zawartości mieszanej witryny, przechodząc do opcji Sprawdź (Ctrl+Shift+I) w systemie Windows lub (Cmd+Alt+I) w systemie macOS.

Click on the Inspect Button
Opcja inspekcji Google Chrome

Następnie musisz przejść do zakładki Konsola za pomocą przeglądarki Google Chrome . Następnie otrzymasz interfejs podobny do poniższego obrazu.

Check Mixed content error
Obszar konsoli pokazuje zawartość mieszaną

Drugi krok: możesz sprawdzić ostrzeżenie o mieszanej zawartości na karcie Zabezpieczenia w Chrome DevTools .

Go to Chrome DevTools Security Tab
Narzędzia programistyczne Chrome

Trzeci krok: Podobnie możesz sprawdzić błąd mieszanej zawartości w obszarze sieci Chrome DevTools.

Jak naprawić problemy z mieszanymi treściami w swojej witrynie?

Teraz pokażemy Ci, jak naprawić błędy mieszanej zawartości w Twojej witrynie WordPress.

Zacznijmy:

Możesz po prostu naprawić ostrzeżenia o mieszanej zawartości w swojej witrynie, instalując wtyczkę SSL Insecure Content Fixer. Sprawdź przewodnik, aby dowiedzieć się, jak zainstalować wtyczkę WordPress.

Po zainstalowaniu i aktywacji wtyczki należy przejść do obszaru Ustawienia->Niebezpieczna zawartość SSL .

Go to Settings-SSL Insecure Content
Znajdź opcję SSL Insecure Content w obszarze ustawień

Otrzymasz wszystkie niezbędne ustawienia, aby naprawić mieszaną zawartość witryny. W dalszej części wyjaśnimy ustawienia.

Prosty
To najszybszy i najbardziej zalecany sposób na naprawienie mieszanej zawartości. Ta opcja naprawia mieszaną zawartość witryny dla skryptów, takich jak javascript, arkusze stylów CSS oraz pliki multimedialne, takie jak obrazy i filmy.

Zawartość
Możesz wybrać opcję Zawartość , jeśli metoda Prosta nie naprawi zawartości mieszanej. Ta metoda rozwiązała Twoją wewnętrzną zawartość WordPress i zawartość tekstową widżetów . Oznacza to, że linki, które dodałeś w treści witryny, takie jak kotwice, akapity, zostaną zaktualizowane za pomocą protokołu HTTPS.

Widżety
Użyłeś skróconego kodu lub wewnętrznego linku do widżetu swojej witryny, a po aktywacji SSL nadal wyświetla się on z protokołem HTTP. Włączając tę ​​opcję, możesz przekonwertować wszystkie adresy URL z HTTP na HTTPS załadowane w Twojej witrynie Widgets .

Fix Insecure Content
Obszar ustawień niezabezpieczonej zawartości SSL

Zdobyć
Nagłówek i stopka to najważniejsze części witryny, na której przechowujemy wiele skryptów, arkuszy stylów i innych linków. Kiedy aktywujemy SSL, wiele linków w nagłówku i stopce pozostaje bez zmian. Oznacza to, że te linki są ładowane z połączeniem HTTP. Jeśli zaznaczysz metodę Capture , zawartość nagłówka i stopki witryny będzie mieszana, zastępując ją HTTPS .

Uchwyć wszystko
Jeśli wszystkie powyższe metody nie rozwiążą problemu, możesz wypróbować opcję Przechwyć wszystko. Ta metoda wymusza naprawianie całej mieszanej zawartości witryny.

Istnieje kilka innych ustawień, które również otrzymasz w obszarze ustawień wtyczki.

Jeśli chcesz naprawić mieszaną zawartość określonych wtyczek i motywów, możesz wybrać opcję Poprawki określonych wtyczek i motywów .

Możesz wybrać opcję Ignoruj ​​zewnętrzne witryny, jeśli chcesz, aby zawartość witryny wskazywała na witryny zewnętrzne jako HTTP .

Po ukończeniu poziomu poprawek zawartości mieszanej można zdefiniować wykrywanie HTTPS . Dzięki temu ustawieniu możesz wybrać sposób wykrywania treści HTTPS w witrynie WordPress. Zalecana jest domyślna standardowa funkcja WordPress . Więc nie musisz tego zmieniać.

Fix other insecure content
Zapisz ustawienia niezabezpieczonej zawartości SSL

Na koniec musisz kliknąć przycisk Zapisz zmiany , aby zapisać ustawienie.

Bonus 1: Naprawianie błędu treści mieszanych dla Twojej witryny Elementor

Jeśli Twoja witryna jest zbudowana za pomocą WordPressa i Elementora i musi naprawić mieszaną zawartość na stronie, możesz wykonać następujące kroki.

Najpierw musisz odwiedzić obszar Elementor->Narzędzia .

Elementor Tools
Znajdź opcję Narzędzia Elementora

W następnym otrzymasz ustawienia narzędzi Elementora. Wystarczy kliknąć kartę Zamień adres URL. Następnie wstaw stary adres URL witryny (http://twoja_strona.com/) i (https://twoja_strona.com/) w obszarze Aktualizuj adres witryny (URL) .

Na koniec musisz nacisnąć przycisk Zamień URL , aby zastąpić wszystkie adresy URL witryny z HTTP na HTTPS .

Elementor Replace URL Settings
Zastąp adres URL

Otóż ​​to.

Istnieje inny sposób rozwiązania problemu z mieszaną zawartością. Aby rozwiązać ten błąd, musisz skontaktować się z dostawcą usług hostingowych. jeśli błąd szyfrowania SSL zostanie rozwiązany, większość ostrzeżeń o mieszanych treściach w witrynie zostanie rozwiązana. Następnie możesz zastosować powyższą metodę, aby rozwiązać inny problem z mieszaną zawartością.

Bonus 2: Przykłady niektórych typów treści mieszanych

W Twojej witrynie jest wiele rodzajów treści, które mogą być mieszane z powodu błędu konfiguracji SSL. Poniżej znajdują się godne uwagi:

Arkusz stylów: Istnieje kilka rodzajów arkuszy stylów używanych w Twojej witrynie podczas tworzenia. Jest to bardzo powszechna zawartość, która byłaby mieszana po aktywacji SSL. Sprawdź poniższy obrazek, aby dowiedzieć się o tym.

Mixed Content in the Stylesheet
Zawartość mieszana w arkuszu stylów

Skrypt: Podobnie jak arkusze stylów, pliki skryptów Twojej witryny napotkałyby błędy o mieszanej treści. Oto przykład.

Mixed Script files
Mieszana treść w skrypcie

Pliki multimedialne: po migracji z HTPP do HTTPS wiele plików multimedialnych witryny, takich jak obrazy, banery itp., jest nadal ładowanych z połączeniem HTTP. Oto przykład zakodowanego na stałe pliku obrazu, który jest liczony jako zawartość mieszana.

Image Mixed Content
Zawartość mieszana w obrazie zakodowana na sztywno

Widgety: W witrynie WordPress widżet jest niezbędną funkcją, której używaliśmy do wyświetlania treści statycznych i linków. Dlatego zawsze istnieje szansa na mieszaną zawartość w obszarze widżetów.

Motyw i wtyczka: Czasami programiści błędnie używali protokołu HTTP, takiego jak biały motyw lub wtyczka. Tak więc ten link HTTP nadal pozostaje w Twojej witrynie, nawet po zaszyfrowaniu certyfikatu SSL. Musisz więc uważać, aby naprawić tę mieszaną zawartość w dalszej części naszego samouczka, dowiesz się, jak poradzić sobie z tym problemem.

Wniosek

W powyższym przewodniku udostępniliśmy szczegółowy przewodnik dotyczący rozwiązywania problemów z mieszaną zawartością w witrynie WordPress. Omówiliśmy również, czym jest błąd z mieszaną zawartością i jak naprawić problemy z mieszaną zawartością witryny Elementor.

Jeśli nadal potrzebujesz więcej informacji lub masz pytania na ten temat, możesz nas skomentować.

Sprawdź również ten blog i dowiedz się, jak rozwiązać problemy z ładowaniem witryny WordPress.

Prosimy o połączenie się ze swoimi kanałami na Facebooku i Twitterze oraz zapisanie się do naszego newslettera.

Zapisz się do naszego newslettera

Otrzymuj najnowsze wiadomości i aktualizacje na Elementor