Weboldal-felújítás: 7 jel, hogy ideje, és hogyan kezdj hozzá

Ha a weboldalad elkészültének évét a számlából kell kikeresned, érdemes tovább olvasnod.

Nem azért, mert egy régi oldal automatikusan rossz. Sok jó honlap öt-hat éves, és még mindig dolgozik. Hanem mert a weboldalak ritkán romlanak el egyik napról a másikra. Lassan kopnak: egy elavult telefonszám, egy nem működő űrlap, egy telefonon szétcsúszó menü. Te már hozzászoktál, a látogató viszont első látásra ítél.

Ebben a cikkben hét jelet mutatok, amelyek alapján eldöntheted, hogy eljött-e a weboldal-felújítás ideje. Aztán végigmegyek azon, hogyan kezdj hozzá úgy, hogy közben ne veszítsd el azt, ami működik, különösen a Google-helyezéseidet. A felújítás ugyanis nem mindig új dizájnt jelent: néha elég egy weboldal frissítés, néha viszont tényleg teljes redesign kell.

Röviden: mikor időszerű a weboldal-felújítás?

A weboldal-felújítás akkor időszerű, ha a honlap már nem végzi el a feladatát: lassan tölt, telefonról nehezen használható, elavult információt mutat, nem hoz ajánlatkérést, vagy biztonsági és kezelési gondjai vannak. A döntés lényege, hogy a problémát az oldal tartalma, szerkezete, technikai alapja vagy az arculata okozza-e.

↔ Mobilon húzd oldalra a táblázatot a további adatokért.

Weboldal frissítés, felújítás vagy redesign? A fogalmak tisztázása

Ezeket a szavakat a piacon sokféleképpen használják, ezért leírom, hogyan értem őket ebben a cikkben.

↔ Mobilon húzd oldalra a táblázatot a további adatokért.

A valóságban ezek keverednek: egy felújítás gyakran tartalmaz átalakítást, egy redesign pedig frissítést is. Az újraépítés (új rendszer, új alap) külön eset, erről a cikk végén, a döntési segédben írok.

7 jel, hogy ideje a weboldal-felújítás

1. A weboldalad lassú

A lassú oldal nem csak a Google-nek jelent problémát, hanem a türelmetlen látogatónak is. A Google a Core Web Vitals három mérőszámát ajánlja: a legnagyobb tartalmi elem betöltődése (LCP) a lap indulása utáni első 2,5 másodpercen belül legyen, a reagálási idő (INP) 200 ezredmásodperc alatt, a vizuális stabilitás (CLS) pedig 0,1 alatt. A web.dev útmutatója szerint ezeket a küszöbértékeket a valós látogatói adatok 75. percentilisén érdemes mérni: az oldalbetöltések legalább háromnegyedénél kell teljesülniük. A Google szerint a jó értékek összhangban vannak azzal, amit a fő rangsorolási rendszerei jutalmazni szeretnének.

Ugyanakkor érdemes józanul kezelni. A Google oldalélményről szóló útmutatója leszögezi, hogy nincs egyetlen „page experience” rangsorolási jel, a jó pontszám nem garantál első helyet, és a tökéletes érték hajszolása pusztán SEO-célból nem biztos, hogy a legjobb időfelhasználás. A cél az, hogy az oldal valóban gyors és kényelmes legyen.

Mit nézz meg? A PageSpeed Insights jó kiindulópont, de egyetlen laboratóriumi mérés nem mutatja meg, mit tapasztalnak a valódi látogatóid. A Search Console Core Web Vitals jelentése valós látogatói adatokra épül. Egy rossz egyszeri teszt önmagában még nem indokolja a teljes felújítást. A leggyakoribb okok: túl nagy képek, gyenge tárhely, sok felesleges bővítmény, nehézkes oldalépítő. Ezek többsége felújítással javítható, nem kell hozzá teljesen új weboldal.

2. Telefonon nehezen használható

Nyisd meg a saját oldaladat a telefonodon, és próbálj meg ajánlatot kérni. Olvasható a szöveg nagyítás nélkül? Elérhető a menü? Kényelmesen megnyomhatók a gombok? Működik az űrlap? A telefonszám rákattintva hív?

A Google mobile-first indexelése azt jelenti, hogy a Google elsősorban a mobilos tartalmat használja az indexeléshez és a rangsoroláshoz. Ezért ellenőrizd, hogy a fontos szövegek, képek, videók, linkek és űrlapok mobilon is elérhetők-e. A mobilbarát megjelenés önmagában nem SEO-csodaszer, de a rossz mobilélmény közvetlenül ronthatja a használhatóságot, és ezzel az ajánlatkéréseidet is.

Mit nézz meg? A saját Analytics adataidban nézd meg, a látogatóid mekkora része érkezik telefonról. Ne általános számokra hagyatkozz, hanem a saját közönségedére.

Az alapvető akadálymentesség is ide tartozik. Nem kell szakértői anyagot írni, néhány szempont sokat javít:

• elég kontrasztos szöveg és gombok;
• a hibaüzenetek ne csak színnel jelezzék a hibát;
• a videó legyen feliratozott, vagy szövegesen is érthető;
• értelmes link- és gombszövegek („Ajánlatot kérek”, nem „Kattints ide”);
• mobilon és billentyűzettel is használható űrlapok.

Ez nemcsak etikai kérdés, hanem üzleti is: aki nehezen használja az oldalt, könnyebben elmegy a versenytársadhoz.

3. Elavult adatok és tartalom

Ez a leggyakoribb és a legkevésbé látványos jel. Ide tartozik a régi telefonszám, a megszűnt szolgáltatás, a tavalyi akció, a nyitvatartás, ami már nem igaz, a „2021” a lábléc szerzői jogi sorában, és a törött linkek.

Egy gyors, tízperces ellenőrzés:

• stimmel a telefonszám, az e-mail-cím és a cím?
• szerepel-e minden szolgáltatás, amit ma kínálsz, és eltűnt-e az, amit már nem?
• a nyitvatartás és az árak egyeznek a valósággal?
• vannak-e régi fotók, megszűnt kollégák, elavult akciók?
• egyezik-e a weboldal a Google Cégprofillal? A kettő ellentmondása a vásárlót is, a Google-t is megzavarja. Erről a helyi keresőoptimalizálásról szóló cikkben írtam.

Ha csak ez a probléma, nem kell azonnal felújításra gondolnod: sokszor elég a weboldal frissítés. Az információ pontossága ugyanakkor bizalmi kérdés: ha az árlista régi, a látogató azt gondolja, hogy a vállalkozás is az.

4. Nem hoz ajánlatkérést

Lehet, hogy a weboldalad szép, és sokan látogatják, mégsem csörög a telefon. Ilyenkor nem feltétlenül a látogatók számával van gond. Lehet, hogy nem a megfelelő érdeklődők érkeznek, vagy a weboldal nem vezeti őket egyértelműen a kapcsolatfelvétel felé: nem értik pár másodperc alatt, mit csinálsz, nem találják a következő lépést, vagy nem bíznak meg benned eléggé ahhoz, hogy írjanak.

Nézd meg:

• Az első képernyőn egyértelmű, mit kínálsz, kinek, és hol?
• Látható a következő lépés, például egy ajánlatkérő gomb vagy egy kattintható telefonszám?
• Az űrlap rövid, vagy öt kötelező mezőt kell kitölteni?
• Vannak bizalmi elemek, például referenciák, vélemények, bemutatkozás?
• Méred az eredményt: látod, hányan töltötték ki az űrlapot, és hányan nyomták meg a hívásgombot?

Az utolsó pont fontos: mérés nélkül nem tudod, hogy az oldal nem hoz-e eredményt, vagy csak nem látod. Egy minimális mérési csomag:

↔ Mobilon húzd oldalra a táblázatot a további adatokért.

A weboldal akkor bizonyítottan működik, ha nemcsak több látogatót hoz, hanem több releváns megkeresést, ajánlatkérést vagy foglalást is.

Az egyik, az oldalamon is bemutatott projektnél egy orvosi rendelő elavult, lassú weboldalát építettem újra modern, gyors, keresőoptimalizált WordPress oldalra. Az ügyfél visszajelzése alapján érzékelhetően nőtt a kapcsolatfelvételek száma. Mért előtte–utána adatot itt nem közlök, ezért ezt tapasztalatnak tekintsd, nem eredménygaranciának: a javulás mértéke a kiinduló állapottól, az iparágtól és a keresleti helyzettől is függ.

5. Technikai és biztonsági gondok

Egy weboldal élő rendszer: frissíteni, menteni és ellenőrizni kell. Ha a rendszer és a bővítmények hónapok óta nem kaptak frissítést, ha az űrlap néha nem küld üzenetet, ha a böngésző „nem biztonságos” figyelmeztetést mutat, ha az oldal időnként hibát dob, ezek mind a felújítás jelei.

A Google az oldalélmény részeként említi a biztonságos (HTTPS) kapcsolatot is. A technikai állapotról a WordPress frissítésről szóló cikkemben írtam részletesebben. A rendszeres frissítés, mentés és ellenőrzés a WordPress karbantartás része. Ha ez eddig elmaradt, a felújítás előtt vagy közben érdemes beállítani.

6. Nem tudod kezelni, vagy nem a tiéd

Ez a leginkább alábecsült jel. Teszteld le:

• be tudsz lépni az oldal kezelőfelületére?
• meg tudsz változtatni egy szöveget vagy egy árat segítség nélkül?
• a domain a te nevedre szól?
• tudod, melyik cégnél van a tárhely, és megvan-e a hozzáférésed?
• ha a készítő holnap nem elérhető, át tudja-e venni másik szakember az oldalt?

Ha ezekre a kérdésekre többször nem a válaszod, könnyen kiszolgáltatott helyzetbe kerülhetsz. Érdemes mielőbb rendezni a domain, a tárhely és a weboldal kezeléséhez szükséges hozzáféréseket. Zárt, ismeretlen vagy nehezen átvehető rendszer esetén sokszor a felújítás helyett az új alap a gazdaságosabb. A tulajdonjog kérdéséről a weboldalkészítő választásról szóló cikkben részletesen írtam.

7. Már nem azt mondja, amit a vállalkozásod ma csinál

A vállalkozás fejlődik, az oldal gyakran lemarad. Új szolgáltatás került a kínálatba, de az oldalon nincs rajta. Megváltozott az arculat, a célközönség, az ár. Vagy olyan ügyfelek keresnek, akiket már nem szeretnél kiszolgálni.

Egy egyszerű teszt: mutasd meg az oldalt egy olyan embernek, aki nem ismeri a vállalkozásod, és kérdezd meg, mit gondol, mivel foglalkozol, kinek, és mennyire bízna meg. Ha a válasz eltér attól, amit mondani szeretnél, ez a weboldal-átalakítás jele, nem az apró javításoké. Ilyenkor a redesign nem csak a külsőről szól, hanem az üzenetről is.

Mikor elég a weboldal frissítés?

Nem minden jel jelent teljes újjáépítést. Az alábbi esetekben gyakran elég a kisebb beavatkozás:

Csak a tartalom régi. Ha a szerkezet jó, de az adatok, árak és szövegek elavultak, a weboldal frissítés gyors és olcsó megoldás.

Csak a sebesség a gond. Ha a lassúságot a képek vagy néhány bővítmény okozza, ezek célzott javítással orvosolhatók.

A forgalom esett, de nem tudod, miért. Előbb deríts ki az okot, és csak utána dönts. A Google külön útmutatót ad a forgalomesések okainak keresésére. Egy felújítás nem old meg egy olyan problémát, amelynek az oka máshol van, például az időszakos keresleti ingadozás vagy egy technikai hiba.

Hogyan kezdj hozzá a weboldal felújításához? Hét lépés

1. Fogalmazd meg a célt

Írd le egy mondatban, mit szeretnél, hogy az új oldal csinálja. Például: „havonta tíz ajánlatkérés érkezzen a weboldalról”, vagy „az ügyfeleim megtalálják az árlistát és a nyitvatartást”. A cél dönti el, mi tartozik a felújításba, és mi nem.

2. Mérd fel a jelenlegi állapotot, és készíts mentést

Mielőtt bármit megváltoztatsz, rögzítsd, hol állsz:

• az oldalak listája és az, melyik hoz forgalmat (Search Console);
• a havi ajánlatkérések és hívások száma;
• a Core Web Vitals értékek és a mobilos használhatóság;
• a tartalom, amit meg akarsz tartani.

Ez a kiindulópont. Nélküle a felújítás után nem fogod tudni megmondani, javult-e valami.

Indulás előtt készíts teljes mentést az oldalról, az adatbázisról, a képekről és a beállításokról, és ellenőrizd, hogy a mentés visszaállítható-e. Felújítás közben a régi oldalnak legalább egy működő, visszatölthető mentéssel kell rendelkeznie. Ez különösen fontos WordPress-oldalaknál, ahol egy bővítmény- vagy témacsere is okozhat működési hibát.

3. Dönts a mélységről

A fogalmak táblázata alapján döntsd el, frissítésre, felújításra, átalakításra, redesignra vagy új alapra van szükség. Ha bizonytalan vagy, kérj tételes ajánlatot, és kérdezd meg, melyik szint indokolt, és miért.

4. Védd meg, ami működik

