Weboldal készítés lépései

Ma már nem az a kérdés, hogy szüksége van-e a vállalkozásodnak weboldalra. Hogy miért, arról itt olvashatsz részletesen. A kérdés inkább az, hogy milyen weboldal fogja leginkább támogatni az üzleti céljaidat. Ha ezt már nagyjából tudod, fontos megtervezni, mik a weboldal készítés lépései.

Ebben a cikkben elolvashatod, hogyan néz ki a weboldal készítés folyamata, ha velem dolgozol. A lista egy kicsit hosszú, de ha valóban a vállalkozásod számára hasznos, marketing szemléletű weboldalt szeretnél, nem érdemes kihagyni egyik lenti lépést sem. Ne feledd, a weboldal egy befektetés, nem érdemes elsietni. Itt elolvashatod, hogy szerintem miért nem működik a holnapra honlap.

A weboldal készítés szoros együttműködést igényel ügyfél és kivitelező között, több online konzultációt is beiktatva. Ezek általában nagyon hatékonyak és nem mellesleg jó hangulatban telnek. 1-2 konzultáción kívül a többinek nincs fix helye a folyamatban, amikor valamelyikünk úgy érzi, hogy szükséges, akkor egyeztetünk.

1. Weboldal készítés előtt – előkészítés nélkül nincs sikeres projekt

Bizonyára ismered ezt a híres Lincoln idézetet:

“Adj hat órát egy fa kivágására, és az első négyet a fejsze élezésével fogom tölteni.”

Valahogy így lesz ez a weboldal készítés során is.

Már árajánlat adás előtt megkérlek egy rövid kérdőív kitöltésére, de szerződéskötés után ezt kiegészítjük egy sokkal részletesebb beszélgetéssel, ahol minden kérdést, célt és bizonytalanságot meg tudunk beszélni.

A következőket érdemes átgondolnod weboldal készítés előtt:

• Mi lesz a weboldal célja? Vevőszerzés, információ szolgáltatás, kapcsolatfelvétel ösztönzése vagy egyéb, hobbi weboldal?
• Milyen funkciókra lesz szükség az oldalon?
• Rendelkezésre állnak a szükséges képi és szöveges anyagok, megfelelő minőségben, vagy kérsz ezekben segítséget?
• Vannak-e már meglévő arculati elemek, amiket használni szeretnél?
• Van-e olyan design irány, ami tetszik és illik is vállalkozásodhoz?
• Milyen csatornákról szeretnél forgalmat terelni a weboldalra? Közösségi média, hírlevelek, fizetett hírdetések vagy organikus keresések?
• Tervezel online hírdetni?
• Milyen eredményeket vársz az oldaltól?
• Mikorra van szükséged a kész weboldara?

2. Domain név kiválasztása

A weboldal készítés lépései közül az egyik legelső a domain név megvásárlása. A domain név választást jól át kell gondolni. A domain név az a cím, ami a böngészőben megjelenik (pl. az én esetemben www.pixdream.hu). Lehet ugyan költöztetni egyik domainről másikra egy weboldalt, de nem célszerű. Egyrészt többletmunkával jár, másrészt az addig elért SEO (keresőoptimalizálási) eredményeid várhatóan elvesznek. Továbba ha használsz domainhez tartozó e-mail címeket, ezeket is újra be kell állítani és mindenhol átírni az újra.

A jó domain név könnyen megjegyezhető, rövid és nincs nagy különbség az írásmód és a kiejtés között. Gondolj arra, hogy egy hangos szórakozóhelyen valakinek odakiabálod a domain nevedet. Megérti és másnap jól tudja beírni a böngészőbe?

Ha énmárkát építesz és az ügyfeleid bizalma a személyedhez köthető, lehet a domain a saját neved. Ha a vállalkozásodnak van egy megjegyezhető márkaneve, akkor pedig célszerű ezt választani, vagy ennek egy rövidített változatát.

Ha a szolgáltatásod és terméked elsősorban Magyarországra koncentrál, akkor válassz .hu végződést, mert a kereső figyelembe veszik a földrajzi elhelyezkedést is.

