Novinka: Vizuální editor pro éru AI webů. Poslední dílek skládačky, když chcete upravovat web a ne psát e-maily. www.directedit.dev

💬

Mixed content na webu

Nezobrazuje se vám nějaký obsah a nevíte proč? Řešíte problém přechodu http->https? Máte v konzoli chybu “mixed content”? Ukážeme si.

Mixed content na webu dokáže pěkně potrápit. V lepším případě se zobrazí jako otravná hláška v konzoli, v horším to nezobrazí i některé části webu. Nehledě na to, že Google se pak na web dívá skrz prsty a mixovaný obsah zakazuje (z bezpečnostních a dalších důvodů).

Vzniká tak, že se web načte přes https://…, ale některé zdroje se do webu nahrají jako http://….

Zkontrolovat si to můžete v konzoli prohlížeče.

MIxed content na webu
Ukázka, jak vypadá mixed content na webu

Důvodů vzniku mixed content na webu může být několik:

  • Web byl vytvořen na http a SSL certifikát byl přidán později
    • původně nahraný obsah má pořád http v cestě => mixed content.
  • Špatně nastavené (resp. vůbec nenastavené) automatické přesměrování http->https (.htaccess soubor)
    • je pak možné se omylem přihlásit do webu a dělat změny z http cesty => mixed content.
  • A další…

Hezký a vyčerpávající článek najdete tady.

Dobrá zpráva – v případě Wordpresu je celkem jednoduché řešení a to je plugin Better Search Replace. Hodí se i při vyčistění špatných odkazů po migraci webu na jiné místo, jak jsem psala tady.

Pozn.: před takovým zásahem si vždy udělejte zálohu (v tomto případě stačí databáze)!

V případně mixed content je třeba jen označit tabulky, které je třeba prohledat (ideálně všechny), a nahradit http adresu za https verzi. Super věc je, že Better Search Replace umí tzv. “Dry run“, kdy výskyty jen spočítá, ale nenahradí je. V případě, že by se člověk přepsal. Když jste si jisti, že nahrazujete, co potřebujete, dry run vypnete a máte opraveno (po tom, co ještě vyčistíte cache). Hotovo, vyřešeno.

Better Search Replace

Pozor, je třeba nahradit všechny varianty a nasměrovat je na jednu správnou!
Pokud chcete na webu používat např. https://mojedomena.cz (bez www), pak je třeba nahradit zbylé 3 varianty:

  • https://www.mojedomena.cz
  • http://www.mojedomena.cz
  • http://mojedomena.cz

PS: další možnosti, které mixed content mohou udržovat naživu potom, co ho vyčistíte nástrojem výše:

  • DIVI: statická a dynamická CSS (stačí je vypnout),
  • cache,
  • pluginy (je třeba najít, který to způsobuje),
  • kód v modulech nebo child theme (functions.php a další), kde jsou cesty tzv. “natvrdo”,
  • vlastní CSS, pokud tam máte absolutní cesty.

Líbil se vám článek? Pošlete ho dál:

Jitka Klingenbergová

Jitka Klingenbergová

Absolventka ČVUT FIT oboru Informatika | Programátorka | Webová vývojářka, konzultantka a mentorka
tvorime@vyladeny-web.cz

Vaše komentáře

Zanechte první komentář

Zpět k tipům

Pravidelná dávka užitečných tipů až do schránky