Weboldal újratervezési ellenőrzőlista – A teljes útmutató

Egy weboldal újratervezése az egyik legjelentősebb befektetés, amit egy vállalkozás tehet – és az egyik legkockázatosabb is, ha rosszul kezelik. Jól csinálva az újratervezés javítja a konverziókat, erősíti a márkát és növeli a keresési rangsorolást. Rosszul csinálva egy éjszaka alatt tönkreteheti az évek SEO-munkáját, megszakíthatja az ügyfelek által használt funkciókat, és sokkal többe kerülhet, mint amennyit beütemezett.

Ez az ellenőrzőlista egy weboldal újratervezésének minden fázisát lefedi, a kezdeti tervezéstől a bevezetés utáni felügyeletig. Használja útitervként, akár maga kezeli a projektet, akár szabadúszó tervezővel vagy fejlesztővel dolgozik.

1. fázis — Újratervezés előtti tervezés

Mielőtt bárki megnyitna egy tervezőeszközt vagy kódot írna, válaszokra van szüksége ezekre az alapvető kérdésekre. Ennek a fázisnak a kihagyása az első számú oka annak, hogy az újratervezések túllépik a költségvetést és alulteljesítenek.

Határozza meg céljait

Miért tervezi újra? Specifikus, mérhető célok nélkül nem tudja értékelni, hogy az újratervezés sikeres volt-e. Gyakori célok:

• Konverziós arány növelése X%-ról Y%-ra
• Csökkentse a visszafordulási arányt a kulcsfontosságú céloldalakon
• Javítsa a mobilélményt és a Core Web Vitals pontszámokat
• Frissítse a márkaidentitást az üzleti fejlődéshez igazodva
• Funkciók hozzáadása, amelyeket a jelenlegi oldal nem támogat
• Webhely sebességének és teljesítményének javítása
• Könnyítse meg a tartalomkezelést csapatának

Írja le ezeket a célokat. Minden tervezési és fejlesztési döntést ezek alapján kell értékelni.

Ellenőrizze jelenlegi webhelyét

Mielőtt bármit is megváltoztatna, dokumentálja, amije van. Meg kell értenie, mi működik jól (hogy véletlenül ne rontsa el), és mi hibás (hogy prioritást adjon a javításnak).

• Analitikai áttekintés — Mely oldalak kapják a legtöbb forgalmat? Melyeknek a legmagasabb a konverziós aránya? Melyeknek a legmagasabb a visszafordulási aránya? Exportálja ezeket az adatokat
• Tartalomleltár — Sorolja fel a jelenlegi webhelyén található összes oldalt. Jegyezze fel, mely oldalakat kell megtartani, frissíteni, egyesíteni vagy törölni. Ez megakadályozza a tartalom elvesztését az áttelepítés során
• SEO alapvonal — Dokumentálja jelenlegi kulcsszó-rangsorolásait, organikus forgalmát, backlink profilját és indexelt oldalait. Ezeket a bevezetés után hasonlítja össze a hatás méréséhez
• Technikai audit – Ellenőrizze a webhely sebességét, a mobil reszponzivitást, a hibás linkeket, a feltérképezési hibákat és a Core Web Vitals-t. Ezek a referenciapontok
• Felhasználói visszajelzések — Mire panaszkodnak valójában az ügyfelek? Milyen kérdésekre válaszol ismételten az ügyfélszolgálati csapat? A valódi felhasználói visszajelzések értékesebbek, mint a tervezési vélemények

Állítsa be költségvetését és idővonalát

A weboldal-áttervezések szinte mindig többe kerülnek és tovább tartanak a vártnál. Építsen be tartalékot – jellemzően 20-30%-os puffert mind a költségvetésben, mind az idővonalban. Főbb költségvetési szempontok:

• Tervezés (UX kutatás, drótvázak, vizuális tervezés, prototípus készítés)
• Fejlesztés (front-end, back-end, integrációk, migráció)
• Tartalom (átírás, új szöveg, fotózás, videó)
• SEO (átirányítási térképezés, metaadatok, séma, technikai SEO)
• Tesztelés (QA, böngészőközi, eszköztesztelés, felhasználói tesztelés)
• Indítás utáni támogatás (hibajavítások, optimalizálás, felügyelet)

Ha szabadúszókat bérel ezen fázisok bármelyikére, böngéssze a szolgáltatási kategóriákat a Zinn Hubon, hogy összehasonlítsa az árakat és megtalálja a szakembereket az egyes fázisokhoz.

Fázis 2 — SEO megőrzés (kritikus)

Itt mennek félre katasztrofálisan a legtöbb újratervezés. Ha jelenlegi webhelye organikus keresési forgalommal rendelkezik, akkor a rangsorolás védelme az újratervezés során nem alku tárgya. A rangsorolás elvesztése bevételkiesést jelent, és a helyreállítás hónapokig tarthat.

URL-leképezés és átirányítások

Készítsen teljes leképezést minden régi URL-ről az új megfelelőjére. Minden URL-t változtató oldalhoz 301 átirányításra van szükség. Ez fárasztó, de elengedhetetlen.

