Most indítottál egy vadonatúj weboldalt látványos JavaScript navigációval, „lehengerlő” Java splash nyitóképernyővel és csilli‑villi képekkel mindenhol. Múlt hónapban heti átlag 10 000 látogatód volt, most meg alig 100. Mi történt? Akár napi híreket közölsz, akár védőruházatot árulsz, a weboldaladnak jól kell teljesítenie a keresőkben, különben elvész a forgalom. Minden újratervezés után kötelező egy site audit, hogy feltárd azokat a design hibákat, amelyek ártanak a SEO‑dnak.
Egy tehetséges designer csodákat tud művelni a vizuállal, de a keresőoptimalizálást be kell építeni a tervezésbe. Ez nem azt jelenti, hogy vissza kell menni a ’90‑es évek „kőkorszaki” dizájnjaihoz. A jó eredményhez a designereknek wireframe‑eresekkel, fejlesztőkkel és SEO szakértőkkel csapatban kell dolgozniuk, hogy a végeredmény a felhasználóknak és a keresőmotoroknak is vonzó legyen. Az alábbiakban a leggyakoribb design hibákat magyarázzuk el, amelyek tönkretehetik a SEO‑dat.
„Splash page” használata
Próbáltál már úgy könyvet olvasni, hogy egy téglafal takarja? Körülbelül ennyire „olvassa” a Google a splash mögé rejtett weboldalt. A látványos Java splash oldal lehet menőnek tűnő ötlet, de óriási akadályt állít a keresőmotor és a tartalmad közé.
A fő gond, hogy a keresők a Java‑t nem úgy olvassák, mint a HTML‑t: a splash oldal gyakorlatilag tartalom és navigáció nélküli nyitóoldalt eredményez. Ennek következménye a hibás indexelés, a belső oldalak „elszigetelődnek”. Ha mégis ragaszkodsz hozzá, legalább legyen bőséges szöveg és globális navigáció a törzsben – de őszintén: ez akkor is rossz ötlet.
„All‑Java” oldal építése
Ha az egész webhelyet Java köré építed, a keresők falnak beszélnek. Tartalom, belső linkelés, valódi navigáció nélkül műalkotást kapsz, nem weboldalt.
Ráadásul használhatóságban is pocsék: senki sem szeret várni a betöltésre, a kicsi, beágyazott felületek pedig olvashatatlanok mobilon és asztalin is. Ha a felhasználók és a keresők nem tudják rendesen elolvasni a szöveget és a linkeket, az oldal halott.
Frame‑ek használata
Ne tedd. Nemcsak elavult és csúnya, de indexelési káoszt okoz. A frame‑elt oldalak több HTML fájlból állnak, amelyből a kereső gyakran csak az egyiket indexeli rendesen – vagy egyáltalán nem indexeli a webhelyet. Az eredmény: széteső belső hivatkozási struktúra és gyenge rangsorolás.
Képek helytelen használata
Ne képekkel oldd meg az elsődleges navigációt. A keresők a képeket nem értelmezik úgy, mint a szöveges hivatkozásokat. A jó kompromisszum a CSS‑es szöveg a kép felett (text‑over‑image): a designer megkapja a látványt, a SEO pedig a „szaftos” horgonyszöveget.
A tartalmi képeknél optimalizálj: fájl‑ és alt szöveg, környezeti szöveg, szükség esetén strukturált adatok. Így az „értelmet” is megadod a vizuálhoz.
Morzsamenü (breadcrumbs) hiánya
A morzsamenü egyszerre UX és SEO fegyver: feltárja a hierarchiát a felhasználónak és a keresőnek, csökkenti a túlburjánzó főmenü igényét, és belső link mátrixot hoz létre. A csicsás Java megoldások helyett használj szöveges linkeket célzott horgonyszöveggel – pl. a céloldal fő kulcsszavával.
Képek használata címsorok helyett
Ne cseréld le a címsorok szövegét képre. Az H1–H3 címkék jelzik a keresőnek a tartalom hierarchiáját és súlyát. Ha képet raksz a helyükre, eldobod ezt a jelzést és gyengíted a relevanciát. A jó designer képes a valódi H‑címkéket is látványosan megjeleníteni.
Címsorok elhagyása
A címsorok rendszere (H1 a fő téma, H2 a szakaszok, H3 az al‑szakaszok) segít a keresőnek megérteni, mi a legfontosabb. Tegyél releváns kulcsszót a H1‑be, és logikusan építsd fel alá a tartalmat H2/H3 szinteken.
Felugró ablakok (pop‑up) használata
A tolakodó pop‑upok felhasználói élményben és indexelésben is kontraproduktívak. A böngészők gyakran blokkolják, a felhasználók bezárják, a keresők pedig jellemzően nem tekintik a fő tartalom részének. Ha használsz pop‑upot (pl. kilépési szándékra), legyen gyors, releváns, visszafogott, és ne rejtse el a lényeget.
Inkonzisztens elrendezés az oldalon
Minden oldalon legyen globális navigáció és lábléc. Ezzel nem csak a felhasználók nem „vesznek el”, de a keresők is jobb képet kapnak a belső linkstruktúráról. Az analytics legtöbb kilépéssel rendelkező „árva” oldalai gyakran a gyenge belső linkelés áldozatai.
Automatikus geo‑átirányítás
Többnyelvű oldalakon csábító az automatikus geo‑redirect, de linkérték veszteséget okozhat, különösen ha a legtöbb bejövő link a főoldalra mutat. Jobb megoldás a nyelvválasztó a főoldalon és/vagy hreflang használata, esetleg országonként külön domain és dedikált SEO.
Videók helytelen beágyazása
A videó remek engagement eszköz, de a egyedi, Java‑alapú lejátszók indexelhetősége gyenge. Használj jól olvasható beágyazást (pl. platform beágyazó kód), adj leírást, feliratot, környezeti szöveget, és strukturált adatot (VideoObject), hogy a kereső értse a tartalmat.
Elrontott 404‑es oldal
A egyedi 404 kötelező – de csak akkor ér valamit, ha visszavezető linkeket is tartalmaz: főmenü, lábléc, keresőmező, „Vissza a főoldalra” gomb. A törött belső linkek gyengítik a belső struktúrát; a hasznos 404 oldal csökkenti a kárt.
Lábléc linkek kihagyása
A lábléc a másodlagos, optimalizált navigáció helye: itt elférnek a fontos belső hivatkozások célzott horgonyszöveggel, és az „admin” oldalak (sitemap, ÁSZF, adatkezelés). Okosan használt lábléc erősíti a belső linkhálózatot.
Nem optimalizált tartalom
A duplikált tartalom SEO‑szempontból nagy „nem”. Minden fontos oldalra egyedi, keresési szándékhoz illeszkedő szöveget írj. Ne scrape‑elj más oldalakról. Strukturáld H‑címkékkel, használd a releváns kulcsszó‑variánsokat természetesen, és gondoskodj a belső linkelésről.
Mit tesz ehhez hozzá az Amalon Webdesign?
Az Amalon Webdesign a kreatív design mellett SEO‑biztos információ‑architektúrát, gyors, reszponzív frontendet, tiszta belső linkelést és mérhető konverziót épít. Újratervezéskor teljes site auditot végzünk (technikai SEO, tartalom, UX, teljesítmény), javítjuk a kritikus hibákat és bevezetjük a fenti bevált gyakorlatokat.
- Szolgáltatásaink – webdesign, SEO, technikai audit, tartalom
- Gyakori kérdések – weboldal és SEO alapok
- Foglalj időpontot ingyenes konzultációra!
