Weboldal újratervezés SEO: így indítsd újra az oldalt a forgalom elvesztése nélkül

A weboldal-újratervezési SEO annak a munkának a neve, amely során a sablonok, a dizájn, a navigáció, a tartalom vagy a CMS változása közben óvd a helyezéseidet. Ez az útmutató azokra az újratervezésekre vonatkozik, amelyek megtartják ugyanazt a domaint. Ha a domain vagy a legtöbb URL változik, az projekt költözés: kövesd a SEO-költözési ellenőrzőlistánkat és a Google útmutatóját az URL-változásokkal járó webhelyköltözésekről, amely figyelmeztet, hogy a weboldal tulajdonosainak átmeneti helyezés-ingadozásra kell számítaniuk.

Befolyásolja a weboldal újratervezése a SEO-t?

Igen, mindig. A Google és a weboldalakat olvasó AI-asszisztensek a HTML-ben talált dolgok alapján ítélik meg az oldalakat: szöveg, címek, főcímek, linkek, strukturált adatok, sebesség. Az újratervezés ezek némelyikét vagy mindegyikét megváltoztatja, ezért a keresőmotorok újraértékelik az oldalakat. A hatás lehet pozitív (gyorsabb oldalak, világosabb szerkezet, jobb tartalom) vagy negatív (vékonyabb oldalak, elveszett linkek). Azt dönti el a kimenetelt, hogy az új sablonok mennyi helyezési jelet őriznek meg.

Miért veszít forgalmat a weboldal újratervezés után?

Az okok projektről projektre ismétlődnek. Mindegyikre van egyszerű ellenőrzés:

Ezek közül kettő különös figyelmet érdemel. Először a JavaScript: a Google headless Chromiummal rendereli az oldalakat, de a JavaScript SEO dokumentációja kimondja, hogy csak a href attribútummal rendelkező, szabványos horgony-elemeket találja meg linkként. A gombokkal vagy kattintáskezelőkkel épített menük egész szakaszokat rejtenek el. A JavaScript SEO útmutatónk részletezi a renderelési lehetőségeket. Másodszor a sebesség: a Google Core Web Vitals útmutatója a „jó” küszöböket 2,5 másodperc vagy kevesebb LCP-nél, 200 milliszekundum vagy kevesebb INP-nél és 0,1 vagy kevesebb CLS-nél húzza meg, a látogatások 75. percentilisében mérve. A nagy méretű főoldali videók és a csúszkák a szokásos okai annak, hogy egy új sablon elbukik ezeken.

Az újratervezés előtt: mit kell előkészíteni?

1. Térképezd fel a jelenlegi oldalt, és mentsd el

Futtass teljes feltérképezést az élő oldalon, és exportáld minden indexelhető URL-t a címével, a meta-leírásával, a H1-gyel, a szószámmal, a kanonikus címkével, az állapotkóddal és a kapott belső linkek számával. Ez a feltérképezés lesz az alapállapot: indulás után soronként fogod összevetni vele az új oldalt. A strukturált adatokat és a robots.txt fájlt is mentsd el.

2. Sorold fel az értéket hozó oldalakat

Exportáld a 12–16 hónap Search Console-adatait (kattintások és megjelenések oldalanként és lekérdezésenként), a visszamutató linkeket kapó oldalakat és a konverziót hozó oldalakat. Ezek az oldalak érinthetetlenek: tartsd meg az URL-jüket, a főszövegüket és a címüket, vagy szándékosan javítsd őket. A tartalomauditálás segít eldönteni, mit tartsunk meg, vonjunk össze vagy távolítsunk el, és minden eltávolításhoz célzott URL-t rendel.

3. Tartsd meg az URL-eket, vagy térképezz fel minden átirányítást

A legbiztonságosabb újratervezés minden URL-t megtart. Ha egy URL-nek változnia kell, egyértelműen rendeld hozzá a legközelebbi új oldalhoz egy 301-es átirányítással, láncok nélkül, és nem mindent a főoldalra küldve. Az SEO-átirányításokról szóló útmutatónk tartalmazza a szabályokat. A Google azt ajánlja, hogy az átirányításokat legalább egy évig tartsd meg.

4. Írj SEO-briefet a tervezőknek és a fejlesztőknek

A tervezők döntik el, hová kerül a szöveg; a fejlesztők döntik el, hogyan jelenik meg. Adj nekik írásos követelményeket: egy H1 sablononként, a HTML-ben kiszolgált szöveg, feltérképezhető menük, morzsamenü, az oldalszerkezet minden szekció mélységével, a megtartandó séma és a teljesítménykeret. Az olvashatóság és a navigáció is számít: lásd az UX és SEO útmutatónkat.

5. Válaszd ki az indulás időpontját és a visszaállítási tervet