Ez az egyik legfontosabb lépés ahhoz, hogy a felújítás során csökkentsd a keresőforgalom elvesztésének kockázatát. Nem minden felújítás jár webhelyáthelyezéssel: ha a domain és az URL-ek nem változnak, általában nincs szükség átirányításokra. Ha viszont az átalakítás során oldalak URL-je változik, vagy oldalak megszűnnek, ez a Google szempontjából költözésnek számít.

A Google webhelyáthelyezésről szóló útmutatója szerint ilyenkor minden régi URL-hez meg kell adni az új, megfelelő párját, és állandó (301-es vagy 308-as) szerveroldali átirányítást kell használni, ahol van releváns új céloldal. Az átirányításokat érdemes a lehető leghosszabb ideig, általában legalább egy évig meghagyni, és nem szabad sok régi oldalt egyetlen, nem releváns célra, például a főoldalra irányítani.

Fontos figyelmeztetés: a Google súgója szerint ha egy költözést a tartalom és az URL-szerkezet átalakításával kötsz össze, valószínűleg forgalomvesztésre kell számítani, mert a Google-nek újra fel kell mérnie az oldalakat. Ez a súgó a webhelyáthelyezésről szól, de a logika az URL-ek megváltoztatásánál hasonló. A legbiztonságosabb módszer, ha amit lehet, megtartasz: a jól teljesítő oldalak URL-jét és tartalmát.

5. Vond be a SEO-t már a tervezésnél

A Google útmutatója szerint a SEO-szakember bevonásának egyik legjobb időpontja, amikor weboldal-átalakítást terveznek (minél korábban, annál jobb), mert így az oldal az alapoktól kezdve keresőbarát lehet. Ez a gyakorlatban azt jelenti, hogy a vázlatnál eldől a címsorok szerkezete, a belső linkelés, az oldalak kulcsszavai és az átirányítási térkép, nem utólag. Erről a keresőoptimalizálás oldalamon is írok.

6. Készítsd elő a tartalmat, és rendezd az adatkezelést

Az új oldalnak új vagy frissített szöveg kell. Dönts el, ki írja: te, a kivitelező, vagy külön szövegíró. A tartalmat gyakran az utolsó pillanatra hagyják, és ez az egyik leggyakoribb csúszási ok. A szövegíráshoz a SEO-szövegírás szolgáltatásomban is segítek. A saját, valódi fotók (a csapatról, a munkákról, a helyszínről) hitelesebbek az általános képeknél.

Ha az új oldalon űrlap, hírlevél-feliratkozás, foglalás vagy mérőeszköz lesz, előtte döntsd el, milyen adatot kérsz, és mire használod. Az űrlapokhoz tartozzon adatkezelési tájékoztatás, a sütibeállításoknak pedig működniük kell. A felújítás jó alkalom arra is, hogy a felesleges mérőeszközöket és integrációkat eltávolítsd. Jogi kérdésekben kérj szakértői segítséget.

7. Tesztelj, indíts, mérj

Indulás előtt próbáld ki az űrlapokat és a hívásgombokat telefonon és számítógépen is, ellenőrizd, hogy az átirányítások jól működnek, és hogy az éles, nyilvános oldalon nincs jelszavas védelem vagy véletlenül bekapcsolva maradt noindex beállítás. Indulás után egy egyszerű ütemterv segít:

• Az indulás napján: működik-e minden űrlap, hívásgomb, foglalás és fizetés; nincs-e jelszavas védelem vagy véletlenül bekapcsolva maradt noindex az éles oldalon; jók-e az átirányítások.
• Az első héten: nézd meg a Search Console-ban az indexelést, a hibákat és az átirányításokat; küldd be az új oldaltérképet.
• A második héten: nézd meg a legfontosabb oldalak forgalmát és konverzióit.
• 30 nap után: hasonlítsd össze az előtte–utána adatokat, és javítsd, ami nem működik.

Az összehasonlításhoz használhatod ezt a sablont:

↔ Mobilon húzd oldalra a táblázatot a további adatokért.

Azonos hosszúságú időszakokat hasonlíts össze, és vedd figyelembe a szezonalitást, a hirdetéseket és az egyéb kampányokat.

Mit ne csinálj

• Ne indítsd el az új oldalt átirányítások nélkül, ha az URL-ek változnak.
• Ne töröld a régi, jól teljesítő oldalakat csak azért, mert „nem férnek bele” az új dizájnba.
• Ne várj a tartalomírással a fejlesztés végéig.
• Ne teszteld az oldalt csak asztali gépen.
• Ne élesítsd az oldalt úgy, hogy az új, nyilvános weboldalon jelszavas védelem vagy véletlenül bekapcsolva maradt noindex beállítás van. Élesítéskor mindig ellenőrizd.
• Ne mérj csak forgalmat, ha a cél érdeklődő vagy foglalás szerzése.

