Blog

Mixed content na webu

Dub 21, 2022

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ů).

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.

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

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).

Co si ještě přečíst?

Zajímavosti z projektů

Jak změnit wp-login URL

Občas je zajímavé podívat se, kdo na Váš web chodí a hlavně - kam. Např. pluginy jako Wordfence a...

Bezvýpadkové nasazení webu

O co vlastně jde Ne vždy má člověk štěstí na to, aby dělal nový web od základu a občas je potřeba...

Práce s DIVI

Dlouhé sticky menu na mobilu

Při použití sticky menu (menu, které při scrolování stránky zůstane nalepené nahoře a je tedy vždy...

Lokální fonty v DIVI

DIVI má k dispozici velký výběr fontů, hlavně Google Fonts (i když některé chybí) a další. V tom...

Mega menu bez pluginu

Poslední dobou čím dál častěji potkávám tzv. "Mega-menu", tedy podmenu, které je přes celou šířku...

Návody

Dlouhé sticky menu na mobilu

Při použití sticky menu (menu, které při scrolování stránky zůstane nalepené nahoře a je tedy vždy...

Jak změnit wp-login URL

Občas je zajímavé podívat se, kdo na Váš web chodí a hlavně - kam. Např. pluginy jako Wordfence a...

Lokální fonty v DIVI

DIVI má k dispozici velký výběr fontů, hlavně Google Fonts (i když některé chybí) a další. V tom...