Azt, hogy egy domain még szabad-e, többek között ezzel a domain ellenőrzővel tudod megnézni.

Aki teljesen be akarja magát biztosítani, megvásárol minden olyan domain nevet, ami az eredeti elütése lehet, vagy esetleg kötőjeles verzió és átirányítja a saját oldalára. Ez többlet költségekkel jár, de bizonyos esetekben megérheti.

3. Tárhelyszolgáltató kiválasztása és tárhely lefoglalása

A megfelelő tárhelyszolgáltató kiválasztása kritikus lépés weboldal készítés során, ebben nem érdemes kompromisszumot kötni, mert sok fejfájást okozhat a jövőben. Mindenképpen fontos megnézni, hogy mennyire megbízható és stabil az adott tárhelyszolgáltató. Részben rajtuk múlik, hogy mennyire lesz gyors a weboldalad betöltése. Fontos, hogy probléma esetén mennyire elérhető és segítőkész a tárhelyszolgáltató ügyfélszolgálata és a technikai támogatás. Ezen kívül az is szempont, hogy legyen lehetőséged a weboldal növekedésével együtt bővíteni tárhelyedet. Egy olcsóbb tárhelyszolgáltató esetén biztosan lesz valami, ami miatt az alacsony árat tudja tartani. Ilyen lehet például a napi mentések hiánya, ami lehet, hogy most nem tűnik nagy problémának, de ha egyszer adatvesztés következik be az oldaladon, nagy gondot tud okozni.

Webshopoknak kötelező, de ma már egy weboldal sem nagyon engedheit meg magának, hogy ne rendelkezzen SSL tanúsítvánnyal (Secure Socket Layer). Ha nincs ilyened, az komoly SEO hátrány. Az SSL azt jelenti, hogy szerverünk és a felhasználó között egy biztonságos, titkosított csatorna kerül kialakításra. A gyakorlatban onnan látod, hogy egy weboldalnak van-e SSL tanúsítványa, hogy az url-je https:// alatt töltődik be, nem csak htttp:// alatt. Ezt is ellenőrizd, hogy biztosítja-e a választott tárhelyszolgáltató. Ha egy helyen vásárolsz domaint és tárhelyet, ez általában benne van az árban.

Ha engem választas weboldalad elkészítésére, természetesen segítek a domain és tárhely ügyintézésben úgy, hogy ezek a Te tulajdonodban legyenek. Így minden hozzáférés a nevedre szól, a későbbiekben sem lesz ezzel probléma. Sajnos többször előfordul, hogy egy hanyagul felépített honlappal probléma adódik, a fejlesztőt nem lehet elérni és a végén kiderül, hogy a domain nem is az ügyfél nevére szól, így nem tud semmit intézni. Bárkit is bízol meg weboldal készítéssel, erre mindenképp figyelj.

4. Célcsoport meghatározás és piackutatás – a weboldal készítés alapja

Mielőtt még egy pixelt is megrajzolnánk, vagy egy karaktert is leütnénk, fontos látnunk, kihez és milyen piacon szeretnénk szólni. Véleményem szerint a weboldal készítés lépései közül az egyik legfontosabb a célcsoportod és piacod megismerése.

A célcsoportodat minél szűkebben tudod definiálni, annál célzottabban tudsz nekik kommunikálni. Gondolj csak bele, nem mindegy, hogy pl. vállalkozókhoz beszélsz általánosságban, vagy olyan fodrászokhoz, akiknek fontos a természetes hatóanyagok használata. Igaz, hogy utóbbi csoportba kevesebben tartoznak, de ha célzottan hozzájuk szólsz, ebből a kevesebből sokan fognak hozzád kapcsolódni és nagyobb eséllyel érsz el konverziót.

A legjobb eszköz a célcsoport meghatározásra a buyer persona készítés. Ezzel tulajdonképpen megszemélyesítünk egy konkrét ügyfelet demográfiai szempontok, szokások, problémák és elérhetőség szempontjából. Ezt egy papír és toll segítségével is meg lehet csinálni, de ha szükséged van sorvezetőre, ez a buyer persona készítő felület segítségedre lehet.

