Weboldal újratervezés és SEO migráció

Meglévő weboldal újratervezése: mire számíts? – A weboldal frissítési folyamat lépésről lépésre

Ha már egy ideje működik a weboldalad és egyre inkább azt érzed, hogy nem azt hozza, amit kellene (kevés az érdeklődő, lassan tölt be, vagy egyszerűen már nem tükrözi a vállalkozásod jelenlegi szintjét), akkor valószínűleg elkezdett benned motoszkálni a gondolat: itt az ideje a weboldal újratervezésnek.

De mielőtt belevágnál, érdemes tudni: egy redesign nem csak vizuális frissítés. Ha nem csinálod jól, könnyen elveszítheted a Google-ben felépített helyezéseidet, a meglévő forgalmadat, sőt az analitikai adataidat is. A jó hír az, hogy ezek a kockázatok kezelhetők, ha van egy átgondolt folyamatod.

Ebben a cikkben végigmegyünk a teljes weboldal újratervezési folyamaton: az előkészítéstől a SEO-biztonságos migráción át az élesítés utáni monitoringig. Megmutatom, mire figyelj, milyen hibákat kerülj el, és hogyan csináld úgy, hogy az új oldalad valóban jobb legyen a réginél, keresőoptimalizálás szempontjából is.

Mikor van szükség weboldal újratervezésre?

Először is tisztázzuk: nem minden esetben kell teljes redesign. Néha elég egy részleges frissítés, egy-egy oldal átírása vagy technikai javítás. De vannak helyzetek, amikor az egész struktúrát újra kell gondolni.

Érdemes weboldal újratervezésen gondolkodni, ha:

• az oldalad mobilon rosszul jelenik meg vagy lassan tölt be
• a struktúra már nem tükrözi a jelenlegi szolgáltatásaidat
• az arculatod megváltozott és az oldal nem illeszkedik hozzá
• a konverziós arány tartósan alacsony, kevés az ajánlatkérés
• az oldal technikai alapja elavult, és nehéz rajta dolgozni
• domain- vagy CMS-váltást tervezel

Ha ezek közül több is igaz rád, akkor valószínűleg nem egy kisebb javításra, hanem valódi redesignra van szükséged. Ha még nem vagy biztos benne, érdemes először egy weboldal audittal megvizsgálni, hol állsz valójában.

Az előkészítés: amit le kell mérned, mielőtt bármit változtatsz

A redesign legnagyobb hibája az, amikor valaki egyszerűen nekiáll az új oldalnak anélkül, hogy dokumentálta volna a meglévő állapotot. Ha nem tudod, mit veszítesz el, nem tudod megvédeni sem.

Analitikai benchmark rögzítése

Mielőtt bármit megváltoztatnál, rögzítsd a jelenlegi számokat. Ezek lesznek a viszonyítási alapjaid az élesítés után.

Amit mindenképpen jegyezz fel GA4-ből és Google Search Console-ból:

• havi organikus látogatószám
• top 10-20 legtöbb forgalmat hozó oldal
• azok a kulcsszavak, amelyekre már jól rangsorolsz
• visszafordulási arány és átlagos oldalon töltött idő
• konverziók és célok (ajánlatkérések, kapcsolatfelvételek)
• legtöbb backlinkkel rendelkező URL-ek

Ha ezeket nem rögzíted előre, utólag nem tudod rekonstruálni.

URL- és tartalmi leltár készítése

A következő lépés egy teljes URL-leltár összeállítása. Ez azt jelenti, hogy listázod az összes jelenlegi URL-t, és minden egyes oldalhoz meghatározod, hogy az új struktúrában mi lesz a sorsa.

Három lehetőség van minden URL-re:

• Megmarad ugyanazon az URL-en – nincs tennivaló
• Új URL-re kerül – 301-es átirányítás szükséges a régi URL-ről
• Megszűnik – 301-es átirányítás a legjobban illeszkedő meglévő oldalra, vagy ha nincs ilyen, a főoldalra

Ezt az URL-térképet táblázatban érdemes vezetni: régi URL, új URL, átirányítás típusa, státusz. Ez lesz az egyik legfontosabb munkadokumentum az egész projekt során.

A 301-es átirányítások: a redesign SEO-gerince

Ha csak egy dolgot jegyzel meg ebből a cikkből, legyen ez: a 301-es átirányítások helyes beállítása az, ami megvédi a Google-helyezéseidet a redesign során.

Amikor egy URL megváltozik, a Google elveszíti a kapcsolatot a régi oldal és az új között, hacsak nem mondod meg neki explicit módon, hogy hova ment. A 301-es átirányítás pontosan ezt csinálja: jelzi a keresőnek, hogy az adott tartalom véglegesen egy új helyre költözött.

Mire figyelj az átirányításoknál?

Az átirányítások beállításánál néhány tipikus hiba szokott előfordulni:

