Optimalizácia web stránok: čo to je a čím začať

Optimalizácia web stránok znie ako niečo pre programátorov. V praxi je to jednoduchá vec: upraviť stránku tak, aby sa rýchlo načítala, dobre sa používala na mobile a ľudia ju našli vo vyhľadávaní. Nič viac.

Tento návod je pre majiteľov firiem a e-shopov, nie pre vývojárov. Prejdeme si, čo do optimalizácie patrí, v akom poradí to riešiť a ako si overíte, či zmena naozaj pomohla. Meranie rýchlosti je zadarmo a bez registrácie.

Čo znamená optimalizácia web stránok

Pod jedným pojmom sa skrývajú tri rôzne veci. Je dobré ich rozlíšiť, lebo každá stojí iné peniaze a rieši ju niekto iný:

Mnohé firmy začnú SEO textami a rýchlosť riešia až nakoniec. Lepšie je začať rýchlosťou, lebo pomalý web zhorší výsledok SEO aj konverzií naraz. Preto začnite meraním.

Krok 1: Zistite, kde ste

Bez čísla sa optimalizácia robí naslepo. Zadajte adresu do merania rýchlosti webu a poznačte si dve čísla: známku pre mobil a pre počítač.

Ako čítať výsledok:

• 90–100: výborné, venujte sa radšej obsahu.
• 70–89: dobré, stačia drobné úpravy.
• 50–69: priemer, oplatí sa investovať.
• pod 50: brzda, ktorá vás stojí zákazníkov.

Rozhoduje mobilná známka. Väčšina ľudí otvára weby v telefóne, kde je pripojenie slabšie a výkon nižší. Podrobne v článkoch Mobil vs. počítač a Čo znamená skóre 0–100.

Ak má váš web dosť návštev, uvidíte aj údaje skutočných návštevníkov z Googlu. Google odporúča, aby sa hlavný obsah zobrazil do 2,5 s, stránka reagovala na ťuknutie do 200 ms a obsah neposkakoval (CLS do 0,1), a to pri aspoň 75 % návštev (web.dev – Web Vitals).

Zmerajte si aj konkurenta. Na to slúži porovnanie webov.

Krok 2: Obrázky (najväčší efekt za najmenej peňazí)

Pri mnohých weboch je najväčšia brzda banálna: fotky nahrané priamo z fotoaparátu alebo z mobilu. Takáto fotka má často niekoľko megabajtov, hoci na webe by stačil zlomok tejto veľkosti.

Čo s tým:

1. Zmenšite rozmer. Na web netreba fotku širokú 6 000 px. Aj na celú šírku obrazovky stačí približne 1 600 až 1 920 px.
2. Skomprimujte. Bezplatné nástroje výrazne zmenšia súbor bez viditeľnej straty kvality.
3. Moderný formát. WebP alebo AVIF bývajú pri rovnakej kvalite menšie než JPEG alebo PNG.
4. Postupné načítanie. Obrázky nižšie na stránke sa načítajú, až keď k nim človek doscrolluje (tzv. lazy load). Väčšina systémov to vie zapnúť.

Toto zvládnete aj bez programátora a známka sa často citeľne zlepší.

Krok 3: Vyhoďte, čo nepotrebujete

Weby časom obrastú vecami, ktoré už nikto nepoužíva: starý chat, tri analytické nástroje, animácia, ktorú nikto nevidí, päť písiem, slider s ôsmimi fotkami na úvode.

Prejdite si stránku a pýtajte sa: priniesla mi táto vec za posledný rok jediného zákazníka? Ak neviete odpovedať, pravdepodobne nie. Každý takýto prvok si sťahuje vlastné súbory a spomaľuje telefón.

Typickí kandidáti na vyhodenie: nepoužívané pluginy, druhý a tretí analytický skript, chatbot bez obsluhy, slider na úvodnej stránke, vložené videá, ktoré sa načítajú hneď pri otvorení stránky.

Krok 4: Hosting

Lacný zdieľaný hosting znamená, že váš web beží na jednom serveri s množstvom ďalších webov. Keď majú veľkú návštevnosť oni, spomalíte vy.

Signály, že problém je v hostingu:

• stránka je pomalá aj s malými obrázkami,
• odozva servera kolíše počas dňa,
• administrácia sa načítava dlho aj bez návštevníkov.

