Az összes ajánlás teljes magyarázata, mi ez, miért foglalkozzon vele és hogyan csinálja.
A weboldalnak HTTPS-en, érvényes tanúsítvánnyal kell futnia.
Az oldalnak 200-as kódot kell visszaadnia és megbízhatóan elérhetőnek kell lennie.
Minden oldalnak egyedi, találó, 50–60 karakteres címre van szüksége.
Rövid oldalleírás (120–158 karakter) a cím alatt a találatokban.
Kulcsszavak a <meta name="keywords"> tagben. A Google figyelmen kívül hagyja, a Seznam.cz figyelembe veheti.
Pontosan egy H1 és logikus alcím-hierarchia.
A képeknek alt leírás, modern formátum és tömörítés kell.
A meta viewport biztosítja a helyes megjelenítést mobilon.
A <html> lang attribútuma adja meg az oldal nyelvét.
Megmondja a keresőmotoroknak, melyik URL-verzió a fő.
Szabályozza, mit barangolhatnak be és indexelhetnek a keresőmotorok.
Szabályozza, hogyan néz ki a Facebookon, LinkedInen stb. megosztott hivatkozás.
A hivatkozás előnézete az X (Twitter) platformon.
Gépileg olvasható jelölések, amelyek feloldják a rich resultokat.
A sebesség rangsorolási tényező és kulcsfontosságú UX elem is.
Működő hivatkozások és értelmes belső linkstruktúra.
A weboldal ikonja a fülön és a mobilos találatokban.
Rövid, olvasható és logikus címek kulcsszavakkal.
Kellően terjedelmes, olvasható és egyedi tartalom.
A szinkron <script> blokkolja a renderelést, halaszd el.
CSS és JS a fejlécben, amely fékezi az első renderelést.
A nagy CSS a fejlécben hátráltatja a renderelést.
Tömörítés nélkül feleslegesen nagy adatmennyiség utazik.
A tömörítés nem aktív, kapcsold be a Gzipet/Brotlit.
A statikus fájlokat a látogatónál kell tárolni.
A képernyőn kívüli képeket csak görgetéskor töltsd be.
A WebP és AVIF 25–50%-kal kisebb a JPEG/PNG-nél.
Az az idő, amíg a szerver elküldi a válasz első bájtját.
A túl nagy oldal lassan töltődik be.
Az oldal nagy, könnyítsd meg.
Sok fájl = sok kérés = lassabb indulás.
Egyesítsd és minifikáld a stílusokat.
A nagy JS hátráltat és terheli az eszköz processzorát.
Túl sok HTML elem lassítja a renderelést.
Az elemek száma túllépi az ésszerű határt.
A sok style="..." rontja a gyorsítótárazást és a karbantartást.
A sok <script> közvetlenül a HTML-ben blokkol és nem gyorsítótárazható.
Méretek nélkül ugrál a layout (CLS).
A fontos erőforrások korábban betölthetők a rel="preload" révén.
A HTTP/2 és HTTP/3 gyorsabb a régi HTTP/1.1-nél.
Soha ne tiltsa le a felhasználónak az oldal nagyítását.
Az alapszöveg legalább 16px, az apró legalább 12px.
A kattintható elemeknek olvashatónak és könnyen eltalálhatónak kell lenniük.
Részesítse előnyben a rem/em-et a fix px-szel szemben a betűméreteknél.
A szövegnek elegendő kontraszttal kell rendelkeznie (WCAG AA 4,5:1).
A képeknek el kell férniük mobilon vízszintes görgetés nélkül.
URL-lista a keresőmotoroknak, segíti a gyorsabb indexelést.
Hogyan néz ki az oldal a Google találatok között.
Megmondja a Google-nak, melyik nyelvi verzió melyik közönséghez tartozik.
A Google elsősorban a mobil verziót értékeli (mobile-first).
HTTPS, biztonsági fejlécek és a látogatók védelme.
Rövid 301-es láncok, semmi hurok.
A weboldal CMS-ének, keretrendszereinek és könyvtárainak áttekintése.
A weboldal a fogyatékkal élők számára is használható.
Cookie-hozzájárulás és személyes adatok védelme.
Helyes DNS rekordok és érvényes SSL tanúsítvány.
A 404-re vezető hivatkozások rontják az UX-et és a bejárást.
Hogy idézzen a ChatGPT, Gemini, Perplexity és mások.