• Átirányítási láncok: ha A oldal B-re mutat, B pedig C-re, az lassítja a crawlert és gyengíti a linkerőt. Mindig közvetlenül a végső célra irányíts át.
• Irreleváns céloldalak: ne irányíts minden megszűnt oldalt a főoldalra, ha van tematikailag közelebb álló céloldal.
• Hiányzó átirányítások: ha elfelejtesz egy fontos URL-t, az 404-es hibát dob és elveszíted az oda épített linkeket.
• HTTPS-problémák: ha HTTP-ről HTTPS-re is váltasz, az átirányítások helyes sorrendje kritikus.

WordPress esetén az átirányításokat általában egy bővítménnyel (pl. Redirection), a SEO bővítményben (RankMath vagy Yoast SEO) vagy közvetlenül a szerver .htaccess fájljában lehet kezelni. Utóbbi gyorsabb és megbízhatóbb, de technikai tudást igényel.

Staging környezet: tesztelj, mielőtt élesíted

Az új weboldalt soha ne közvetlenül az éles szerveren fejleszd. A staging (tesztelő) környezet egy olyan másolat, ahol minden változtatást biztonságosan kipróbálhatsz anélkül, hogy a látogatók vagy a Google látná.

Mit ellenőrizz staging-en az élesítés előtt?

Mielőtt az új oldalt élesíted, menj végig ezen a listán:

• Minden 301-es átirányítás működik-e és a helyes célra mutat?
• Nincs-e véletlenül noindex tag az egész oldalon? (Ez az egyik leggyakoribb és legveszélyesebb hiba.)
• Minden oldal H1-e helyes és egyedi?
• A meta title és meta description tagek átkerültek-e az új oldalra?
• A belső linkek frissültek-e az új URL-ekre?
• A képek betöltődnek-e, és van-e alt szövegük?
• A canonical tagek helyesek-e?
• Az összes mérőkód (GA4, Google Ads, Meta Pixel) be van-e állítva?
• A kapcsolatfelvételi formok és konverziós célok működnek-e?

Különösen figyelj a noindex beállításra: fejlesztés közben szükséges, hogy a staging oldal ne legyen indexelve, de élesítéskor ezt kötelező kikapcsolni. Sajnos ez az egyik leggyakoribb hiba, ami miatt egy redesign után hirtelen eltűnik az oldal a Google-ből.

Az élesítés napja: lépésről lépésre

Az élesítés nem egy gombnyomás. Egy jól szervezett folyamat, aminek megvan a saját sorrendje.

Az élesítés előtt közvetlenül

• Készíts teljes biztonsági mentést a régi oldalról (fájlok + adatbázis).
• Ellenőrizd, hogy a staging-en minden tesztelve van.
• Válassz alacsony forgalmú időpontot (pl. hétköznap éjjel).

Az élesítés során

• Kapcsold be az új oldalt, és azonnal ellenőrizd, hogy a noindex ki van-e kapcsolva.
• Frissítsd és küldd be az XML sitemapet a Google Search Console-ban.
• Ellenőrizd a robots.txt fájlt: ne tiltson semmit, amit nem kellene.
• Nézd meg a canonical tageket néhány kulcsfontosságú oldalon.
• Teszteld az összes mérőkódot (GA4 real-time nézet, Tag Assistant).
• Ellenőrizd a HTTPS-t és a www/non-www átirányítást.
• Tesztelj néhány kritikus 301-es átirányítást éles környezetben is.

Az élesítés után azonnal

• Kérd a Google-t a legfontosabb URL-ek újraindexelésére a Search Console URL Inspection eszközével.
• Nézd meg a GA4 real-time riportját – látszik-e forgalom?
• Ellenőrizd a 404-es hibákat a Search Console-ban (ezek az első napokban jelennek meg).

Élesítés utáni monitoring: az első 4-8 hét

Az élesítés nem a projekt vége. Az első hetekben aktívan figyelni kell, hogy minden rendben zajlik-e az indexeléssel és a forgalommal.

Mit figyelj az első hetekben?

A redesign utáni monitoring nem igényel napi órákat, de rendszeres, tudatos odafigyelést igen.

• Google Search Console: vannak-e új 404-es hibák vagy indexelési problémák?
• GSC – Teljesítmény riport: hogyan alakulnak a kattintások és megjelenések az előző időszakhoz képest?
• GA4 – Organikus forgalom: közel van-e az élesítés előtti szinthez?
• Core Web Vitals: az új oldal teljesít-e legalább annyira, mint a régi?
• Átirányítási láncok: nem keletkeztek-e véletlenül új láncok az élesítés után?

Egy kis forgalomingadozás az élesítés után teljesen normális. Ha azonban 2-3 hét után sem áll vissza a forgalom, érdemes mélyebben megvizsgálni a problémát.

A leggyakoribb redesign hibák, amiket el kell kerülni

Sok weboldal újratervezés azért okoz SEO-visszaesést, mert ezeket az alaphibákat nem veszik figyelembe.

• Noindex marad az éles oldalon – a fejlesztési fázisból ottmaradt beállítás, ami láthatatlanná teszi az egész oldalt.
• Hiányzó vagy hibás 301-es átirányítások – a leggyakoribb SEO-kockázat, különösen ha az URL-struktúra változik.
• Elveszett mérőkódok – GA4, Ads konverziók, Meta Pixel – ha ezek nem kerülnek át, vakon repülsz az élesítés után.
• Sitemap nem frissül – a régi sitemap-et nem cserélik le, így a Google a régi URL-eket próbálja crawlolni.
• Elveszett képek és alt szövegek – az új oldalon hiányoznak a képek, vagy az alt tagek üresen maradnak.
• Duplikált tartalom – a staging oldal véletlenül indexelhetővé válik, vagy a www és non-www verzió egyszerre elérhető canonical nélkül.
• UTM-paraméterek és kampányok nem frissülnek – a hirdetésekben lévő régi URL-ek 404-re mutatnak.

Redesign vs. teljes újraépítés: mi a különbség?

Sokan összekeverik a redesignt a teljes újraépítéssel. Pedig a kettő lényegesen különböző munka és kockázat.

A redesign azt jelenti, hogy a meglévő tartalmat, struktúrát és URL-eket alapvetően megtartod, de megújítod a vizuális megjelenést, a felhasználói élményt és esetleg néhány oldalt átstrukturálsz.

A teljes újraépítés (más szóval migráció) azt jelenti, hogy az egész oldal felépítése megváltozik – új URL-struktúra, új CMS, esetleg új domain. Ez nagyobb kockázattal jár, de ha jól van előkészítve, hosszú távon sokkal jobb eredményt hoz.

A SEO-migráció szempontjából a legkockázatosabb esetek: domainváltás, CMS-csere (pl. Wix-ről WordPressre), HTTP-ről HTTPS-re való átállás, és az információarchitektúra teljes újraépítése. Ezek mindegyike külön előkészítést igényel.

Ha bizonytalan vagy abban, hogy a te esetedben redesignra vagy teljes újraépítésre van szükség, egy weboldal audit segíthet tisztán látni.

A Pixdream-módszertan: SEO-first redesign folyamat

Amikor weboldal újratervezésen dolgozom, mindig ugyanazt a sorrendet követem. Nem azért, mert ez egy sablon, hanem mert ez az a sorrend, ami megvédi a meglévő eredményeket és biztosítja, hogy az új oldal valóban jobb legyen.

A folyamat fő fázisai:

• 1. Audit és benchmark: GA4, GSC, top oldalak, kulcsszavak, backlinkek rögzítése
• 2. URL- és tartalmi leltár: minden URL sorsa meghatározva
• 3. Információarchitektúra és wireframe: az új struktúra megtervezése konverzió és SEO szempontból
• 4. 301-es átirányítási térkép: minden régi URL-hez meghatározott céloldal
• 5. Staging fejlesztés és QA: teljes ellenőrzés élesítés előtt
• 6. Élesítés és azonnali ellenőrzések: sitemap, robots.txt, noindex, mérőkódok
• 7. 30-60 napos monitoring: GSC, GA4, 404-ek, Core Web Vitals

Ez a folyamat nem gyors, de megéri. Egy rosszul végrehajtott redesign hónapokra visszavetheti az organikus forgalmadat, míg egy jól előkészített átállás után az új oldal általában jobban teljesít a réginél.

Mennyi ideig tart egy weboldal újratervezés?

Ez az egyik leggyakoribb kérdés, és az őszinte válasz: projektfüggő. De adok egy reális keretet.

Egy tipikus KKV weboldal újratervezés, ahol az URL-struktúra is változik és SEO-migrációra is szükség van, általában 4-6 hétig tart a projekt indulásától az élesítésig. Ehhez jön még a 4-8 hetes post-launch monitoring időszak.

Az időigényt befolyásoló fő tényezők:

• az oldal mérete (oldalak száma, tartalom mennyisége)
• az URL-struktúra változásának mértéke
• CMS- vagy domainváltás szükségessége
• a tartalom frissítésének terjedelme
• az ügyfél oldaláról érkező visszajelzések és döntések sebessége

Ha valaki azt mondja, hogy egy héten belül kész az új oldal és minden rendben lesz SEO szempontból is, ott valószínűleg valami kimarad a folyamatból.

Gyakran ismételt kérdések

A jó redesign befektetés, nem kockázat

A weboldal újratervezés nem kell, hogy félelmet keltsen. Ha van egy átgondolt folyamatod, dokumentálod az előző állapotot, és nem spórolod meg a 301-es átirányításokat és a staging tesztelést, akkor az új oldalad nemcsak szebb lesz, hanem jobban is teljesít majd.

A legfontosabb üzenet: a redesign nem a dizájnnal kezdődik. Az adatokkal, az URL-leltárral és a stratégiai tervezéssel kezdődik. Ha ezt a sorrendet betartod, az esélyed arra, hogy a Google-helyezéseid megmaradjanak és javuljanak, sokkal nagyobb.

Ha szeretnéd, hogy valaki végigkísérjen ezen a folyamaton – az audittól az élesítésig – keress bizalommal.