Webdesigner vagy? Akkor biztosan te is átélted már azt a pillanatot, amikor átadod a látványos, reszponzív, ügyfél által is imádott weboldalt – majd pár hónappal később jön a kérdés:
„Miért nem jönnek a látogatók?”
A válasz sokszor nem a dizájnban, hanem a háttérben keresendő: a SEO-ban.
Egyre több ügyfél elvárja, hogy ne csak szép, hanem keresőbarát oldalt is kapjon. És nem csak azért, mert a Google így kéri, hanem mert a jó SEO már a webdizájn szintjén elkezdődik. A strukturált, átgondolt, gyors és UX-szempontból is rendben lévő oldal nemcsak jól néz ki – hanem jól is működik .
Ebben a cikkben olyan SEO-tudatos tervezési tippeket kapsz, amelyek 2025-ben elengedhetetlenek lesznek, és amelyeket már a wireframe fázisban érdemes észben tartanod. Lesznek klasszikus, de gyakran elfelejtett pontok – és hozok olyan haladóbb szempontokat is, amikre kevesen gondolnak, pedig komoly különbséget jelentenek.
Össze tudod foglalni 2-3 szóban, miről szól a weboldal, amit tervezel? Ha igen, már jó úton jársz – ha nem, akkor ideje átgondolni a koncepciót.
Miért?
Mert a Google és a látogatók is ezt keresik: tisztán értelmezhető, egyértelmű témát. A „minden is van rajta” típusú weboldalak nemcsak zavaróak, hanem SEO szempontból is nehezebben értelmezhetők.
Extra tipp:
Már az oldalstruktúra tervezése előtt tisztázzátok az ügyféllel, hogy pontosan milyen fő kulcstémák köré épül majd a tartalom. Ha például egy természetgyógyász weboldalt készítesz, ne keverd össze a jógaórákkal, a vegán receptekkel és a masszázzsal – inkább legyen mindegyiknek külön oldala, vagy külön aldomain, ha nagyon eltérnek a témák.
Sokan csak a fejlesztés végén gondolnak arra, hogy milyen URL-ek lesznek az oldalakhoz társítva – pedig ez már a menüpontok és aloldalak kitalálásánál is számít.
Egy rosszul felépített URL-struktúra hosszú távon rontja a keresőoptimalizálás esélyeit.
Például:
domain.hu/page1 – mit jelent? Senki sem tudja.
domain.hu/kapcsolat vagy domain.hu/termeszetgyogyaszat/joga – beszédes, értelmezhető
Extra tipp:
Webdesigner-ként javasolj átlátható, kulcsszót tartalmazó, rövid URL-eket, és kerüld a generikus neveket (pl. „page”, „oldal-1”, „uj-oldal”). A jó URL nemcsak SEO-barát, hanem segít az ügyfélnek is logikusabban felépíteni az oldalát.
Talán már elcsépeltnek tűnik, de 2025-ben sem lehet elégszer hangsúlyozni: a mobiloptimalizálás nem extra, hanem minimum elvárás.
A Google is elsődlegesen a mobilverzió alapján indexál (mobile-first indexing), vagyis ha az mobilon nehezen használható, hiába csillog-villog asztali nézetben.
De nemcsak technikailag fontos: a látogatóid 70–80%-a is mobilról érkezik. Egy nem reszponzív menü, egy túl apró CTA gomb vagy egy „kilógó” kép SEO-t is ront, felhasználói élményt is öl.
Extra tipp:
Már a tervezés elején gondolkodj mobile-first logikában.
Teszteld magad is különböző kijelzőméreteken.
A weboldal betöltési sebessége nemcsak a felhasználói élmény miatt fontos – a Google hivatalosan is beemelte a rangsorolási tényezők közé. A PageSpeed Insights nem csak egy „pontszámot” ad, hanem megmutatja, mi lassítja az oldalad, és mit lehetne javítani.
Mi rontja leggyakrabban a weboldalak sebességét?
Túl nagy felbontású képek (pl. 3000 px széles header mobilon is ugyanúgy betölt)
Lassú betűtípusok Google Fonts-ról
Túl sok JS és CSS fájl, amik összevonhatók lennének
Hiányzó cache vagy tömörítés
Mit tehetsz?
Átméretezett és tömörített képeket használj (pl. WebP formátumban)
Használj lazy load-ot a képekre, videókra
CSS és JS fájlokat minify-elj, vagy alkalmazz gyorsítótárat (pl. WP Fastest Cache)
Extra tipp: Ne törekedj a 100-as pontszámra – a való életben az számít, hogy mobilon 2–3 másodperc alatt betöltsön az oldal.
Sokan külön kezelik a felhasználói élményt (UX) és a keresőoptimalizálást, pedig ezek a legjobb esetben kéz a kézben járnak. Egy weboldal lehet technikailag tökéletesen optimalizált, de ha a látogató nem találja meg gyorsan amit keres, túl bonyolult a menü, vagy túl hosszú a szöveg, egyszerűen bezárja az oldalt – és ezzel egy csapásra rontja a rangsorolásodat is.
A Google nem csak azt figyeli, mi van az oldalon – azt is, hogyan viselkednek ott a felhasználók.
Mit tehetsz már az elején?
Tervezd meg előre az oldalszerkezetet: egy fő kulcsszóhoz (pl. „fodrász Budapest”) tartozzon egy főoldal, és ezen belül bontsd le a szolgáltatásokat, aloldalakat.
Tartsd röviden és világosan a főmenüt – 5–6 elemnél ne legyen több.
Legyen mindig egyértelmű, hol jár a látogató, mit tud tenni, hogyan léphet kapcsolatba az ügyfeleddel.
Extra tipp: Az oldal tervezésekor hasznos lehet UX vázlatot vagy site map-et készíteni, ahol SEO-s szempontból is megnézed: hány aloldal készül, milyen kulcsszóra épülnek, és hol lesz köztük belső link.
A SEO egyik rejtett, de nagyon fontos alapköve a heading struktúra: a H1, H2, H3 címkeszintek használata.
Sokan ott hibáznak, hogy a látványos dizájn kedvéért túl nagy betűméretet használnak egy H4 címsorhoz – pedig ez csak vizuálisan mutat jól, a keresőmotoroknak viszont félrevezető lehet. Vagy több H1 szerepel az oldalon – ami technikai szempontból hibás.
A Google ebből próbálja megérteni az oldal hierarchiáját, tartalmi logikáját. Ha ez nincs rendben, a kereső nehezebben értelmezi, miről is szól az oldal.
Extra tipp:
Egy oldal = egy H1 – ez legyen az oldal fő témája.
A többi szint legyen logikus: H2 = főbb részek, H3 = alrészek.
Itt jönnek a kevésbé egyértelmű, de SEO-ban extrém hasznos dizájnelemek – amiket már a tervezéskor érdemes figyelembe venni:
Segíti a felhasználót a navigációban, a Google pedig érti belőle az oldal hierarchiáját.
Extra tipp: legyen jól látható, de ne hivalkodó. Tökéletes hely: főcím felett, a tartalom elején.
Főleg hosszabb blogcikkeknél segít navigálni, és anchor linkeket ad, amit a Google is szeret.
Extra tipp: használj legördülő, harmonika típusú megoldást vagy fix oldalsávos TOC-t.
A Google E-E-A-T irányelve szerint fontos, hogy a tartalom mögött valós, hiteles szerző álljon. Erről bővebben is olvashatsz ebben a cikkemben: hasznos EEAT alapelvek
Extra tipp: tervezz külön „Szerző dobozt” a blogbejegyzések alá, képpel, névvel, rövid bio-val, és akár linkkel a szerző oldalára.
Ha szeretnél olyan weboldalt, ami már az alapoknál figyelembe veszi a SEO szempontokat is, és nemcsak jól mutat, hanem meg is találják a keresőkben, szívesen segítek. Webdesignerként és SEO szakértőként pont abban tudlak támogatni, hogy a technikai és tartalmi részletek is a helyükre kerüljenek – stressz és marketingcsapat nélkül.
Nézd meg a szolgáltatásaimat itt, vagy írj bátran, ha kérdésed van – örömmel válaszolok!
Forrás:
