Hogyan zajlik a weboldal készítés? Folyamat lépésről lépésre
Egy jó weboldal nem a kódolással kezdődik. Először azt kell tisztázni, kinek szól, milyen döntést kell támogatnia és mi számít sikernek. A technikai megvalósítás csak ezután következik. Így dolgozom végig egy tipikus üzleti weboldal projektet.
Írta: Huszár Ádám · Utoljára frissítve:
Röviden
A három legfontosabb gondolat, ha most nincs időd végigolvasni az egészet.
A pontos cél és tartalmi struktúra fontosabb, mint az, hogy milyen technológiával indul a projekt.
A fejlesztés közben rendszeres ellenőrzési pontokkal érdemes haladni, nem a végén egyszerre megmutatni mindent.
Az élesítés nem a projekt utolsó technikai kattintása: domain, SSL, mérés, űrlapok, indexelhetőség és mobilos teszt is része az átadásnak.
1. Igényfelmérés: mit kell üzletileg megoldani?
Az első beszélgetés célja nem az, hogy technológiát válasszunk. Azt kell megérteni, mit csinál a vállalkozás, kik a fontos látogatók, milyen kérdéseik vannak, és mi legyen a következő lépésük az oldalon.
Itt derül ki az is, hogy egyszerű céges weboldalról van-e szó, vagy szükség van például ajánlatkérésre, foglalásra, kalkulációra, fizetésre, adminfelületre vagy külső integrációra.
2. Oldalstruktúra és tartalmi hierarchia
A látogató számára érthető szerkezet fontosabb, mint a látványos animáció. Meghatározzuk a fő oldalakat, az egyes oldalak feladatát, a tartalmi sorrendet és a fontos belső linkeket.
SEO szempontból ekkor kell elválasztani az eltérő keresési szándékokat is. Egy szolgáltatás, egy ár-összehasonlítás és egy esettanulmány nem ugyanazt a kérdést válaszolja meg, ezért nem érdemes mindent egyetlen oldalra zsúfolni.
3. Megjelenés és felhasználói útvonal
A design feladata, hogy segítse a tartalom olvasását és a következő lépést. Mobilon és asztali gépen is működnie kell, a fontos gomboknak és információknak pedig könnyen megtalálhatónak kell lenniük.
Egyedi projektnél itt dől el a tipográfia, a komponensek rendszere, a kártyák, űrlapok, navigáció és a vizuális hierarchia. A látvány önmagában nem cél: a használhatóság és a márkához illeszkedés együtt számít.
4. Fejlesztés és folyamatos ellenőrzés
A fejlesztést érdemes kisebb, ellenőrizhető részekben végezni. Így már közben látszik, hogyan működik az oldal, és nem a projekt végén derül ki, hogy egy fontos folyamat máshogy lenne használható.
Egyedi weboldalnál nálam a technológia a feladathoz igazodik. A döntésnél a keresőbarát HTML, a sebesség, a karbantarthatóság, az akadálymentesség és a későbbi bővíthetőség fontosabb, mint egy konkrét keretrendszer neve.
5. Tesztelés: nem csak azt nézzük, hogy „betölt-e”
Élesítés előtt végig kell menni a fontos felhasználói útvonalakon: menük, űrlapok, visszaigazoló e-mailek, mobilos nézet, hibás mezők, külső linkek és integrációk. A technikai SEO alapjai ugyanebben a körben ellenőrizhetők.
- mobilos és asztali megjelenés;
- űrlapok és automatikus e-mailek;
- title, description, canonical és indexelhetőség;
- robots.txt és sitemap;
- képméretek és alternatív szövegek;
- 404 és átirányítások;
- Analytics, Search Console és fontos konverziós események.
6. Élesítés és átadás
Az élesítés része a domain és tárhely ellenőrzése, az SSL, a production környezet, a mérőkódok, az űrlapok és a keresőmotorok számára szükséges fájlok ellenőrzése. Az oldalnak ugyanúgy kell működnie az éles környezetben, mint a tesztelés során.
Átadáskor fontos tisztázni azt is, hogy ki végzi a későbbi tartalmi módosításokat, technikai karbantartást, mentést és frissítéseket.
7. Az indulás utáni időszak
Az első hetekben érdemes figyelni az űrlapokat, hibákat, valós felhasználói viselkedést és a Search Console adatait. Sok optimalizálási lehetőség csak akkor látszik, amikor valódi látogatók használják az oldalt.
A tartós organikus növekedéshez ezután jön a tartalmi munka: új, valódi keresési kérdésekre válaszoló oldalak, referenciák, belső linkek és a meglévő oldalak adatok alapján történő finomítása.
Kapcsolódó oldalak
Ha tovább mennél a témában, ezek a következő logikus oldalak.
Van konkrét projekted?
Nem kell kész specifikáció. Írd le röviden, mit szeretnél megoldani, és abból el tudunk indulni.
Beszéljük át a projektet