Kerüld a csúcsszezont, az ünnepek előtti napokat és a pénteket: az indulást követő első napokban derülnek ki a hibák, és valakinek rendelkezésre kell állnia a javításukhoz. Írd le, ki mit ellenőriz az indulás napján, és előre döntsd el, melyik jel indítja a visszaállítást (például kulcsoldalak hibát adnak vissza, vagy eltűnnek az indexből). Tartsd elérhetően a régi oldalt egy biztonsági szerveren néhány hétig, hogy ha egy oldal elveszíti helyezéseit, egy sablon vagy szövegblokk gyorsan visszaállítható legyen.

A fejlesztés alatt: hogyan tesztelj stagingen?

Tedd az új oldalt jelszóval védett stagingszerverre (vagy legalább noindex szabállyal), hogy a Google ne indexeljen az oldaladról másolatot. Ezután indulás előtt teszteld:

1. Térképezd fel a stagingot, és vesd össze az alapállapottal: hiányzó oldalak, megváltozott címek, rövidebb tartalom, kevesebb belső link.
2. Teszteld minden átirányítást a régi URL-listából. Egy tömeges átirányításellenőrző megmutatja a láncokat, a hurkokat és a 404-eseket.
3. Hasonlítsd össze a nyers HTML-t és a renderelt HTML-t minden sablonon: a főszövegnek és a linkeknek a forráskódban kell lenniük.
4. Mérd a sebességet mobilon az öt-hat fő sablonon.
5. Nézd át az oldalon belüli elemeket sablononként: egy oldalon belüli SEO-audit vagy az ingyenes Sorank Chrome-bővítmény másodpercek alatt jelzi a hiányzó címeket, a duplikált H1-eket és a képek alt szövegeit.

Indulás után: mit és mikor ellenőrizz?

Egy hibás link ellenőrző megtalálja azokat a linkeket, amelyek a menükben, láblécekben és cikkekben még régi URL-ekre mutatnak. Ezeket a linkeket a forrásnál javítsd, ne az átirányításokra hagyatkozz, és állítsd vissza azokat a belső linkeket, amelyek az oldalsávok vagy a kapcsolódó bejegyzések blokkjainak eltávolításával vesztek el. Az első hetekben normális némi ingadozás. Ha egy oldalcsoport esése egy hónap után is folytatódik, az konkrét okra utal: hasonlítsd össze ezeket az oldalakat az alapállapotbeli változatukkal.

Hogyan hat az újratervezés a láthatóságodra az AI-válaszokban?

A ChatGPT, a Claude, a Perplexity és a Gemini olyan oldalakat idéz, amelyek tartalmát el tudja olvasni és ki tudja emelni. Az újratervezés olyan módokon csökkentheti ezt a hozzáférést, amelyeket a Google elnézne. A Vercel elemzése az AI-crawlerek forgalmáról (2024 decembere) megállapította, hogy a főbb AI-crawlerek, köztük a GPTBot és a ClaudeBot sem renderelnek JavaScriptet. Az az oldal, amely a szövegét csak JavaScript futtatása után mutatja, a legtöbb AI-crawler számára láthatatlan.

• A főtartalmat a HTML-ben szolgáltasd (szerveroldali renderelés vagy statikus generálás).
• Tarts meg önálló szövegrészeket: egy főcím, amelyet közvetlen válasz követ, a definíciók, a listák és a táblázatok azok, amelyeket az AI-asszisztensek idéznek.
• Ellenőrizd a robots.txt-t: egy új CMS vagy tűzfal anélkül tilthatja le a GPTBot, a ClaudeBot vagy a PerplexityBot, hogy bárki észrevenné.
• Mérd az idézéseket előtte és utána: rögzítsd, mely promptok idézik a márkádat indulás előtt, és hasonlítsd össze később. A Sorank AI-említések követése ugyanezeket a promptokat követi nyomon a ChatGPT-n, a Claude-on és a Gemini-n az idő múlásával, így látszik, változtatott-e az újraindítás a jelenlétedet.

Kombináld az újratervezést más változtatásokkal?

Minden további változtatás nehezebbé teszi a forgalomesés okának megállapítását. Ha domainváltást, új URL-struktúrát vagy nagy tartalomátírást is tervezel, bontsd szét őket: indítsd az újratervezést azonos URL-ekkel és tartalommal, várd meg, amíg a forgalom stabil, és csak utána jöjjön a következő változtatás. Ha a naptár mindent egyszerre kényszerít ki, fektess több időt az alapállapotú feltérképezésbe és az átirányítási térképbe, mert ezek az egyetlen módok annak megtalálására, mi romlott el.

Az újratervezés megőrzi a helyezéseit, ha az új oldal ugyanazt a tartalmat, linkeket és jeleket hordozza, mint a régi, gyorsabb és világosabb formában. Feltérképezz indulás előtt, tesztelj stagingen, és hasonlíts össze utána. Miután az új oldal stabil, folytasd olyan oldalak publikálásával, amelyek válaszolnak az ügyfeleid kérdéseire: a Sorank autopilot módban ír és publikál SEO- és GEO-cikkeket az újratervezett oldalon.