Sedm kontrol, jedno skóre. Co který bod znamená?

Jediný řádek v hlavičce stránky, kterým web říká telefonu „zobraz mě v šířce displeje“. Když chybí, telefon předpokládá, že jde o stránku pro monitor, a celou ji zmenší na šířku dlaně – i s písmem.

Jak to poznáte sami: Otevřete si vlastní web na telefonu. Musíte roztahovat prsty, abyste přečetli své vlastní telefonní číslo? Pak máte tyhle tři body.

Co s tím: Ten řádek doplní za pět minut kdokoli, kdo se dostane k šabloně webu. Háček: když je celý layout postavený na pevné šířce (typicky 960 nebo 1024 pixelů), meta tag ho jen zmenší jinak. Skutečná oprava znamená přestavět stránku tak, aby se sloupce na úzkém displeji zalomily pod sebe.

Nejvyšší váha ze všech kontrol, a záměrně: ostatní nálezy web zhoršují, tenhle rozhoduje o tom, jestli si ho většina lidí vůbec přečte.

Náročnost opravy: 5 minut kód, dny až týdny layout

Šifrované spojení mezi návštěvníkem a webem. Bez něj píše prohlížeč do adresního řádku „Nezabezpečeno“ – vedle jména vaší firmy.

Jak to poznáte sami: Napište si adresu ručně i s https:// na začátku. Když vyskočí varování o certifikátu nebo se stránka nenačte vůbec, máte dva body. Pozor i na opačný případ: certifikát je v pořádku, ale web z https přesměruje zpátky na http. Pro prohlížeč i pro naši kontrolu je to totéž, jako by certifikát neměl.

Co s tím: Certifikát od Let's Encrypt je zdarma a na běžném českém hostingu se zapíná jedním přepínačem. Druhá půlka práce je nastavit přesměrování http → https, jinak web běží ve dvou verzích a zabezpečená je jen jedna. Nejlevnější dva body z celé tabulky.

Náročnost opravy: odpoledne, často jen pár kliknutí v hostingu

Nejnovější letopočet u © na stránce. Body se přičtou, když je starší než čtyři roky.

Jak to poznáte sami: Sjeďte na konec úvodní stránky. Je tam „© 2017“?

Co s tím: Přepsat rok je práce na minutu – a přesně proto to nedělejte jako jedinou opravu. Ten rok není problém, je to ukazatel. Když se čtyři roky neměnila patička, obvykle se neměnil ani ceník, otevírací doba a jméno člověka, který ve firmě dva roky nepracuje. Projděte web s tužkou a opravte to, co za tím rokem doopravdy stojí.

Náročnost opravy: minuta na rok, hodina na to ostatní

Značky a techniky, kterými se weby stavěly před rokem 2010: <font>, <center>, <marquee>, framesety a Flash. Flash navíc Adobe vypnul na konci roku 2020 a žádný dnešní prohlížeč ho nespustí – kde byl, je dnes prázdné bílé místo.

Jak to poznáte sami: V prohlížeči na počítači Ctrl+U (zdrojový kód stránky) a v něm Ctrl+F na „font“ nebo „marquee“. Jednodušší varianta: pokud na webu něco bliká, jezdí zprava doleva, nebo se vám na místě „galerie“ nezobrazí vůbec nic, je to ono.

Co s tím: Tohle se nespravuje po kouskách. Když je stránka poskládaná z <font> a vnořených tabulek, bývá levnější postavit ji znovu než v ní hledat. Berte ty dva body jako informaci o stáří konstrukce, ne jako jednu chybu k opravě.

Náročnost opravy: přestavba, ne oprava

Knihovna, na které stojí skripty spousty starších webů. Řada 1.x skončila v roce 2016 a jsou v ní veřejně popsané bezpečnostní díry, které už nikdo nezalepí.

Jak to poznáte sami: Ve zdrojovém kódu hledejte „jquery“. Verze bývá rovnou v názvu souboru, třeba jquery-1.7.2.min.js.

Co s tím: Přechod na řadu 3.x je práce na odpoledne, ale často rozbije staré doplňky – galerie, slidery, rozbalovací menu –, které na 1.x stojí. U malého prezentačního webu bývá rychlejší ty tři skripty vyhodit úplně: k čemu se tehdy jQuery používalo, to dnešní prohlížeč umí sám.

Náročnost opravy: odpoledne, plus testování doplňků

Kontrola odstraní ze stránky kód a spočítá, kolik zbude čitelného textu. Pod 600 znaků – tedy zhruba jeden odstavec – je to bod.

Jak to poznáte sami: Zkuste na úvodní stránce přetáhnout myší text a zkopírovat ho. Co nejde označit, je obrázek. A v obrázku nepřečte nic vyhledávač ani hlasová čtečka. Typický případ: celá úvodní strana je jeden naskenovaný leták.

Co s tím: Tři poctivé odstavce o tom, co děláte, pro koho a kde. Ne „vítejte na našich stránkách“, ale věty, které byste použili do telefonu. Tohle je jediná položka v tabulce, kterou za vás nespraví programátor – musí ji napsat někdo z firmy.

Náročnost opravy: hodina psaní

Nadpis, kterým stránka říká, o čem je. Nejde o velké písmo, ale o značku <h1> v kódu: vyhledávač z ní čte téma stránky, hlasová čtečka podle ní naviguje nevidomého návštěvníka.

Jak to poznáte sami: Pouhým pohledem to nepoznáte, a to je na tom zákeřné. Nadpis může být vizuálně obrovský, a přitom to pro stroj není nadpis, ale obrázek nebo jen odstavec s velkým písmem.

Co s tím: Nejmenší váha, nejmenší práce: jeden hlavní nadpis na stránku, a ať je v něm to, co firma dělá a kde. „Truhlářství Hora, Liberec“ je lepší H1 než „Vítejte“.

Náročnost opravy: 5 minut