Miért fontos a SEO már a weboldal készítés elején? Technikai SEO, tartalom és teljesítmény

Sokan gondolják úgy, hogy a SEO valami, amit a weboldal elkészülte után kell „rárakni". Valójában ez az egyik legdrágább tévhit az online marketing területén. Ha a weboldal technikai alapjai, URL-struktúrája és tartalomarchitektúrája rosszul épül fel, az utólagos SEO-munka sokkal drágább, lassabb és kevésbé hatékony lesz.

Ebben a cikkben megmutatjuk, miért kell a SEO-t már a weboldal tervezési fázisában figyelembe venni, és milyen konkrét döntések befolyásolják hosszú távon a Google-rangsorolást.

A SEO nem utólagos javítás, hanem stratégiai alap#

Képzeld el, hogy felépítesz egy házat, majd az elkészülte után szeretnéd ellenőrizni az alapját. A weboldalnál hasonló a helyzet: a feltérképezhetőség, az URL-ek és a tartalmi struktúra már fejlesztéskor kialakul. Ezek később is javíthatók, de egy migráció több munkát, gondos átirányításokat és szorosabb mérést igényel.

A keresési versenyképességhez többek között az alábbi alapok kellenek:

• Gyorsan tölt be és jó a Core Web Vitals mutatója
• Mobilon is tökéletesen működik
• Egyértelmű és logikus URL-struktúrával rendelkezik
• Egyedi, értékes tartalommal bír
• Biztonságos (HTTPS) és technikai hibáktól mentes

Ezek mindegyike a fejlesztési döntések következménye.

Technikai SEO: amit már fejlesztéskor jól kell beállítani#

HTTPS és biztonság#

A HTTPS ma alapkövetelmény: védi az adatátvitelt, és a kanonikus webhelyverzió kialakításának is része. A tanúsítványt, a HTTP-ről HTTPS-re mutató átirányítást és a mixed content megszüntetését már a fejlesztési fázisban érdemes rendezni.

Robots.txt és sitemap.xml#

A robots.txt elsősorban a feltérképezést szabályozza; nem általános indexelési kapcsoló. Egy hibás tiltás megakadályozhatja, hogy a kereső hozzáférjen fontos erőforrásokhoz vagy oldalakhoz. A sitemap.xml segíthet a kanonikus URL-ek felfedezésében, ezért a ténylegesen indexelhető oldalakkal együtt kell naprakészen tartani.

Kanonikus URL-ek (canonical tag)#

Ha ugyanaz vagy nagyon hasonló tartalom több URL-en is elérhető, a canonical tag erős jelzés arról, melyik legyen az előnyben részesített verzió. Nem kötelező utasítás, ezért a belső linkeknek, átirányításoknak és sitemapnek is következetesen ugyanarra a kanonikus URL-re kell mutatniuk.

Struktúrált adatok (Schema markup)#

A struktúrált adatok segíthetnek a Google-nek megérteni az oldal entitásait és tartalomtípusát. Csak a Google aktuális keresési galériájában támogatott, látható tartalommal egyező típusoktól várható rich-result jogosultság, és a megjelenés akkor sem garantált. A Google jelenlegi galériája az FAQPage típust nem sorolja a támogatott rich-result funkciók közé; ettől a jelölés még lehet érvényes Schema.org-adat más fogyasztók számára, de nem érdemes Google-kiemelést ígérni rá.

Oldalsebesség és Core Web Vitals: miért számítanak?#

A Google rangsorolási rendszerei használják a Core Web Vitals jeleit az átfogó oldalélmény részeként. Ez nem egyetlen, mindent eldöntő pontszám, és a jó értékek nem garantálnak helyezést. A három jelenlegi mérőszám:

• LCP (Largest Contentful Paint): mennyire gyorsan tölt be az oldal legnagyobb vizuális eleme. Cél: 2,5 másodperc alatt.
• INP (Interaction to Next Paint): mennyire gyorsan reagál az oldal a felhasználói interakciókra. Cél: 200ms alatt.
• CLS (Cumulative Layout Shift): mennyire „ugrik" a tartalom betöltés közben. Cél: 0,1 alatt.

Ezekre hat a kép- és fontstratégia, a JavaScript mennyisége, a szerver válaszideje, a harmadik féltől érkező kód és a valódi felhasználói eszköz- illetve hálózati környezet is.

Képek, betűk és interakciók tervezése#

A teljesítményt nem egyetlen optimalizáló kapcsoló oldja meg. Már a design és a komponensek kialakításakor érdemes eldönteni:

• melyik kép lehet az LCP-elem, és hogyan kap megfelelő méretet, formátumot és betöltési prioritást;
• mely hajtás alatti képek tölthetők be késleltetve;
• hogyan kerülhetők el a későn betöltődő elemek okozta elrendezés-ugrások;
• mely animációk és külső scriptek indokoltak, illetve mit kell valódi eszközön mérni;
• az informatív képek milyen alt szöveget kapnak, a dekoratív elemek pedig hogyan maradnak figyelmen kívül hagyhatók a segítő technológiák számára.

Egy látványos hero-videó vagy sok apró animáció nem automatikusan rossz döntés, de hálózati, renderelési és interakciós költsége van. Ezt posterrel, könnyebb formátummal, visszafogott mozgással és valós felhasználói méréssel kell kezelni.

Miért fontos a sebesség a konverzióra is?#

A lassabb oldalélmény több súrlódást okozhat és ronthatja a konverziót, de nincs minden webhelyre érvényes, másodpercenként azonos százalék. A hatást valós felhasználói Core Web Vitals-adatokkal és saját konverziós méréssel kell értékelni.

URL-struktúra, menürendszer és belső linkelés#

Az URL-struktúra a weboldal információs architektúrájának tükre. Egy jól megtervezett struktúra:

• Egyértelmű és olvasható URL-eket eredményez (/szolgaltatasok/webfejlesztes jobb, mint /page?id=42)
• Segít a Google-nek megérteni, hogyan kapcsolódnak egymáshoz az oldalak
• Elkerüli a duplikátumokat és a felesleges aloldalakat

A belső linkelés ugyanilyen fontos: segíti a látogatókat és a keresőrobotokat a kapcsolódó tartalmak felfedezésében, valamint jelzi az oldalak közötti tematikus viszonyt. Minden fontos oldal legyen elérhető követhető belső linken keresztül.

Kerüld a feleslegesen mély URL-eket, a több címen elérhető azonos tartalmat, az árva oldalakat és az értelmetlen paraméterekkel létrejövő indexelhető változatokat. A navigáció, a lábléc, a kapcsolódó cikkek és a szövegbe ágyazott leíró linkek együtt alkotják a belső linkhálózatot.

Kulcsszókutatás a tartalomstruktúra előtt#

A kulcsszókutatás nem SEO-bővítmény – ez az információs architektúra alapja. Ha a kulcsszókutatás megtörténik a weboldal tervezése előtt, az oldalak csoportosítása, az aloldalak nevei és a tartalmak mélysége mind az adatok alapján alakul.

A kulcsszókutatás fő lépései:#

1. Seed kulcsszavak azonosítása – mire keresnek a célközönség tagjai?
2. Keresési volumen és verseny elemzése – melyek a reálisan megtámadható kulcsszavak?
3. Keresési szándék azonosítása – informálódni, vásárolni vagy összehasonlítani akarnak?
4. Tartalmi klaszterek kialakítása – pillar page + supporting content struktúra
5. Prioritizálás – melyik kulcsszóra írjunk először?

Ha ez a munka megvan, a weboldal tartalomstruktúrája már eleve SEO-optimalizáltan épül fel – nem kell visszamenőleg átírni semmit.

SEO-barát tartalom és címsorhierarchia#

Egy világos főcím és logikusan egymásba rendezett H2/H3 szakaszok segítik az olvasást és a segítő technológiákat. Nem a mechanikus kulcsszó-elhelyezés vagy a „tökéletes" HTML a cél, hanem hogy a címek pontosan leírják a tartalmi szerkezetet.

A jó SEO-tartalom jellemzői:

• A szándékhoz illő mélység: legyen annyira teljes, amennyire a kérdés hasznos megválaszolásához szükséges
• Bizalom és első kézből származó szakértelem: az E-E-A-T hasznos minőségi szempontrendszer, nem önálló rangsorolási faktor
• Természetes kulcsszóhasználat: ne tömd tele kulcsszóval, hanem írj természetesen
• CTA blokkok: minden oldalon legyen egyértelmű következő lépés
• Belső linkek: mutass más releváns oldalakra

Mobiloptimalizálás és felhasználói élmény#

A Google a webhely mobil verziójának tartalmát használja indexeléshez és rangsoroláshoz; a mobile-first átállást 2016-ban kezdte és 2023-ban fejezte be. A mobil nézet ezért ne legyen tartalmilag szegényebb, ne blokkoljon fontos erőforrásokat, és biztosítson jó használhatóságot.

Mobiloptimalizálás alapjai:

• Reszponzív design (nem külön mobil oldal)
• Megfelelő betűméret és gombméret érintéses kezeléshez
• Nincs horizontális görgetés
• Gyors betöltés mobil hálózaton is

Mérés: Search Console, Analytics és konverziókövetés#

A SEO-munka eredménye csak méréssel értékelhető. Alap eszközök:

• Google Search Console: megmutatja, mire jelennek meg az oldalak, hány kattintást kapnak, és milyen technikai hibák vannak
• Google Analytics 4: forgalomforrások, viselkedés, konverziók
• PageSpeed Insights: Core Web Vitals mérés és javaslatok
• Screaming Frog: technikai audit (broken linkek, duplicate content, meta tagek)

Ezeket legkésőbb az éles induláskor érdemes bekötni, hogy a kezdeti állapotról is legyen összehasonlítható adat.

Milyen hibákat követnek el sokan weboldal induláskor?#

1. Nem állítanak be kanonikus URL-eket – a www vs. non-www, a http vs. https verziók duplikált tartalomhoz vezetnek.

2. Hiányzó vagy rossz 301-es átirányítások – ha az oldal URL-struktúrája megváltozott, a régi URL-eknek át kell irányítani az új megfelelőjükre.

3. Nincs sitemap a Search Console-ban beküldve – a Google így lassabban fedezi fel az új oldalakat.

4. Hiányos vagy pontatlan meta leírások – a Google a lekérdezéshez illő saját snippetet akkor is létrehozhat, ha van megadott leírás; a cél egy pontos, hasznos összefoglaló, nem a megjelenés garantálása.

5. Informatív képek megfelelő alt szöveg nélkül – ez akadálymentességi probléma és a kép tartalmának megértését is nehezíti; a dekoratív képek alt attribútuma maradjon üres.

6. Nem mérnek semmit – ha nincs Analytics és Search Console bekötve, nincs adat alapja a fejlesztésnek.

Indulás előtti SEO-folyamat röviden#

1. Keresési szándék és témák feltérképezése az információs architektúra előtt.
2. Oldalstruktúra, végleges URL-ek és átirányítási térkép rögzítése.
3. Indexelési, canonical-, sitemap-, strukturáltadat- és teljesítménykövetelmények beépítése.
4. Tartalom, címsorok, képek és belső linkek összehangolása a designnal.
5. Indulás előtti technikai ellenőrzés, majd éles Search Console-, Analytics- és Core Web Vitals-mérés.

Hogyan épít SEO-alapú weboldalakat a Lab2Label?#

A Lab2Label webes scope-jába a projekthez illő technikai SEO-alapok kerülnek: indexelési szabályok, sitemap, kanonikus URL-ek, releváns strukturált adatok, mobile-first QA, teljesítmény-optimalizálás és a jóváhagyott mérési eszközök előkészítése. A tényleges indexelést, Core Web Vitals mezőadatot és organikus eredményt élesítés után kell ellenőrizni.

A fejlesztési munkával párhuzamosan, a megállapodott scope szerint kulcsszókutatás és tartalomstruktúra-javaslat is készülhet. Ezek javítják az oldal relevanciájának és mérhetőségének alapjait, de helyezést nem garantálnak.

Nézd meg SEO és teljesítmény szolgáltatásunkat, vagy kérj ingyenes konzultációt, ahol átbeszéljük a projekt SEO-stratégiáját.

GYIK – SEO weboldal készítés#

Mikor kell SEO-val foglalkozni – fejlesztés előtt, alatt vagy után? Mindhárom fázisban: a kulcsszókutatás és tartalomstruktúra tervezés a fejlesztés előtt kell megtörténjen, a technikai SEO beállítások a fejlesztés alatt épülnek be, a tartalom folyamatos bővítése és linkszerzés pedig az indulás után kezdődik.

Mennyi idő alatt hoz eredményt a SEO? Nincs minden webhelyre érvényes határidő. A kiinduló állapot, az indexelés, a keresleti és versenykörnyezet, a tartalom minősége és a külső hivatkozások egyaránt számítanak; az előrehaladást Search Console-adatokkal és üzleti konverziókkal kell mérni.

Mi a különbség a technikai SEO és az on-page SEO között? A technikai SEO a weboldal infrastruktúrájával foglalkozik (sebesség, indexálás, crawlability), az on-page SEO a tartalom optimalizálásával (kulcsszavak, meta tagek, heading struktúra, belső linkek).

Szükséges-e külön SEO szakember a weboldal indításhoz? Ez a projekt összetettségétől függ. A Lab2Label webes scope-ja tartalmazhatja a szükséges technikai SEO-alapokat és a mérési előkészítést; a pontos feladatokat, felelősöket és az indulás utáni munkát a projekt elején érdemes rögzíteni.

Mennyibe kerül egy SEO audit? A költség a webhely méretétől, a hozzáférhető adatoktól, a nemzetközi vagy e-commerce scope-tól és a szükséges megvalósítási terv mélységétől függ. Felelős ár csak ezek tisztázása után adható.