• Exportálja az összes aktuális URL-t a webhelytérképéből és a Google Search Console-ból
• Térképezze fel az összes régi URL-t az új URL-jére egy táblázatban
• Implementálja a 301 átirányításokat minden URL-változáshoz az indítás előtt
• Minden átirányítás tesztelése a megvalósítás után
• Törölt oldalak kezelése átirányításokkal a legrelevánsabb megmaradt oldalra

On-Page SEO elemek megőrzése

• Meglévő meta címek és leírások migrálása (vagy javítása)
• Fenntartja a címsor szerkezetét (H1, H2, H3 hierarchia)
• Belső linkelési struktúra megőrzése vagy javítása
• Kép alt szöveg megőrzése
• Strukturált adatok (sémajelölés) karbantartása vagy frissítése
• Tartsa tisztán és logikusan az URL-struktúrákat

Technikai SEO fenntartása

• XML sitemap frissítése az összes új URL-lel
• robots.txt frissítése
• Győződjön meg arról, hogy a kanonikus címkék helyesek minden oldalon
• Ellenőrizze a hreflang címkéket, ha többnyelvű tartalma van
• Ellenőrizze, hogy az új webhely véletlenül sem blokkolja-e a keresőrobotokat
• Azonnal küldje be a frissített webhelytérképet a Google Search Console-ba az indítás után

Fázis 3 — Tervezés

UX kutatás és drótvázak

Kezdje a struktúrával, ne az esztétikával. A drótvázak határozzák meg az elrendezést, a hierarchiát és a felhasználói folyamatot, mielőtt bármilyen vizuális tervezés megtörténne. Itt oldja meg a használhatósági problémákat – a UX problémák vizuális tervezés közbeni javítása drága és frusztráló.

• Térképezze fel a felhasználói utakat az elsődleges konverziós céljaihoz
• Készítsen drótvázakat a kulcsfontosságú oldalsablonokhoz (kezdőlap, szolgáltatási oldalak, termékoldalak, blog, kapcsolat)
• Tesztelje a drótvázakat valós felhasználókkal, ha lehetséges (még az informális tesztelés is 5 emberrel jelentős problémákat tár fel)
• Szerezze be az érdekelt felek jóváhagyását a drótvázakhoz, mielőtt továbblépne a vizuális tervezésre

Vizuális tervezés

• Kulcssablonok tervezése a jóváhagyott drótvázak alapján
• Tervezési rendszer meghatározása (színek, tipográfia, térköz, komponensek) a konzisztencia érdekében
• Tervezés először mobilra, majd skálázás asztali gépre
• Vegye figyelembe az akadálymentességet (kontrasztarányok, betűméretek, interaktív elemek méretei)
• Készítsen stílus útmutatót, amelyet a fejlesztők referenciaként használhatnak az építés során

Fázis 4 — Tartalom

A tartalom gyakran szűk keresztmetszet az újratervezési projektekben, mert a végére hagyják. Kezdje el a tartalommal kapcsolatos munkát a tervezéssel párhuzamosan.

• Írja át az alulteljesítő oldalakat – A nagy forgalmú, de alacsony konverziójú oldalaknak jobb szövegre van szükségük, nem csak jobb designra
• Hiányzó tartalom létrehozása — Azonosítsa a hiányosságokat a tartalom auditjából. Hiányoznak szolgáltatási oldalak? GYIK tartalom, amely segítené a konverziókat?
• Kulcsszavakra optimalizálás — Frissítse a tartalmat, hogy a jelenlegi keresési kifejezéseket célozza meg, ne az évekkel ezelőtti kulcsszavakat
• Képek és média előkészítése – Az új design új képméreteket, formátumokat és potenciálisan új fényképeket vagy videókat jelent
• Mikroszövegek írása – Gombfeliratok, űrlapmezők, hibaüzenetek, sikerüzenetek, eszköztippek. Ezek az apró részletek jelentősen befolyásolják a használhatóságot

5. fázis – Fejlesztés és építés

Fejlesztési ellenőrzőlista

• Fejlesztés egy staging környezetben (soha ne fejlesszen az éles oldalon)
• Reszponzív design implementálása minden törésponton
• Optimalizálás a teljesítményre a kezdetektől (képtömörítés, lusta betöltés, minimális JavaScript, hatékony CSS)
• Implementálja az összes 301 átirányítást
• Analitikai követés beállítása (Google Analytics 4, konverziókövetés, eseménykövetés)
• Űrlapok konfigurálása és integrálása a CRM/e-mail platformmal
• Sémajelölés implementálása (szervezet, helyi vállalkozás, GYIK, termék stb.)
• SSL tanúsítvány beállítása és minden oldal HTTPS-en keresztüli betöltésének biztosítása
• XML sitemap generálása és beküldése
• robots.txt konfigurálása

Integrációs ellenőrzések