A célcsoportod mellett fontos azt is ismerned, hogy milyen piacon és kikkel versenyzel a figyelmükért. Mekkora ez a piac? Milyen irányba mozog? Egyáltalán profitábilis?

Megnézzük, kik a top szereplők a piacon, hozzájuk képest jelenleg hol helyezkedsz el. Valószínűleg nem a top 5 lesz elsősorban a fő versenytársad, ezért megnézzük azt is, ki az a 3-4 szereplő, akik közvetlenül előtted járnak. Mit csinálnak? Hol vannak jelen? Hogyan kommunikálnak? Ezek adják meg az alapot a következő lépéshez.

5. Vállalkozásod pozícionálása, brief kidolgozása

Ha már ismerjük a piacodat, akkor jöhet a weboldal készítés lépései közül az utolsó előkészítő lépés: helyezzünk el a térképen! Mi az, amivel tudunk pozícionálni? Miben nyújtasz egyedit, mást, újat, különlegeset az ügyfeleidenk? Miért válasszanak Téged és ne a konkurenciát?

Amikor ezzel megvagyunk, akkor az előző lépések eredményeit összefoglalom egy dokumentumban, amit briefnek hívunk. Ezt elküldöm neked és ha mindent rendben találsz, akkor indulhat a tényleges weboldal készítés.

Ha most azt gondolod, hogy ez kemény munka és még semmi nem is készült el a weboldalból, akkor nem tévedsz nagyot. Ez tényleg komoly feladat mindkettőnknek, gondolkodni kell, de ígérem, hogy hosszú távon megéri és ez fog megkülönböztetni a piac nagy részétől és sikerre vezetni.

6. Tartalomstratégia meghatározása

Nagyon fontos vezérelvnek tartom weboldal készítés során, hogy a tartalomhoz igazodik a design. Keresőoptimalizálási szempontból is a legfontosabb a tartalom. Az utóbbi években a Google minden frissítése arra irányul, hogy ki tudja szűrni a nem minőségi tartalmakat, amiket aztán hátrasorolással büntet. Ahhoz, hogy a rengeteg találat közül előbbre tudj kerülni, egyedi és jó minőségű szöveges tartalomra van szükség. A duplikált, másolt szövegek pedig egyértelműen szóba se jöhetnek, ezeket erősen bünteti a kereső hátrasorolással. A szöveges tartalom előállítása során már nagy segítséget jelentenek az AI eszközök, azonban nem célszerű ezeket a generált tartalmakat egy az egyben átemelni az oldaladra. Egyrészt hiányzik belőle egy nagyon fontos faktor, a saját emberi tapasztalat. Másrészt sokszor tartalmaz tárgyi tévedéseket, ezért duplán ellenőrizni kell.

A tartalomstratégia kialakítása során meghatározzuk a fő tartalmi elemeket és a menüszerkezetet. Ha olyan csomagot választasz, ezen a ponton történik egy részletes kulcsszó kutatás is, ahol meghatározzuk, milyen kulcsszavakra szeretnél jó helyezést elérni a Googleban. Persze ez nem fog megtörténni egyik napról a másikra, a keresőoptimalizálás egy hosszútáv futás, amire tudatosan kell edzeni. Hiába írsz csodás szövegeket, ha a lényeges kulcsszavak nem szerepelnek benne. A SEO szövegírás kicsit más műfaj, mint a sima szövegírás.

7. Drótváz (wireframe) elkészítése

Itt már tényleg elkezdjük felépíteni a weboldaladat, bár még csak fekete-fehérben. A drótváz tulajdonképpen egy tervrajz, az oldalad strukturális és funkcionális terve, amit a tartalomstratágiára építve készítünk el UX szemlélettel. Ezen látszik, hogy hol lesz kép, szöveg, gomb, link és bármi egyéb. Személy szerint ezen a ponton szeretem véglegesíteni a szövegeket legalább 90%-ban annak érdekében, hogy a design minél inkább a tartalomhoz tudjon igazodni. Olvasd el korábbi cikkemben, hogy mi az a drótváz és miért hasznos.

