Kompletné vysvetlenie všetkých odporúčaní: čo to je, prečo to riešiť a ako na to.
Web musí bežať na HTTPS s platným certifikátom.
Stránka musí vracať kód 200 a byť spoľahlivo dostupná.
Každá stránka potrebuje unikátny, výstižný titulok 50–60 znakov.
Krátky popis stránky (120–158 znakov) pod titulkom vo výsledkoch.
Kľúčové slová v <meta name="keywords">. Google ich ignoruje, Seznam.cz ich môže zohľadniť.
Práve jeden H1 a logická hierarchia podnadpisov.
Obrázky potrebujú alt popis, moderný formát a kompresiu.
Meta viewport zaisťuje správne zobrazenie na mobile.
Atribút lang na <html> určuje jazyk stránky.
Hovorí vyhľadávačom, ktorá verzia URL je tá hlavná.
Riadi, čo smú vyhľadávače prechádzať a indexovať.
Riadi, ako vyzerá odkaz zdieľaný na Facebooku, LinkedIne a pod.
Náhľad odkazu na platforme X (Twitter).
Strojovo čitateľné značky, ktoré odomykajú rich results.
Rýchlosť je ranking faktor aj kľúčový prvok UX.
Funkčné odkazy a zmysluplné interné prelinkovanie.
Ikona webu na záložke a vo výsledkoch na mobile.
Krátke, čitateľné a logické adresy s kľúčovými slovami.
Dostatočne obsiahly, čitateľný a unikátny obsah.
Synchrónny <script> blokuje vykreslenie, odlož ho.
CSS a JS v hlavičke, ktoré brzdia prvé vykreslenie.
Veľké CSS v hlavičke zdržuje vykreslenie.
Bez kompresie sa prenáša zbytočne veľký objem dát.
Kompresia nie je aktívna, zapni Gzip/Brotli.
Statické súbory sa majú ukladať u návštevníka.
Obrázky mimo obrazovky načítavaj až pri scrollovaní.
WebP a AVIF sú o 25–50 % menšie než JPEG/PNG.
Čas, kým server pošle prvý byte odpovede.
Príliš veľká stránka sa načítava pomaly.
Stránka je veľká, odľahči ju.
Veľa súborov = veľa požiadaviek = pomalší štart.
Zlúč a minifikuj štýly.
Veľký JS zdržuje a zaťažuje procesor zariadenia.
Príliš veľa HTML elementov spomaľuje vykresľovanie.
Počet elementov prekračuje rozumnú hranicu.
Veľa style="..." zhoršuje cache a údržbu.
Veľa <script> priamo v HTML blokuje a nedá sa cachovať.
Bez rozmerov obrázka poskakuje layout (CLS).
Dôležité zdroje možno načítať skôr cez rel="preload".
HTTP/2 a HTTP/3 sú rýchlejšie než staré HTTP/1.1.
Nikdy nezakazujte používateľovi priblíženie stránky.
Základný text aspoň 16px, drobný minimálne 12px.
Klikacie prvky musia byť čitateľné a ľahko trafiteľné.
Preferujte rem/em pred pevnými px pri veľkostiach písma.
Text musí mať dostatočný kontrast (WCAG AA 4,5:1).
Obrázky sa musia zmestiť na mobil bez vodorovného posuvu.
Zoznam URL pre vyhľadávače, pomáha rýchlejšej indexácii.
Ako stránka vyzerá vo výsledkoch Google.
Hovorí Googlu, ktorá jazyková verzia patrí ktorému publiku.
Google hodnotí primárne mobilnú verziu (mobile-first).
HTTPS, bezpečnostné hlavičky a ochrana návštevníkov.
Krátke reťazce 301, žiadne slučky.
Prehľad CMS, frameworkov a knižníc webu.
Web použiteľný aj pre ľudí s hendikepom.
Súhlas s cookies a ochrana osobných údajov.
Správne DNS záznamy a platný SSL certifikát.
Odkazy vedúce na 404 kazia UX aj crawl.
Aby ťa citovali ChatGPT, Gemini, Perplexity a ďalšie.