Prechod na lepší hosting býva najlacnejšia „veľká“ zmena. Pomôže s ním napríklad lacnyweb.eu.

Krok 5: SEO časť optimalizácie

Keď je web rýchly, má zmysel riešiť viditeľnosť. SEO časť optimalizácie stojí na tom, že stránka odpovedá na to, čo ľudia naozaj hľadajú:

• Kľúčové slová: aké slová píšu vaši zákazníci do Googlu. Nie ako sa vaša služba volá interne, ale ako ju pomenuje laik.
• Nadpisy a texty: každá stránka má jednu jasnú tému a nadpis, ktorý ju pomenuje.
• Štruktúra: prehľadné menu, logické adresy, odkazy medzi súvisiacimi stránkami.
• Lokálne SEO: profil v Google Business Profile, mesto a región v textoch, ak predávate lokálne.

Kľúčové slová a konkurenciu vám vyhodnotí analyzing.sk. Súvis rýchlosti a vyhľadávania rozoberá článok Rýchlosť webu a SEO.

Krok 6: Znova zmerajte

Toto je krok, ktorý sa najčastejšie vynechá. Po každej väčšej úprave zmerajte rýchlosť znova a porovnajte výsledok so známkou z kroku 1.

Bez opätovného merania neviete, či úprava pomohla, alebo či vám nový prvok práve nezhoršil to, čo ste predtým opravili. Nová galéria, recenzie alebo vložené video vedia známku stiahnuť späť dolu.

Čo zvládnete sami a čo nie

Sami: zmenšenie a kompresia obrázkov, vypnutie nepoužívaných pluginov, upratanie úvodnej stránky, prepísanie nadpisov a textov, založenie profilu v Google Business Profile.

S odborníkom: presun hostingu, nastavenie cache a CDN, úprava šablóny a kódu, technické SEO (canonical, štruktúrované dáta, presmerovania), zásahy do e-shopu.

Ak si nie ste istí, kam vaša situácia patrí: zmerajte web, stiahnite si PDF report a pošlite ho tomu, kto vám web spravuje. Report obsahuje konkrétne body, nie všeobecné rady.

Optimalizácia e-shopu je iná disciplína

E-shopy majú ťažšie kategórie, filtre, veľa produktových fotiek a často aj externé skripty na odporúčania či recenzie. Platí tu všetko vyššie, ale s dôrazom na rýchlosť kategórií a detailu produktu, lebo tam sa rozhoduje o nákupe.

Konkrétny postup nájdete v článku Ako zrýchliť e-shop.

Najčastejšie omyly

„Optimalizácia znamená nový web.“ Väčšinou nie. Nový web má zmysel, až keď je známka nízka aj po oprave obrázkov a hostingu, alebo keď systém už nikto neaktualizuje.

„Máme pekný web, takže je dobrý.“ Vzhľad a rýchlosť sú dve rôzne veci. Efektné weby s množstvom animácií a veľkých fotiek bývajú často tie pomalšie.

„Zrýchlenie zničí dizajn.“ Skomprimovaná fotka vyzerá na obrazovke rovnako. Rozdiel je len vo veľkosti súboru.

„Optimalizácia je jednorazová vec.“ Web sa časom zanáša. Zmerajte ho aspoň raz za štvrťrok a po každej väčšej zmene.

Koľko to trvá a čo z toho budete mať

Obrázky a upratanie zvládnete za jedno popoludnie. Zmena hostingu trvá zvyčajne pár dní. SEO obsah je práca na mesiace, ale prvé zmeny sa dajú urobiť hneď.

Pri weboch so známkou pod 50 môžete čakať citeľne rýchlejšie načítanie na mobile, menej ľudí, ktorí odídu skôr, než sa stránka zobrazí, a lepší základ pre všetko ostatné: návštevnosť z vyhľadávania aj platenú reklamu, ktorá smeruje na tie isté stránky.

Zhrnutie: poradie krokov

1. Zmerajte rýchlosť webu na mobile aj na počítači.
2. Opravte obrázky.
3. Vyhoďte nepotrebné skripty a prvky.
4. Zvážte lepší hosting.
5. Doplňte SEO obsah a kľúčové slová.
6. Zmerajte znova a porovnajte.

S otázkami sa ozvite cez kontakt.

Súvisiace články: Rýchlosť webu: čo to je a prečo záleží · 5 znakov pomalej stránky · Rýchlosť webu a SEO