Väčšina majiteľov firiem vie o svojom webe dve veci: ako vyzerá a či z neho chodia dopyty. Čo sa deje medzi tým, kedy niekto web otvorí a kedy pošle správu, zvyčajne nevidno. Pritom práve tam sa dopyty strácajú: stránka sa na telefóne načítava príliš dlho, číslo sa nedá ťuknúť, Google zobrazí namiesto popisu náhodný kúsok textu.
Preto sme postavili Webcheck. Je to bezplatná kontrola webu, ktorá na vašej úvodnej stránke prejde 37 kontrol v šiestich oblastiach a každý nález zaradí podľa dopadu a náročnosti. V tomto článku vysvetľujeme, čo presne kontrolujeme, prečo na tom záleží a ktoré nálezy zvládnete opraviť aj bez programátora.
Ako Webcheck pracuje
Kontrola má dva zdroje. Prvý: Webcheck stiahne vašu úvodnú stránku tak ako prehliadač a prečíta jej kód, hlavičky servera, súbor robots.txt a mapu stránok. To trvá pár sekúnd. Druhý: rýchlosť a použiteľnosť na mobile meria Google PageSpeed Insights, ktorý stránku otvorí v skutočnom prehliadači na simulovanom telefóne strednej triedy. Táto časť trvá najdlhšie.
Celá kontrola zvyčajne zaberie 20 až 40 sekúnd. Je zadarmo, bez registrácie a celý výsledok so všetkými nálezmi a postupom opravy uvidíte hneď.
Kontrolujeme úvodnú stránku, lebo na ňu prichádza najviac ľudí a väčšina nastavení, ako HTTPS, hlavičky servera alebo robots.txt, platí pre celý web. Celý web prejdeme pri bezplatnej konzultácii.
Ako čítať výsledok
Každá kontrola má jeden zo štyroch stavov: OK, Chyba, Tip (dá sa zlepšiť, ale nie je to vážne) alebo Nezmerané, keď sa meranie nepodarilo, napríklad preto, že Google stránku neotvoril.
Nálezy sa ukážu na mape podľa dvoch otázok: aký veľký je dopad a koľko práce oprava zaberie. Z toho vznikne plán v troch skupinách:
- Najprv: rýchle výhry. Vysoký alebo stredný dopad a najviac 30 minút práce.
- Potom. Vysoký alebo stredný dopad, ale viac práce.
- Môže počkať. Menší dopad.
Pri každom náleze vidíte odhad práce. Celkové skóre je vážený priemer: kontroly s vysokým dopadom vážia trikrát viac ako tie s nízkym a tip sa počíta ako čiastočný úspech. Skóre sa pri opakovanej kontrole môže líšiť o pár bodov, lebo rýchlosť závisí od toho, ako je server práve vyťažený, a Google meria zakaždým trochu inak. Nálezy zostávajú rovnaké.
Teraz k samotným oblastiam.
1. Rýchlosť
Rýchlosť je prvá vec, ktorú návštevník zažije. Kým sa stránka nezobrazí, nemôže si prečítať ponuku ani vám napísať. V tejto oblasti máme deväť kontrol:
- Hlavný obsah na mobile. Ako rýchlo sa ukáže najväčší prvok prvej obrazovky, zvyčajne hlavný obrázok alebo nadpis. Cieľ je do 2,5 sekundy.
- Stabilita rozloženia. Či sa obsah počas načítania posúva. Keď sa pod prstom posunie tlačidlo, ľudia ťuknú na niečo iné, ako chceli. Cieľ je hodnota pod 0,1.
- Odozva počas načítania. Ako dlho ťažké skripty blokujú telefón. Cieľ je do 200 milisekúnd.
- Váha stránky. Koľko megabajtov sa stiahne. Každý megabajt stojí na mobilných dátach čas.
- Formáty a veľkosti obrázkov. Či sú obrázky väčšie, ako treba.
- Kompresia textu. Či server posiela HTML, CSS a JavaScript skomprimované.
- Odpoveď servera. Ako dlho trvá, kým server pošle prvý bajt stránky. Cieľ je do 600 milisekúnd.
- Súbory písiem. Každý súbor písma je ďalšie sťahovanie, kým text vyzerá tak, ako má.
- Reálni návštevníci. Ak má Google dosť údajov od používateľov Chrome za posledných 28 dní, ukážeme, ako hodnotí reálne návštevy. Táto kontrola je len informačná a zlepší sa, keď opravíte ostatné nálezy v rýchlosti.
Čo zvládnete sami
Najčastejšia príčina pomalého webu sú obrázky. Fotka priamo z telefónu má často niekoľko megabajtov, hoci na webe sa zobrazí v šírke pár stoviek pixelov. Skôr než obrázok nahráte, zmenšite ho na veľkosť, v akej sa zobrazí, a uložte ho vo formáte WebP alebo AVIF. Ak váš redakčný systém ponúka odložené načítanie obrázkov nižšie na stránke, zapnite ho.
Kompresiu (Brotli alebo Gzip) a cache stránok väčšinou zapnete v administrácii hostingu, prípadne o to požiadate jeho podporu. Pri písmach platí jednoduché pravidlo: dve rodiny písma a len tie rezy, ktoré naozaj používate.
Ak chcete ísť do hĺbky, v článku Ako dostať Lighthouse nad 95 bez kompromisov opisujeme, ako na rýchlosť ideme my.
2. SEO a AI vyhľadávanie
Táto oblasť má najviac kontrol, dvanásť. Overujú, či vás Google a AI asistenti vôbec môžu nájsť a či pochopia, čo ponúkate.
Viditeľnosť a prístup. Kontrolujeme, či stránka nemá značku noindex, ktorá vyhľadávačom hovorí, aby ju nezobrazovali, a či robots.txt neblokuje celý web. Oboje sa stáva častejšie, než by sa zdalo: vývojár zablokuje web počas práce a po spustení zákaz zabudne odstrániť. Ďalej overujeme mapu stránok (sitemap.xml) a to, či adresa s www aj bez www vedie na jedno miesto. Ak obe zobrazia rovnaký web bez presmerovania, Google môže vidieť dve kópie a rozdeliť ich hodnotu.
Titulok a popis. Titulok je nadpis vášho výsledku v Google. Kontrolujeme, či existuje, či nie je všeobecný ako „Domov“ a či nie je príliš dlhý, lebo Google skracuje titulky dlhšie ako približne 60 znakov. Popis pre Google má mať zhruba 140 až 160 znakov. Bez neho si Google vyberie náhodný kúsok textu zo stránky.
Obsah stránky. Hlavný nadpis H1 má byť na stránke práve jeden. Obrázky, ktoré nesú informáciu, majú mať krátky popis (alt text), inak Google ani čítačky obrazovky nevedia, čo na nich je. Stránka má mať nastavený jazyk.
Údaje o firme pre Google a AI. Hľadáme štruktúrované údaje typu Organization alebo LocalBusiness, pri e-shopoch aj Product. Sú to údaje o názve, adrese, telefóne či otváracích hodinách zapísané tak, aby ich stroje prečítali spoľahlivo. Viac o tom píšeme v článku Schema markup pre weby služieb.
Náhľad pri zdieľaní. Keď niekto pošle odkaz na váš web cez WhatsApp, Facebook alebo LinkedIn, mal by sa zobraziť obrázok a titulok. Na to slúžia značky og:image a og:title.
Prístup AI vyhľadávačov. Kontrolujeme, či robots.txt neblokuje crawlery AI služieb, napríklad GPTBot, OAI-SearchBot, PerplexityBot alebo Google-Extended. Ak sú zablokované, AI asistenti váš web nemôžu čítať, a preto ho nemôžu ani odporučiť. Či ich chcete pustiť, je vaše rozhodnutie. Dôležité je, aby to bolo rozhodnutie, nie omyl.
Čo zvládnete sami
Titulok a popis úvodnej stránky prepíšete vo väčšine redakčných systémov za pár minút a je to jedna z najlacnejších zmien s viditeľným výsledkom. Dobrý titulok hovorí, čo ponúkate, kde a ako sa voláte. Popis hovorí, prečo by mal človek kliknúť práve na vás. Popisy obrázkov doplníte pri každom obrázku v knižnici médií.
Technickejšie veci, ako noindex, robots.txt alebo presmerovanie www, je lepšie nechať na toho, kto web spravuje. Výsledok mu môžete poslať odkazom. Podrobnejší prehľad nájdete aj v článku Technické SEO pre moderné weby.
3. Mobil
Webcheck tu kontroluje dve veci, obe na telefóne v prehliadači Google.
Prispôsobenie mobilu. Bez značky viewport zobrazí telefón zmenšenú stránku pre počítač, na ktorej sa nedá nič prečítať bez zväčšovania. Ak značka existuje, ale blokuje priblíženie dvoma prstami, ukážeme tip: prekáža to každému, kto horšie vidí.
Tlačidlá a odkazy na telefóne. Či sa dajú pohodlne trafiť prstom. Dotyková plocha má mať aspoň 24 × 24 pixelov, ideálne 44, a medzi tlačidlami má byť medzera.
Najjednoduchší test spravíte aj bez nástroja: otvorte svoj web na telefóne jednou rukou a skúste sa dostať ku kontaktu. Ak pri tom musíte zväčšovať alebo trafíte iný odkaz, vaši zákazníci to zažívajú tiež.
4. Dopyty a predaj
Táto oblasť je pre majiteľa firmy najpraktickejšia. Päť kontrol hovorí o tom, či web návštevníkovi uľahčuje ozvať sa alebo nakúpiť.
- Kontrast textu. Či sa texty a tlačidlá dajú prečítať. Svetlosivý text na bielom pozadí môže pôsobiť elegantne, ale na telefóne vonku na slnku sa nedá čítať. Odporúčaný kontrast je aspoň 4,5 : 1.
- Telefón na klik. Veľa ľudí chce pred nákupom alebo rezerváciou zavolať. Ak je číslo na stránke len ako text, na telefóne naň nemôžu ťuknúť. Stačí z neho urobiť odkaz tel:.
- Kontaktný formulár. Ak je formulár na úvodnej stránke, počítame jeho polia. Každé pole navyše znamená menej odoslaných dopytov. Na prvý kontakt zvyčajne stačí meno, e-mail alebo telefón a správa.
- Recenzie zákazníkov. Hľadáme recenzie na úvodnej stránke, napríklad z Google alebo z hodnotiacej služby e-shopu. Pre nového návštevníka sú najsilnejším signálom dôvery.
- Meranie. Či web meria návštevnosť, napríklad cez Google Analytics 4, Google Tag Manager, Microsoft Clarity alebo Matomo. Bez merania neviete, odkiaľ ľudia prichádzajú ani čo na webe robia.
Čo zvládnete sami
Klikateľné telefónne číslo a skrátenie formulára sú typické rýchle výhry. Ak formulár žiada IČO, adresu, rozpočet a päť ďalších údajov ešte pred prvým kontaktom, nechajte povinné len to, bez čoho sa nedá odpovedať. Zvyšok sa dozviete v odpovedi. Na našom vlastnom kontaktnom formulári sú povinné len meno, e-mail a správa.
5. Bezpečnosť
Štyri kontroly overujú, či je spojenie s vaším webom šifrované a chránené.
- Šifrované spojenie (HTTPS). Web bez certifikátu prehliadače označia ako nezabezpečený. Pri formulári je to pre návštevníka jasný dôvod neodoslať ho.
- Presmerovanie na HTTPS. Kto zadá adresu bez https, má skončiť na zabezpečenej verzii, nie na nešifrovanej stránke.
- Bezpečné načítanie obsahu. Ak sa niektoré obrázky alebo skripty načítavajú cez http://, prehliadač ich môže zablokovať alebo zobraziť varovanie.
- Bezpečnostné hlavičky. HSTS, Content-Security-Policy, X-Frame-Options, X-Content-Type-Options a Referrer-Policy. Chránia návštevníkov pred niektorými bežnými útokmi a nastavujú sa u hostingu.
Certifikát a presmerovanie väčšina hostingov ponúka v administrácii. Bezpečnostné hlavičky sú vec pre technika, no oplatí sa ich nastaviť raz a poriadne.
6. Právo a dôvera
Posledná oblasť sa týka toho, čo od webu očakáva zákon a čo očakávajú zákazníci. Webcheck nenahrádza právnika, ale ukáže, kde niečo chýba.
Meranie až po súhlase. Toto je kontrola s vysokým dopadom. Sledujeme, či web posiela údaje analytickým nástrojom, napríklad Google Analytics, Clarity alebo Meta Pixel, skôr ako návštevník odpovie na lištu s cookies. Podľa GDPR potrebuje meranie s cookies najprv súhlas. Ak pred súhlasom odchádzajú len signály bez cookies cez Google Consent Mode, ukážeme tip, lebo či to stačí, závisí od vášho nastavenia.
Údaje o firme. Hľadáme obchodné meno, IČO a sídlo na úvodnej stránke alebo na prepojenej stránke, napríklad Kontakt či obchodné podmienky. Pri weboch s doménou .de, .at alebo .ch hľadáme odkaz na Impressum, ktoré tam firemné weby musia mať zo zákona.
Ochrana osobných údajov. Každý web, ktorý zbiera osobné údaje, napríklad cez formulár, potrebuje zásady ochrany osobných údajov a odkaz na ne, zvyčajne v pätičke.
Vrátenie tovaru a reklamácie. Iba pri e-shopoch: či sú podmienky vrátenia a reklamácií dostupné z úvodnej stránky. Ľudia ich hľadajú pred nákupom.
Ikona webu. Favicon v karte prehliadača a v záložkách. Drobnosť, no bez nej web pôsobí nedokončene.
Odkazy na zásady, podmienky a údaje o firme do pätičky doplníte sami. Pri súhlase s cookies je to zložitejšie, lebo treba nastaviť, ktoré nástroje sa spúšťajú až po súhlase. Tu sa oplatí poradiť sa s tým, kto web spravuje.
Porovnanie s konkurenciou
Po kontrole vlastného webu môžete zadať jeden alebo dva weby konkurencie. Skontrolujeme ich rovnako a všetkých šesť oblastí porovnáme vedľa seba. Často je to najrýchlejší spôsob, ako zistiť, či je váš problém v rýchlosti, v obsahu, alebo v tom, že konkurencia ukazuje recenzie a vy nie.
Čo s výsledkom ďalej
Každý výsledok má vlastný odkaz, ktorý platí 90 dní. Môžete ho poslať kolegovi alebo tomu, kto vám web spravuje, a ten uvidí presne to isté čo vy, vrátane postupu opravy pri každom náleze.
Ukladáme len adresu webu a to, čo sme namerali. Meno ani e-mail od vás nežiadame. Na ochranu pred zneužitím uchovávame jeden deň nevratný kód odvodený z vašej IP adresy.
Odporúčame postupovať podľa plánu: najprv rýchle výhry, potom zvyšok. Po opravách spustite kontrolu znova a porovnajte výsledok s pôvodným odkazom.
Vyskúšajte to na svojom webe
Zadajte adresu svojho webu na alpinefy.com/sk/webcheck. Výsledok uvidíte približne za 30 sekúnd, zadarmo a bez registrácie.
Ak nájdete veci, ktoré nechcete opravovať sami, prejdeme výsledok spolu na bezplatnej 30-minútovej konzultácii. Pozrieme sa aj na zvyšok webu, nielen na úvodnú stránku, a dostanete pevnú cenu opravy vopred.
