iDekor Egy elavult WP Bakery-s weboldal biztonságos, staging alapú megújítása

Megkeresés

András, az iDekor vezetője keresett meg minket azzal, hogy a cég weboldalát, az idekor.hu-t szeretné megújítani. Az iDekor egy reklámkivitelező cég, amely komplex szolgáltatást nyújt a tervezéstől a gyártáson át a helyszíni kivitelezésig – táblákat, fóliákat, üzletdekorációt, autófóliázást és 3D feliratokat készítenek. Egy ilyen, vizuálisan erős szakmai háttérrel rendelkező cégnél különösen fontos, hogy a weboldal is ezt a színvonalat közvetítse – ezzel szemben a meglévő oldal ezt egyáltalán nem tudta teljesíteni.

Összesen több mint 35 aloldalt újítottunk meg a projekt során – ez gyakorlatilag a teljes weboldal tartalmi és strukturális átdolgozását jelentette, aloldalanként egyedi tartalommal és felépítéssel.

A kiindulási helyzet

Az első egyeztetések során András részletesen átadta a jelenlegi állapotot, amiből egyértelműen kiderült, hogy nem egy egyszerű vizuális ráncfelvarrásra van szükség, hanem egy komplex, technikai és tartalmi szintű megújításra:

A projekt célja

A cél ennek megfelelően nem egy „mindent lecserélünk” típusú újratervezés volt, hanem egy kontrollált, biztonságos és fokozatos megújítás, amely:

• megtartja a meglévő márkaidentitást és a designnak azt a részét, amivel az ügyfél elégedett volt,
• technikailag stabil, gyors és biztonságos alapokra helyezi a weboldalt,
• nem veszélyezteti a korábban felépített SEO-eredményeket – vagyis a meglévő URL-struktúra és a rá épülő keresőoptimalizálási eredmények megmaradnak,
• és technikai SEO szempontból is felkészíti az oldalt a hosszú távú, erősebb keresési teljesítményre.

Mivel az oldal élesben futott, és a cégnek folyamatosan érkeztek megkeresések rajta keresztül, kiemelten fontos volt, hogy a megújítás ne okozzon kiesést vagy törést a meglévő működésben – ez határozta meg alapvetően a technikai megközelítést is.

A technikai megvalósítás lépésről lépésre

1. 01

   Staging környezet létrehozása

   Az első és legfontosabb lépés egy staging (fejlesztői) környezet létrehozása volt. Ez lehetővé tette, hogy a teljes átalakítást egy, az éles oldaltól elkülönített felületen végezzük el, így a folyamat alatt az élő weboldal működése és megjelenése végig érintetlen maradt.

2. 02

   PHP-frissítés és kompatibilitási teszt

   A staging környezetben elsőként PHP-verzió frissítést hajtottunk végre, hogy megvizsgáljuk, a jelenlegi oldal egyáltalán képes-e futni egy modernebb, biztonságosabb szerverkörnyezetben. A teszt megmutatta, hogy a régi motor és a WP Bakery nem kompatibilis a frissített PHP-verzióval – ez önmagában is alátámasztotta, hogy a teljes technikai alap cseréje elengedhetetlen.

3. 03

   Plugin-tisztítás

   Szisztematikusan átvizsgáltuk és megszűrtük a telepített bővítményeket. A feleslegessé vált, elavult vagy duplikált funkciójú pluginokat eltávolítottuk – ez volt az egyik legnagyobb hatású lépés az oldal későbbi sebességére nézve.

4. 04

   Új megjelenés Elementorral

   A technikai alap megtisztítása után az Elementor builderrel építettük fel újra az oldal megjelenését. Az eredeti design alapkoncepcióját megtartottuk, de modernebb, letisztultabb, jobban tagolt blokkstruktúrában valósítottuk meg. A főoldali Slider Revolution elemet szándékosan megtartottuk és beépítettük az új designba.

Technikai SEO-alapozás

A design elkészülésével párhuzamosan a technikai SEO-alapokat is lefektettük:

• PRO SEO plugin (RankMath) telepítése és beállítása,
• kép alt-tagek kitöltése,
• Schema.org mikroadatok hozzáadása és bővítése a releváns oldaltípusokhoz (a RankMath automatikusan generálja a schemákat, de nem mindig pontosan, így néhol változtatni kellett),
• lokális SEO adatok, Open Graph beállítások és sitemap generálása,
• valamint a meglévő URL-struktúra megtartása, hogy a korábban felépített keresőoptimalizálási eredmények és linkek ne vesszenek el a megújítás során.

Eredmények

A projekt mindössze néhány hete zárult le, így a keresőoptimalizálási eredmények (pozíciók, organikus forgalom változása) még nem értékelhetők érdemben – ezekről egy későbbi, hosszabb távú mérési időszak után tudunk majd konkrét számokat mondani. Ami viszont már most, méréssel alátámasztva látszik, az a weboldal technikai teljesítményének jelentős javulása:

Összegzés

Az iDekor projekt jó példa arra, hogy egy megújítás nem mindig jelenti a teljes design vagy tartalom lecserélését – sokszor a legnagyobb érték abban rejlik, ahogyan a háttérben, kontrollált, lépésről lépésre haladó technikai munkával biztonságosan modernizálunk egy élesben futó, ügyfeleket kiszolgáló weboldalt. A staging környezet, a rendszeres kompatibilitás-tesztelés és a tudatos plugin-tisztítás olyan alapot adott, amelyre hosszú távon lehet építeni – a következő lépés pedig a technikai fejlesztésekre épülő SEO-eredmények begyűjtése lesz.

Köszönjük András bizalmát és az együttműködést!

— Weboldalt Most!