Felújítás vagy új weboldal? Egy gyakorlati döntési segéd

Ha a kérdésed az, hogy mikor kell új weboldal, és mikor elég a régi weboldal korszerűsítése, ez a táblázat ad támpontot.

↔ Mobilon húzd oldalra a táblázatot a további adatokért.

Ha az oldal régi, de jó alapokon áll, a felújítás gazdaságosabb. Ha az alap rossz, a javítgatás sokszor többe kerül, mint egy új, rendezett oldal. Ezt a döntést a legjobb egy átvizsgálás után meghozni, nem előtte.

Három helyzet, három döntés

A példák illusztrációk, nem valós ügyfélprojektek, de tipikus helyzeteket mutatnak.

Egy debreceni masszőr. Az oldala négyéves, szépen néz ki, telefonon is jól működik, de a nyitvatartás és az árak régiek, és egy megszűnt kezelés még szerepel rajta.

Döntés: weboldal frissítés.

Miért: az alap jó, csak az információk elavultak.

Egy könyvelőiroda. Új szolgáltatást vezettek be, de nincs rajta az oldalon. A sablon általános, a szövegek bármelyik irodára ráillenének, és az oldal lassan tölt.

Döntés: weboldal-felújítás átalakítással (új oldalak, új szövegek, sebességjavítás).

Miért: a szerkezet és az üzenet is elmaradt a vállalkozástól.

Egy nyolcéves, magára hagyott WordPress oldal. A készítő eltűnt, nincs admin hozzáférés, a bővítmények évek óta nem frissültek.

Döntés: újraépítés, a tulajdonjog és a hozzáférések rendezésével.

Miért: az alap nem biztonságos és nem kezelhető.

Mennyibe kerül a weboldal-felújítás, és mitől függ?

A felújítás ára a feladat mélységétől függ, ezért itt nem adok egyetlen számot, mert az félrevezető lenne. Az ár fő tényezői:

• az oldalak és funkciók száma;
• mennyi tartalmat kell újraírni vagy átvinni;
• marad-e a jelenlegi rendszer, vagy új alap kell;
• egyedi funkciók (foglalás, többnyelvűség, webshop);
• a szövegek, a fotók és az arculat;
• az SEO-munka és az átirányítások;
• a tesztelés és a betanítás.

A jó ajánlat tételesen megnevezi, mi tartozik bele, és mi nem. Az árak és a rejtett költségek összehasonlításához a weboldalkészítés árakról szóló cikkemben sávokat és ellenőrzőlistát találsz. Ha az oldalad egy webshop, a webshop készítés külön szempontokat is igényel, például a fizetési folyamat tesztelését.

Mit kérdezz a kivitelezőtől a weboldal-átalakítás előtt?

• Megőrzik-e a jól teljesítő oldalak URL-jét, és kapok-e átirányítási térképet azokhoz, amelyek változnak?
• Ki vizsgálja a SEO-t már a tervezéskor, és nem csak az indulás után?
• Mit mérnek előtte és utána, és milyen időszakot hasonlítanak össze?
• Készül-e teljes mentés az indulás előtt, és ki ellenőrzi, hogy visszaállítható-e?
• Kié lesz a domain, a tárhely és az admin hozzáférés az átadás után?
• Hol tesztelik az oldalt indulás előtt, és hogyan történik az éles indulás?
• Mi történik az átadás után: mennyi ideig jár hibajavítás, és mennyibe kerül a karbantartás? Nálam például az átadástól számított 30 napig díjmentes az általam elkészített oldalon felmerülő hiba javítása, ha közben nem nyúlsz bele az oldal kódjába vagy beállításaiba.

Ha a kivitelezőt még keresed, a hogyan válassz weboldalkészítőt cikkben tíz kérdést és egy ajánlatkérő sablont találsz.

Gyakori kérdések a weboldal-felújításról

Ha szeretnéd, hogy megnézzem az oldalad

Ha többet olvasnál, érdemes megnézni a weboldalkészítés vállalkozásoknak oldalt, a keresőoptimalizálás és marketing oldalt, valamint a blogomon további szakértői cikkeket.

Források

• Understanding page experience in Google Search results, Google Search Central
• Understanding Core Web Vitals and Google search results, Google Search Central
• Web Vitals, web.dev
• Mobile site and mobile-first indexing, Google Search Central
• Do you need an SEO?, Google Search Central
• Move a site with URL changes, Google Search Central
• Change of Address tool, Search Console Help
• Debug drops in Search traffic, Google Search Central