8. Grafikai tervezés mobilra, tabletre és desktopra – a weboldal készítés lépései közül a leglátványosabb

Nagyon nagy különbség van árban egy sablonra épített, vagy egy egyedi tervezésű weboldal között. Mindkettőnek vannak előnyei és hátrányai, az adott helyzet dönti el, hogy melyik a jobb választás. Ha együtt dolgozunk, segíteni fogok ennek eldöntésében. Nem célom, hogy felesleges költségekbe verjelek.

A sablonra épített weboldalt úgy képzeld el, hogy van egy előre elkészített kinézet, ahol “csak” lecseréljük a képeket és a szövegeket. Ha az előző előkészítő lépések megvannak, akkor tud ez is működni. Előnye, hogy olcsó (egy sablon ára általában 30.000-100.000 Ft között mozog) és viszonylag gyorsan készen van. A hátránya, hogy nagyon meg van kötve a kezünk. Ezen kívül szép lesz, de egy a több tucat ugyan arra a sablonra épült weboldal közül. Ideális választás lehet egyszerű landoló oldal, vagy nem profitorientál, hobbi oldalak esetén.

Az egyedi webdesign költséges és időigényesebb választás, de cserébe teljesen a vállalkozásod arculatához igazodik és nem fog szembe jönni a konkurenciánál. Akkor érdemes ezt választani, ha igazán egyedi megjelenést szeretnél, fontos a prémium megjelenés, kiemelkendél a versenytársak közül és kiemelten fontos a vállalkozásod számára a branding és a felhasználói élmény.

A weboldalad megjelenésének igazodnia kell céged arculatához. Ha vannak már arculati elemek, akkor ezeket fogjuk használni. Ha nincsenek, akkor a weboldal készítés lépései közé tartozik egy alap arculattervezés is. Meghatározzuk, hogy milyen hangulatot és érzéseket szeretnél közvetíteni, mik lesznek a fő arculati színeid és tipográfiád, esetleg ikonok, mintázatok, amik visszatérhetnek különböző online felületeiden. Ha nincs még logója a vállalkozásodnak, de szeretnél, ebben is tudok segíteni.

A grafikai tervezés fontos része a képi anyagok kiválasztása. A legjobb, ha saját képeket tudsz biztosítani, ezek biztosan nem jönnek szembe a konkurenciánál. Azonban ezek legyenek igazán jó minőségűek. Nincs annál kiábrándítóbb, mint egy szép weboldalon egy pixeles kép. Ez instant bizalomvesztéssel jár. Ma már mobillal is remek képeket lehet készíteni, főleg szolgáltatások esetén, de ha terméked van, érdemes egy profi fotósra áldozni.

Ha nincsenek saját képeid, segítségedre lehetnek a stock fotók és videók, illetve már fantasztikus AI generált képeket lehet készíteni. Előbbi esetben találsz ingyenes és fizetős verziókat is. A fizetősek sokkal szebbek, de az ingyenesek között is lehet találni megfelelőt.

A weboldalad design tervét 3 méretben készítem el desktopra, tabletre és mobilra. Az utóbbi években meghatározó irányelv a webdesignban a mobil first szemlélet, mivel a látogatások több, mint 80%-a már mobilról érkezik. Ezért kiemelten fontos a reszponzív, mobilra optimalizált webdesign.

Ha velem dolgozol, általában 2 módosítási kört tartalmaz a szerződés, mivel előfordulhat, hogy elsőre nem sikerül pontosan eltalálni az elképzeléseidet.

9. Sitebuilt

Ha a design már 90%-os, párhuzamosan elkezdődhet a weboldal készítés lépései közül a következő, a fejlesztés, vagyis sitebuilt. Jellemzően weboldal motornak az ingyenes WordPress CMS rendszert szoktam javasolni. A WP lehetőséget ad teljesen egyedi weboldal készítésére úgy, hogy sok kényelmi funkciót kínál. Egyszerű a szerkesztő felülete, így ha igényed van rá, később Te is tudod a tartalmakat kezelni.

A fejlesztés során kerülnek beállítása azok a dolgok, amik a jó technikai SEO-hoz kellenek, pl. gyorsítótárazás, metacímek és leírások beállítása, képek optimalizálása, tartalomstruktúra megfelelő felépítése stb.