• A fizetési átjárók megfelelően működnek
• E-mail űrlapok küldése a megfelelő címekre
• CRM integráció a leadek megfelelő rögzítéséhez
• Harmadik féltől származó eszközök (chat, analitika, hirdetési pixelek) mind telepítve vannak
• A közösségi média megosztási előnézetek helyes megjelenítése (Open Graph címkék)

Fázis 6 — Tesztelés

Soha ne indítson alapos tesztelés nélkül. Ez a fázis olyan problémákat tár fel, amelyek olcsón javíthatók az indítás előtt, és drágán az indítás után.

• Böngészőközi tesztelés – minimum Chrome, Firefox, Safari, Edge
• Eszköztesztelés — Asztali számítógép, táblagép, mobil (valódi eszközökön tesztelve, nem csak böngészőemulátorokon)
• Funkcionalitás tesztelése — Minden űrlap, gomb, link, menüpont, keresési funkció és interaktív elem
• Tartalomellenőrzés — Ellenőrizze minden oldalon a gépelési hibákat, helyőrző szövegeket, hiányzó képeket és hibás formázást
• Teljesítménytesztelés – Futtassa a Google PageSpeed Insights és a Core Web Vitals ellenőrzéseket. Javítsa ki a kritikus problémákat az indítás előtt
• SEO tesztelés — Ellenőrizze, hogy minden átirányítás működik-e, ellenőrizze a metaadatokat minden kulcsfontosságú oldalon, érvényesítse a strukturált adatokat, mászza át a staging oldalt a Screaming Frog segítségével
• Akadálymentességi tesztelés – Ellenőrizze a billentyűzetes navigációt, a képernyőolvasó kompatibilitást és a színkontrasztot
• Terheléses tesztelés – Ha nagy forgalomra számít, tesztelje, hogy a szerver kezeli-e azt

Fázis 7 — Indítás

Indítási nap ellenőrzőlista

• Telepítés éles környezetbe alacsony forgalmú időszakban
• Ellenőrizze, hogy minden átirányítás működik-e (legalább 20 szúrópróbaszerű ellenőrzés)
• Frissített webhelytérkép beküldése a Google Search Console-ba
• Tesztelje az összes űrlapot és konverziós útvonalat az élő webhelyen
• Ellenőrizze, hogy az analitikai követés minden oldalon működik-e
• Ellenőrizze, hogy nem kerültek-e élesbe átmeneti URL-ek vagy helykitöltő tartalmak
• Figyelje a szerver teljesítményét az első néhány órában
• Tartsa készenlétben fejlesztőjét vészhelyzeti javításokhoz

8 fázis – Indítás utáni felügyelet

A munka nem áll meg az indításnál. Az újratervezés utáni első 30 nap kritikus fontosságú a problémák felderítéséhez és annak ellenőrzéséhez, hogy céljai teljesülnek-e.

1 hét

• Naponta ellenőrizze a Google Search Console-t a feltérképezési hibák, 404-es hibák és indexelési problémák szempontjából
• Ellenőrizze az analitikát a kulcsfontosságú oldalakon bekövetkező váratlan forgalomcsökkenések miatt
• Azonnal javítsa ki a hibás linkeket vagy átirányítási problémákat
• Felhasználói visszajelzések gyűjtése (hibák, zavar, panaszok)

2-4. hét

• Hasonlítsa össze az organikus forgalmat és a rangsorolást az indulás előtti alapértékkel
• Konverziós arányok figyelése a kulcsfontosságú oldalakon
• Futtasson Core Web Vitals ellenőrzéseket az élő webhelyen
• A felhasználók által jelentett fennmaradó hibák vagy UX problémák kezelése

2-3. hónap

• Átfogó SEO összehasonlítás – rangsorolás, organikus forgalom, indexelt oldalak
• Konverziós arány elemzés az összes kulcsfontosságú tölcsérben
• A/B tesztelje azokat az oldalakat, amelyek nem érik el a konverziós célokat
• Tervezzen iteratív fejlesztéseket valós felhasználói adatok alapján

A megfelelő segítség megtalálása az újratervezéshez

Hacsak nincs házon belüli csapata, amely a tervezést, fejlesztést, tartalmat és SEO-t lefedi, külső segítségre lesz szüksége. A leggyakoribb megközelítés az, hogy minden fázishoz szakembereket alkalmaznak, nem pedig egy általános szakembert mindenre.

Böngésszen a Zinn Hub szolgáltatásai között, hogy ellenőrzött webdesignereket, fejlesztőket, tartalomírókat és SEO szakembereket találjon. Minden eladónak valós vásárlói véleményei és átlátható árai vannak, és a fizetése védett, amíg a munka el nem készül. Akár teljes újratervezésre van szüksége egy szolgáltatótól, akár egyedi szakemberekre az egyes fázisokhoz, megtalálja a megfelelő partnert.

Azt tervezi, hogy webdesign vagy -fejlesztési szolgáltatásokat értékesít? A Zinn Hub piactere az a hely, ahol a vállalkozások ellenőrzött szakembereket találnak pontosan ilyen típusú projektekhez.