Na konci prázdnin se mi ozvala kamarádka, která dostala na starost propagaci „nového“ BEST Sportcentra v Olomouci. S tím, že mají „staré“ webové stránky ve WordPressu, které potřebují dát do nového kabátu. Moje reakce byla taková, že než oživovat X let starý web, bude lepší udělat nový. Jelikož jsme ale byli v časové tísni, zvolili jsme variantu web trochu oživit – udělat mu takový „rekondiční pobyt“.
Výchozí stav webových stránek BEST
Výchozí stav byl takový, že webové stránky se načítaly něco kolem 6 sekund a měly starý design, který nekorespondoval s novou vizuální identitou BESTu. Šokujícím zjištěním pro mě bylo v podstatě minimální zabezpečení webových stránek a také fakt, že jsou postaveny na šabloně DIVI. Šablonu DIVI jsme u nás ve VisionsLabs zkoušeli před cca 2 roky, ale nakonec jsme ji nepoužili nikde na produkčním webu, protože nám přišla trochu „svázaná“. Ocitli jsme se tedy v situaci, kdy jsme se šablonou DIVI neměli příliš zkušeností, ale i tak jsme do toho šli a pokusili se webové stránky BESTu v Olomouci oživit. Výchozí hodnocení webu pomocí různých testů můžete vidět v tabulce níže.
Úprava a optimalizace webových stránek
Nejprve jsme samozřejmě začali úpravami webu, aby webové stránky odpovídaly novému grafickému manuálu, který si nechali vytvořit. Sice jsme chvíli bojovali s tím co nám šablona DIVI umožňovala, ale nakonec pomocí vlastního CSS vše vyřešili ke spokojenosti. Zde bychom teoreticky mohli skončit, protože to bylo původní zadání. Ale nám to prostě nedá a nemůžeme do světa pustut web, který se načítá cca 6 sekund a nezabezpečený. A tak jsme se vrhli do optimalizací, které byli možné vzhledem k možnostem DIVI a celkového nastavení webu. Samozřejmě, že každý vývojář nebo webdesigner má své oblíbené postupy, ale pokud máte web postavený na WordPressu, tak máte výhodu, že nejste plně zamknutý zákazník, ale může vám pomoci kdokoliv jiný, kdo WP rozumí.
Takže výsledek optimalizace webových stránek můžete vidět v tabulce výše. Samozřejmě není skvělý výsledek. Když děláme webové stránky dle svých postupů a struktury, tak jsme zvyklí na mnohem vyšší technické hodnocení webových stránek. Ale bylo to maximum možného, čeho jsme mohli dosáhnnout do doby, kdy se byly webové stránky spuštěny.
Nakonec jsme ještě museli trochu „přemlouvat“ hosting aby na webu „přepnul“ HTTP/2.0, což je protokol, přes který „funguje“ komunikace prohlížeče s hostingem a umožňuje paralelní přenos dat. Lze vidět, tato změna nepomohla z hlediska hodnocení webů v testech, ale rozhodně se projevila v rychlosti webu. Test WebPageTest vyhodnotil SpeedIndex o 900 ms lépe nežli ve variantě HTTP/1.1 což je skoro celá jedna sekunda. Takže tato změna dle našeho názoru měla svoje opodstatnění a výhody.
Vyhodnocení webových stránek BEST Sportcentra
Úpravy a optimalizace webových stránek BEST Sportcentra v Olomouci probíhaly na konci Srpna tohoto roku (2019), ale protože jsme chtěli změřit dopad těchto změn, tak jsme několik měsíců počkali než vám budeme moci tento dopad ukázat.
Na grafu výše můžete vidět vývoj z hlediska vyhledávače Google, kdy se od začátku Září zvedá křivka počtu kliknutí na výsledky vyhledávání pro webové stránky Best. Samozřejmě to není jen čistě „zásluha“ optimalizace webových stránek, protože musíme pro objektivitu říci, že se samotný BEST Olomouc zvýšili svoje marketingové aktivity, takže o osobě dával více vědět. Pokud se na to podáváme z meziročního srovnání období 1.9. až 15.12. (2019 vs 2018) tak se celkový počet „kliků“ (a tím pravděpodobně i uživatelů) zvedl o 1 100 v tomto období. Pokud bych se podívali detailněji, tak zhruba o 400 nových „kliků“ se postaraly dotazy související se značkou/brandem. To by šlo připočíst zvýšené marketingové aktivitě, ale zbytek pravděpodobně lze přisoudit optimalizaci webových stránek, která se opět ukázala být důležitou součástí propagace značky.
