Amikor a keresőoptimalizálásról (SEO) esik szó, a legtöbb cégvezetőnek a kulcsszavak halmozása, a blogcikkek írása vagy a linképítés jut eszébe. Van azonban a SEO-nak egy olyan rejtett, de kritikus alapja, ami nélkül a legjobb tartalom is láthatatlan marad a Google számára. Ez a technikai SEO.
Hiába írsz zseniális szakmai cikkeket, és hiába gyönyörű a weboldalad grafikája, ha a forráskód hibás, ha a robotok elakadnak az oldaltérképen, vagy ha a honlap elvérzik a sebességteszteken. A Google nem ember, hanem egy program: ő elsősorban kódot olvas és technikai mutatókat mér.
Senior fejlesztőként megmutatom, melyek azok a legfontosabb technikai SEO pillérek, amelyeknek egy modern weboldalnak kötelezően meg kell felelnie, ha a találati lista élére akar kerülni.
1. Core Web Vitals (Alapvető Webes Mutatók)
A Google hivatalosan is beemelte a rangsorolási faktorok közé a felhasználói élményt mérő technikai mutatókat, az úgynevezett Core Web Vitals-t. Három fő értéket figyelnek árgus szemekkel:
- LCP (Largest Contentful Paint - Betöltési sebesség): Milyen gyorsan jelenik meg az oldal legnagyobb vizuális eleme (általában a fő hős kép vagy egy nagy cím)? Az elvárt idő 2,5 másodperc alatt van.
- INP (Interaction to Next Paint - Interaktivitás): Milyen gyorsan reagál az oldal, ha a felhasználó rákattint egy gombra vagy a menüre? Nem lehet érezhető késés.
- CLS (Cumulative Layout Shift - Vizuális stabilitás): Ugrálnak-e az elemek betöltés közben? Biztosan láttál már olyan rossz oldalt, ahol épp rákattintottál volna egy gombra, de a lassan betöltő kép lejjebb tolta a tartalom, és mellékattintottál. A Google ezt kíméletlenül bünteti.
Egy sablonmentes, nulláról kódolt weboldal esetében ezek a mutatók szinte automatikusan a zöld (tökéletes) zónába kerülnek, mivel nincs a háttérben felesleges kódszemét, ami lassítaná a renderelését.
2. Szemantikus HTML5 struktúra és a Heading hierarchia
A Google robotja fentről lefelé olvassa a weboldalad forráskódját. Ahhoz, hogy megértse, mi a legfontosabb az oldalon, helyes HTML címkéket kell használnod. Ez a Heading hierarchia (H1-H4).
- H1: Ez az oldal legfőbb címe. Oldalanként szigorúan csak egyetlen egy szerepelhet belőle, és kötelezően tartalmaznia kell a fő kulcsszót.
- H2: A főbb fejezetek címei (mint ebben a cikkben a számozott pontok).
- H3: A fejezeteken belüli alpontok.
A kész sablonokat használó fejlesztők gyakran elkövetik azt a hibát, hogy a H-címkéket nem a tartalom logikája, hanem a betűméret alapján szórják szét az oldalon. Ezzel teljesen összezavarják a Google-t, ami rontja a helyezést. A tiszta, egyedi kódolásnál a struktúra mérnöki pontossággal követi a logikát.
3. Schema Markup (Strukturált adatok)
A strukturált adatok (Schema kódok) olyan rejtett JSON-LD kódrészletek a weboldal fejlécében, amelyekkel közvetlenül a Google nyelvén magyarázzuk el, hogy mit lát az oldalon.
A sémák segítségével érhetjük el az úgynevezett Rich Snippets (gazdag találatok) megjelenést a keresőben. Ha jól vannak beállítva a sémák:
- Egy blogcikknél megjelenik a szerző neve és a publikálás dátuma a Google-ben.
- Egy GYIK (GYAKRAN ISMÉTELT KÉRDÉSEK) oldalnál a lenyíló kérdések egyből látszódnak a találati listán, elfoglalva a fél képernyőt.
- Egy referenciánál vagy szolgáltatásnál megjelenhetnek a csillagos értékelések.
Ez drasztikusan megnöveli az átkattintási arányt (CTR), így sokkal több látogató érkezik az oldaladra.
4. XML oldaltérkép és a Robots.txt
Ahhoz, hogy a Google egyáltalán tudjon a weboldalad létezéséről, a robotoknak be kell járniuk (indexelniük kell) az aloldalaidat.
- A Robots.txt fájl mutatja meg a robotoknak, hogy mely részeket szabad vizsgálniuk, és mit kell figyelmen kívül hagyniuk (pl. az admin felületet).
- Az XML oldaltérkép (Sitemap) egy olyan automatikusan frissülő lista, ami tartalmazza a weboldalad összes éles aloldalát, cikkét és kategóriáját. Ezt a térképet közvetlenül be kell kötni a Google Search Console fiókba, hogy a Google azonnal értesüljön, ha új referenciát vagy blogcikket töltesz fel.
Összegzés: A láthatatlan motor fontossága
A technikai SEO olyan, mint az alapozás egy háznál. Lehet gyönyörű a festés és a bútorzat, de ha az alapok süllyednek, a ház össze fog dőlni. Ha komolyan gondolod a vállalkozásod online növekedését, ne elégedj meg egy olyan weboldallal, ami csak „szép". Kérj olyan digitális eszközt, ami technológiailag is a legmagasabb szintet képviseli.
A te weboldalad megfelel a Google elvárásainak? Ha egyedi, technikai SEO alapokon nyugvó webfejlesztési projekted van, görgess lejjebb, kattints a gombra, és építsünk egy látható, sikeres rendszert!