Výchozí situace
Work Provide je stavební firma z Prahy a okolí: rekonstrukce bytů, obklady a dlažby, podlahy, voda, topení a elektro. Klient už viděl několik šablonovitých návrhů a odmítl je. Chtěl web, který vypadá jako práce studia, a zároveň ho chtěl mít ve WordPressu, aby si obsah spravoval sám.
To je zadání, které se často řeší koupenou šablonou a page builderem. Výsledkem bývá web, který načítá půl megabajtu skriptů, aby zobrazil tři fotky a telefon.
Co jsme udělali
Vlastní klasické téma, ne šablona. Žádný page builder, žádný framework, žádná cizí CDN. Devět typů šablon, čtyři vlastní typy obsahu a tři taxonomie, všechno editovatelné z administrace tak, aby s tím vystačil člověk, který WordPress nikdy neviděl. V šablonách není zadrátovaný jediný text; nevyplněné pole se prostě nevykreslí.
Rozpočet na velikost, který hlídá build. Sestavení skončí chybou, když se překročí limit. Dnešní stav: 8,2 kB CSS a 2,8 kB JavaScriptu po kompresi, HTML pod 38 kB, hlavní fotka 86 kB. Bez JavaScriptu zůstane web čitelný a proklikatelný.
Koncept, který prošel odmítnutím. První návrh, výkresový list na rýsovací desce, klient zamítl a je to v dokumentaci i s důvody. Druhý, bílý list a karty s jediným oranžovým akcentem, stojí na fotkách z rozestavěné stavby: firma ukazuje i to, co pak zmizí pod obkladem. Tmavou variantu vzhledu klient viděl a rozhodl, že web bude jen světlý; byla proto celá odstraněna, ne jen schovaná.
Poptávka, měření a bezpečnost. Formulář s antispamem a notifikacemi, cookie lišta, u které je odmítnutí stejně velké tlačítko jako souhlas, a měřicí kód, který se bez souhlasu vůbec nenačte. Bezpečnostní hlavičky, zálohy, návod pro klienta a scénář zaškolení jsou součást dodávky, ne příplatek.
SEO podklady pro Prahu. Struktura služeb je postavená podle skutečné poptávky v Seznamu i Googlu, s pilíři pro jednotlivé práce a lokální vrstvou po městských částech, kde se ta poptávka prokazatelně objevuje.
Výsledky
Web je v době psaní hotový a čeká na nasazení na doménu klienta, takže čísla z vyhledávání ještě nemá. Co doložit umíme z kontrolního měření nad hotovými šablonami:
- Lighthouse na mobilu: přístupnost, správná praxe i SEO 100 ze 100 na úvodní stránce, detailu služby i detailu realizace; výkon 86 na titulce a 96 na podstránkách.
- 65 kombinací šablona × šířka obrazovky prošlo strojovou kontrolou bez jediného nálezu: žádné vodorovné přetékání, žádný obrázek bez alt textu, žádné pole bez popisku.
- 29 měření kontrastu palety, nula propadů pod WCAG AA.
Poctivá poznámka: Lighthouse jsme měřili nad statickým výstupem šablon, ne na produkčním serveru. Po nasazení se přeměří a čísla tu upravíme.
Co bude dál: po nasazení se Lighthouse přeměří na produkci a po prvním čtvrtletí v Search Console sem přibudou prokliky a pozice na dotazy typu „rekonstrukce bytu Praha”.