10. Tesztelés több eszközön

Fejlesztés során folyamatosan tesztelem az oldaladat. Minden funkciót, gombot, menüpontot, linket végig próbálok, hogy biztosan jól működik-e. Ezt több böngészőben is megteszem, mert bár a legelterjedtebb böngésző a Google Chrome, sokan használnak más böngészőket is. Ezen kívül több képernyő méretben és eszközön is elvégzem a tesztet. Megnézem, hogy minden elem a helyén van-e, megfelelően kattintható méretű és nincsenek ki és belóságok sehol.

Ha én mindent rendben találok, megkérlek, hogy Te is teszteld le az oldalt minél több eszközön.

11. Hurrá, a weboldal készítés lépései közül a (majdnem) utolsó – élesítés, átadás

Ha mindent rendben találunk mindketten, akkor a végszámla kiegyenlítése után élesítem a weboldaladat és már büszkélkedhetsz is vele. Az átadás része egy 1 órás online bemutató, ahol megtanítalak az oldalad kezelésére.

12. Mérőeszközök bekötése

Attól függően, hogy mi a célja az oldaladnak, szükséges különböző mérőeszközök bekötése. Ebből a kettő ma már alapvető a Google Analytics és a Google Search Consol. Ezeket minden esetben javaslom, hogy kössük be. A Google Analytics rengeteg adatot ad arról, honnan érkeznek látogatók a weboldaladra és ők hogyan viselkednek. A Google Search Consol azt mutatja meg, hogy közvetlen keresésből hányan és milyen kulcsszóra kattintottak az oldaladra, ez inkább a SEO eredményességedet mutatja. Mindkettőből rengeteg adatot lehet kinyerni az oldal további optimalizálásához.

Ha a közösségi médiában is szeretnél hírdetni, akkor fontos a Facebook Pixel bekötése is az oldalba. Valamint vannak nagyon jó hőtérkép alkalmazások (pl. a Smartlook), ami azt mutatja meg, hogy a felhasználók mit csinálnak a weboldaladon: hol időznek többet, mit pörgetnek át. A legfontosabb weboldal mérőszámokről és mérőeszközökről itt olvashatsz részeltesen.

13. Karbantartás

Egy weboldal folyamatos törődést igényel. Egyrészt fontosak a tartalmi frissítések és folyamatos optimalizáció. Másrészt WordPress esetén szükség van a különböző bővítmények frissítésére, különben elavulttá, lassúvá válhat az oldal. Ha ezekkel nem szeretnél foglalkozni, rám bízhatod egy karbantartási szerződés keretében.

+1 lépés: olnine marketing, mert magától nem termel bevételt az oldal

Fontos tudni, hogy attól, hogy van egy weboldalad, még nem lesz forgalma. Olvasd el, hogyan tudsz forgalmat terelni a weboldaladra.

Mennyibe kerül egy profi weboldal

Erre nehéz egy konkrét számmal válaszolni (aki megteszi, attól szerintem menekülj). Az ár sokmindentől függ, pl. mi az oldal célja, hány oldalas, milyen funkciókra van szükséges, egyedi vagy sablonra épül? Részletesen olvashatsz a témáról a weboldal készítés költségei bejegyzésemben.

Mennyi idő egy weboldal készítés

A fenti lista nagyon hosszúnak tűnhet, de a gyakorlatban több lépés is tud részben párhuzamosan futni. Attól függően, hogy mennyire komlpex az oldalad és mennyire megy flottul az együttműködés köztünk, egy weboldal készítés átlagosan 4-6 hetet vesz igénybe.

Összességében tehát ha egy sikeres weboldalt szeretnél, nem érdemes megspórolni az előkészítő lépéseket. Ha ezek rendben vannak, akkor sokkal eredményesebb lehetsz akár egy sablon weboldallal is. Ha velem dolgozol, az előkészítéstől az üzemeltetésig fogom a kezed.Ha szimpatikusak a fentiek és szükséged van egy weboldalra, kérj ajánlatot még ma.