Egy kisvállalkozás weboldalának tervezésekor könnyű az oldalak számából kiindulni.
Kell egy főoldal.
Egy bemutatkozás.
Szolgáltatások.
Kapcsolat.
Talán referenciák és egy blog.
Ez használható kiindulópont, de önmagában még kevés ahhoz, hogy jó weboldal szülessen.
Egy kisvállalkozói weboldal valódi feladata ugyanis nem az, hogy bizonyos számú aloldalt tartalmazzon. A látogatót kell segítenie abban, hogy néhány alapvető kérdésre gyorsan választ kapjon:
Jó helyen járok?
Foglalkozik ez a vállalkozás az én problémámmal?
Megbízhatok benne?
Hogyan működik a szolgáltatás?
Mi legyen a következő lépésem?
Ha ezekre világos válaszokat kap, a weboldal elvégezte egyik legfontosabb feladatát.
Ha viszont látványos, technikailag fejlett és tele van információval, miközben a látogató továbbra sem érti pontosan az ajánlatot, a probléma szerkezeti.
Ezért egy kisvállalkozás weboldalát érdemes információs és döntési rendszerként megtervezni.
Először azt érdemes tisztázni, mire való a weboldal
Egy fodrász, könyvelő, építész, magántanár és ipari beszállító weboldalának eltérő tartalomra lehet szüksége.
Még azonos iparágon belül is jelentős különbségek lehetnek.
Az egyik könyvelő kizárólag egyéni vállalkozókkal dolgozik. A másik társas vállalkozásokra szakosodott. A harmadik külföldi tulajdonú magyar cégek könyvelésével foglalkozik.
Mindhárom könyvelő.
A látogató számára azonban egészen más információ lesz fontos.
Ezért a weboldal tartalmát kevésbé érdemes egy általános sablonból levezetni. Előbb azt kell megérteni:
- kik a vállalkozás ügyfelei;
- milyen problémával érkeznek;
- mit szeretnének megtudni;
- milyen bizonytalanságaik vannak;
- hogyan választanak szolgáltatót;
- milyen lépés következik a weboldal meglátogatása után.
Egy kisvállalkozói WordPress weboldal megtervezésénél ezért a technikai kivitelezést érdemes az üzleti cél és a szükséges tartalmi struktúra tisztázásával kezdeni.
1. A főoldal mondja el gyorsan, mivel foglalkozik a vállalkozás
A főoldal egyik legfontosabb feladata az orientáció.
A látogatónak rövid idő alatt meg kell értenie:
Mi ez a vállalkozás?
Mivel foglalkozik?
Kinek szól?
Egy általános szlogen erre ritkán elegendő.
Például:
„Megoldások, amelyek előrevisznek.”
Jól hangozhat, mégsem derül ki belőle, hogy könyvelőirodáról, üzleti tanácsadóról vagy szoftverfejlesztő cégről van szó.
Egy konkrétabb megfogalmazás több információt ad:
„Könyvelés és bérszámfejtés budapesti kisvállalkozásoknak.”
A különbség kevésbé kreativitás kérdése, inkább információs különbség.
A látogató már az első képernyőn kapott három fontos támpontot:
- milyen szolgáltatásról van szó;
- kiknek szól;
- milyen földrajzi területhez kapcsolódik.
A főoldal további részei ezt bontják ki.
Érdemes röviden megmutatni:
- a fő szolgáltatásokat;
- a vállalkozás sajátosságát;
- a működés módját;
- néhány bizalmi bizonyítékot;
- a továbblépés lehetőségét.
A cél kevésbé az, hogy minden információ rákerüljön a főoldalra.
A főoldal adjon térképet a vállalkozáshoz.
2. A szolgáltatási oldal válaszolja meg: pontosan mit kapok?
A „Szolgáltatások” menüpont gyakran néhány rövid mondatból és ikonból áll.
Ez egyszerű szolgáltatásnál elegendő lehet.
Összetettebb vagy nagyobb értékű szolgáltatásnál az érdeklődőnek általában több információra van szüksége.
Egy jó szolgáltatási oldal segít megérteni például:
- milyen problémára ad megoldást a szolgáltatás;
- kinek ajánlott;
- mit tartalmaz;
- hogyan zajlik;
- milyen eredmény várható reálisan;
- milyen keretek között történik az együttműködés;
- mi befolyásolja az árat;
- hogyan lehet elindulni.
Ez különösen fontos olyan szolgáltatásoknál, amelyeket az ügyfél ritkán vásárol.
Egy fodrászati hajvágás folyamatát a legtöbb ember ismeri.
Egy energetikai tanúsítás, weboldalkészítés vagy vállalati folyamatfejlesztés működését már jóval kevésbé.
Minél kevésbé ismeri a látogató a szolgáltatás működését, annál fontosabb az érthető magyarázat.
3. A bemutatkozó oldal válaszolja meg: ki áll a vállalkozás mögött?
A kisvállalkozások egyik sajátos előnye, hogy gyakran jól azonosítható ember vagy kisebb csapat áll mögöttük.
Ezt érdemes megmutatni.
A Stanford Web Credibility Project több mint 4500 résztvevő bevonásával készült kutatásain alapuló hitelességi irányelvei között külön szerepel, hogy a weboldal tegye láthatóvá a valódi szervezetet és azokat az embereket, akik mögötte állnak.
Ezért a bemutatkozó oldalnak érdemes túlmutatnia az ilyen mondatokon:
„Cégünk ügyfélközpontú szemlélettel és magas szakmai színvonalon nyújt minőségi szolgáltatásokat.”
Ez kevés ellenőrizhető információt tartalmaz.
Hasznosabb lehet megmutatni:
- ki vagy;
- milyen területtel foglalkozol;
- milyen szakmai háttérrel rendelkezel;
- hogyan dolgozol;
- milyen ügyfelekkel dolgozol;
- milyen elvek fontosak a munkádban;
- miért alakult ki az adott szolgáltatás.
A bemutatkozás célja kevésbé az önéletrajz.
Azt segít megérteni, kire bízza a látogató a problémáját.
Ez azért fontos, mert az online bizalom általában több apró, egymást erősítő jelből épül fel. Ezeket részletesebben a vállalkozás megbízhatóságát jelző tényezőknél vizsgáltam.
4. Referenciák: állítás helyett bizonyíték
Egy vállalkozás természetesen pozitívan beszél saját magáról.
Ezért önmagában az olyan állítások, mint:
- professzionális;
- megbízható;
- magas minőségű;
- ügyfélközpontú;
- innovatív
kevés információt adnak.
Sokkal erősebbek a konkrét bizonyítékok:
- Egy kivitelezőnél ilyen lehet egy elkészült munka.
- Egy grafikusnál portfólió.
- Egy tanácsadónál esettanulmány.
- Egy weboldalkészítőnél működő projektek.
- Egy helyi szolgáltatónál ügyfélvélemények.
A jó referencia lehetőség szerint megmutatja:
mi volt a kiinduló helyzet → mi történt → mi lett az eredmény.
Ez több információt ad, mint egy logófal vagy néhány általános dicsérő mondat.
5. A folyamat bemutatása csökkenti a bizonytalanságot
Sok szolgáltatásnál a látogató egyik legfontosabb kérdése:
Mi történik, ha jelentkezem?
Ez különösen lényeges nagyobb értékű vagy hosszabb együttműködésnél.
Egy egyszerű folyamatleírás például így nézhet ki:
1. Igényfelmérés
2. Írásos ajánlat
3. Megállapodás
4. Kivitelezés
5. Átadás
Ettől még nem ismeri az ügyfél az összes részletet, de már látja a folyamat alakját.
A kiszámíthatóság csökkenti az információhiányból eredő bizonytalanságot.
Ez a weboldal egyik gyakran alulértékelt funkciója.
Nemcsak elmondja, mit kínál a vállalkozás, hanem előre megmutatja, milyen lesz vele kapcsolatba kerülni.
6. Az árakról annyit érdemes közölni, amennyi segíti a tájékozódást
Az árak feltüntetése szolgáltatásoknál összetett kérdés.
Egy teljesen standardizált szolgáltatásnál egyszerű lehet fix árat közölni.
Egyedi projektnél ez gyakran kevésbé lehetséges.
Ilyenkor is adható azonban tájékozódási pont:
- induló ár;
- ársáv;
- tipikus projektköltség;
- csomagár;
- az árat befolyásoló tényezők.
Az ár teljes elrejtése bizonyos szolgáltatásoknál felesleges bizonytalanságot okozhat.
A túlzottan leegyszerűsített fix ár viszont félrevezető lehet, ha a projektek jelentősen eltérnek.
A jó árkommunikáció célja ezért:
reális tájékozódási keretet adni.
Egy vállalkozói weboldal esetében például a kivitelezés mellett domainnel, tárhellyel, licencekkel, karbantartással és későbbi fejlesztésekkel is érdemes számolni. Ezek összefüggéseit a vállalkozói weboldal költségeiről szóló elemzésben részletesebben bemutatom.
7. A GYIK valódi ügyfélkérdésekből épüljön
A gyakran ismételt kérdések oldalát könnyű SEO-elemként kezelni és általános kérdésekkel feltölteni.
Ennél többre képes.
A jó GYIK azokat a kérdéseket gyűjti össze, amelyek az érdeklődőkben ténylegesen felmerülnek a döntés előtt.
Például:
Mennyi ideig tart?
Mit kell előkészítenem?
Módosítható később?
Mikor kell fizetnem?
Mi történik az átadás után?
Milyen területen vállalsz munkát?
Mi történik, ha menet közben változik az igény?
Ezek a válaszok egyszerre segítik az érdeklődőt és csökkenthetik az ismétlődő előzetes egyeztetések számát.
A GYIK ezért kevésbé „plusz tartalom”.
Az értékesítési folyamat dokumentációja.
8. A kapcsolatfelvétel legyen egyszerű és kiszámítható
Egy kisvállalkozói weboldalon érdemes egyértelművé tenni:
- hogyan lehet kapcsolatba lépni;
- milyen adatokat érdemes megadni;
- mikor várható válasz;
- mi történik a kapcsolatfelvétel után.
Ez utóbbi apró részlet különösen hasznos.
Egy „Küldés” gomb után a látogató gyakran nem tudja, hogy öt perc, egy nap vagy egy hét múlva történik-e valami.
Egy egyszerű mondat:
„1–2 munkanapon belül válaszolok.”
már kiszámíthatóbbá teszi a folyamatot.
Az űrlapnál is érdemes mértéket tartani.
Egy első kapcsolatfelvételhez ritkán szükséges tizenöt kötelező mező. Összetettebb projektnél viszont indokolt lehet részletesebb igényfelmérő, ha az ügyfél érti, miért van szükség az információkra.
9. A jogi és adatkezelési információk a működő weboldal részei
Egy üzleti weboldal adatokat is kezelhet.
Már egy egyszerű kapcsolatfelvételi űrlapnál személyes adatok kerülhetnek a vállalkozáshoz.
Ezért a weboldal tartalmi tervezésénél helyet kell kapniuk a vállalkozás működéséhez és az adatkezeléshez szükséges tájékoztatásoknak is.
A konkrét kötelezettségek függnek többek között:
- a vállalkozási formától;
- a weboldal funkcióitól;
- az adatkezeléstől;
- a használt külső szolgáltatásoktól;
- attól, történik-e online értékesítés.
Egy egyszerű bemutatkozó oldal és egy webshop jogi környezete ezért eltérhet.
A weboldal struktúrájának kialakításakor ezekkel már érdemes számolni, a konkrét jogi dokumentumok tartalmát pedig az adott vállalkozás működéséhez igazítani.
10. A mobilnézet önálló tervezési helyzet
A reszponzív weboldal több annál, hogy a desktop változat kisebb képernyőn is elfér.
Telefonon más a rendelkezésre álló tér.
Másképp működik a navigáció.
Más a szövegek tördelése.
Más méretű érintési felületekre van szükség.
A W3C webes akadálymentességi ajánlásai többek között a megfelelő kontrasztot, jól felismerhető interaktív elemeket, következetes navigációt, egyértelmű űrlapmezőket és különböző képernyőméretekre tervezett felületeket emelik ki.
A mobilos tervezésnél ezért érdemes külön ellenőrizni:
- olvashatók-e a szövegek;
- egyértelmű-e a menü;
- könnyen használhatók-e a gombok;
- kezelhető-e az űrlap;
- megfelelő-e a tartalmi sorrend;
- nincs-e túl sok egymásra zsúfolt elem.
Nem elég a technikai mobilbarátság.
A cél a mobilos használhatóság.
11. A vizuális megjelenés támogassa az értelmezést
A webdesignnak fontos szerepe van a hitelességben.
Az emberek a vizuális megjelenést is felhasználják egy weboldal hitelességének megítélésében. A kutatók ugyanakkor a használhatóságot és hasznosságot is külön hitelességi tényezőként emelik ki.
Ez fontos különbség.
Egy weboldalnak nem attól lesz professzionális hatása, hogy sok animáció, látványos effekt és dekoráció kerül rá.
A vizuális rendszer feladata elsősorban a tartalom támogatása.
Segítsen megkülönböztetni:
- a címsorokat;
- a magyarázó szöveget;
- a bizonyítékokat;
- a kapcsolódó információkat;
- a továbblépési lehetőségeket.
A túl sok vizuális inger versenyezteti egymással ezeket az elemeket.
Ezért érdemes különbséget tenni vizuális minőség és vizuális mennyiség között.
A jelenség pszichológiai és használhatósági hátteréről részletesebben a túldizájnolt weboldalak hatásáról szóló elemzésben írtam.
12. Az oldalstruktúra legyen érthető az ember és a kereső számára is
Egy weboldal szerkezete nem pusztán vizuális kérdés.
A megfelelő címsorok közvetítik a tartalom szerkezetét és az akadálymentes technológiák számára navigációs pontokat is biztosítanak.
Ezért érdemes logikus hierarchiát használni:
H1 → az oldal fő témája
H2 → fő tartalmi egységek
H3 → az adott egységek résztémái
A címsoroknak valódi jelentést kell hordozniuk.
A „Miért fontos?” típusú általános alcím helyett sokszor informatívabb:
Miért fontos a helyi vállalkozásnak a Google Cégprofil?
Ugyanez igaz az oldalak címére.
A Google Search Central útmutatója szerint az egyedi, világos és tömör oldalcím segíti a felhasználót annak megértésében, miről szól a találat.
A SEO tehát már a tartalom szerkezeténél elkezdődik.
13. A belső linkek kapcsolják össze az információkat
Egy kisvállalkozói weboldal ritkán egyetlen lineáris útvonal.
Valaki a főoldalon érkezik.
Más egy szolgáltatási oldalon.
Megint más egy Google-ből megtalált blogcikken keresztül.
A belső linkek segítenek innen továbbvezetni az olvasót a kapcsolódó információhoz.
A Google SEO Starter Guide szintén kiemeli, hogy a linkek segítségével a felhasználók és a keresőmotorok is kapcsolatokat fedezhetnek fel az oldalak között.
Ezért érdemes természetes horgonyszöveget használni.
A:
„kattints ide”
helyett például:
„a helyi Google-megjelenés működése”
önmagában is megmutatja, mi található a hivatkozás mögött.
A W3C akadálymentességi útmutatója ugyanezt az elvet követi: a link szövegének érdemes leírnia a célját.
14. A weboldal akkor tud organikus látogatókat szerezni, ha van mire megérkezniük
Egy ötaloldalas bemutatkozó weboldal képes lefedni a vállalkozás legfontosabb információit.
A keresési lehetőségek azonban ennél jóval szélesebbek lehetnek.
Egy könyvelő ügyfelei például kereshetnek arra:
mikor érdemes könyvelőt váltani
mennyibe kerül egy könyvelő
egyéni vállalkozás vagy kft
mit vigyek az első könyvelői konzultációra
Ezekből természetes módon születhetnek szakmai cikkek, így a weboldal idővel egyre több releváns kérdésnél válhat megtalálhatóvá.
Ez a blog egyik fontos szerepe a kisvállalkozói weboldalon.
A keresőből történő láthatóság felépítésének gyakorlati rendszerét az organikus elérés növeléséről szóló útmutatóban részletesebben bemutatom.
15. Helyi vállalkozásnál a weboldal és a Google Cégprofil együtt dolgozik
Egy helyi szolgáltatónál a weboldal csak az online jelenlét egyik eleme.
A Google Cégprofil segítségével a vállalkozás megjelenhet a Google helyi találataiban és a Térképen is.
A weboldalon ezért érdemes egyértelműen feltüntetni a releváns helyi információkat:
- szolgáltatási terület;
- cím, ahol indokolt;
- elérhetőség;
- nyitvatartás;
- helyi szolgáltatások;
- kapcsolatfelvétel módja.
Egy dunakeszi kutyakozmetika számára például üzletileg sokkal fontosabb lehet néhány száz releváns környékbeli kereső, mint több ezer látogató az ország távoli részeiből.
Az organikus láthatóság célja ezért mindig a releváns megtalálhatóság.
Ha a vállalkozás helyhez kötött szolgáltatást nyújt, érdemes külön megérteni a helyi Google-találatok működését is.
16. A technikai állapot ugyanúgy a weboldal része, mint a szöveg és a dizájn
A látogató számára a technológia többnyire láthatatlan.
Egészen addig, amíg valami rosszul működik.
Lassú az oldal.
Hibás a kapcsolatfelvételi űrlap.
Eltűnik egy kép.
Hibás oldalra vezet egy link.
Mobilon szétesik az elrendezés.
Biztonsági figyelmeztetés jelenik meg.
A technikai minőség ezért közvetlenül befolyásolja a felhasználói élményt és közvetetten a vállalkozásról alkotott képet is.
A Google Search Essentials szerint a keresőben történő megjelenéshez technikai minimumfeltételek is tartoznak, miközben a keresőoptimalizálás feladata az is, hogy a keresőmotor könnyebben értse meg a webhely tartalmát.
WordPress esetén ehhez rendszeres karbantartás is társul.
A karbantartás elhanyagolásának technikai és biztonsági következményeit a hosszú ideig frissítetlen WordPress-oldalakról szóló cikkben részletesebben bemutatom.
17. A hiteles weboldal következetes
A látogató ritkán egyetlen elem alapján dönt a vállalkozás hitelességéről, inkább jelek sorozatából.
Az oldal azt állítja, hogy prémium szolgáltatást kínál, de tele van elütésekkel.
A vállalkozás precizitást ígér, de több törött link található.
Személyes szolgáltatásról beszél, de sehol nem látható, ki áll mögötte.
Átláthatóságot ígér, de a szolgáltatás folyamatáról alig található információ.
Ilyenkor az egyes jelek ellentmondanak egymásnak.
A következetesség ezzel szemben csökkenti ezt a bizonytalanságot.
A szöveg, a vizuális megjelenés, az ajánlat, az árkommunikáció, a folyamat és a kapcsolatfelvétel ugyanazt a vállalkozást mutatja.
Egy weboldal így válhat egy tágabb, hiteles online jelenlét részévé.
Mit érdemes tehát tartalmaznia egy kisvállalkozás weboldalának?
Egy tipikus szolgáltató kisvállalkozás számára jó kiindulópont lehet:
Főoldal
Röviden megmutatja, mivel foglalkozik a vállalkozás, kinek segít és merre érdemes továbbhaladni.
Szolgáltatás vagy szolgáltatások
Részletesen bemutatja az ajánlatot, a kereteket és a működést.
Rólam / Rólunk
Megmutatja a vállalkozás mögött álló embert, csapatot és szakmai hátteret.
Referenciák vagy esettanulmányok
Konkrét bizonyítékot adnak a tapasztalatról.
GYIK
Megválaszolja a döntés előtt rendszeresen felmerülő kérdéseket.
Kapcsolat
Egyszerű és kiszámítható kapcsolatfelvételi lehetőséget biztosít.
Jogi és adatkezelési információk
A vállalkozás működéséhez és a weboldal adatkezeléséhez igazodnak.
Blog vagy tudástár
Akkor érdemes használni, ha a vállalkozás szakmai kérdések megválaszolásával organikus láthatóságot és hosszabb távú tartalmi rendszert szeretne építeni.
Ez azonban kiindulási struktúra, nem kötelező sablon.
Egy fotósnak fontos lehet a galéria.
Egy építésznek a projektbemutató.
Egy oktatónak a képzési oldal.
Egy étteremnek az étlap és nyitvatartás.
Egy helyi szolgáltatónak a szolgáltatási terület.
Egy termékeket online értékesítő vállalkozásnak pedig már egészen más rendszerre lehet szüksége. A két alapvető megoldás közötti különbséget a bemutatkozó weboldal és webshop összehasonlításában részletesebben bemutatom.
Mit érdemes elhagyni?
Legalább ilyen fontos kérdés.
Egy kisvállalkozói weboldalnak ritkán használ az információs túlterhelés.
Érdemes megvizsgálni minden elemnél:
Segít valamit megérteni?
Bizonyít valamit?
Segíti a tájékozódást?
Csökkent egy valós bizonytalanságot?
Segít a következő lépésben?
Ha egyikre sem válaszolunk igennel, az elem szerepe kérdéses.
Ez vonatkozhat:
- dekoratív animációkra;
- általános marketingmondatokra;
- irreleváns számlálókra;
- túl sok CTA-ra;
- automatikusan felugró ablakokra;
- indokolatlanul hosszú űrlapokra;
- funkció nélküli vizuális elemekre.
A weboldal minőségét nem az mutatja, mennyi mindent sikerült rátenni.
Hanem az, hogy mennyi szükséges információt sikerült világosan rendszerbe rendezni.
Egy kisvállalkozói weboldal minimális információs modellje
A tervezés előtt érdemes hét kérdést megválaszolni:
1. Ki vagy?
Azonosítható vállalkozás és ember.
2. Mivel foglalkozol?
Konkrét, érthető ajánlat.
3. Kinek segítesz?
Világos célcsoport vagy felhasználási helyzet.
4. Hogyan segítesz?
Szolgáltatás és folyamat.
5. Mi támasztja alá, amit állítasz?
Referencia, tapasztalat, szakmai tartalom vagy más ellenőrizhető bizonyíték.
6. Mire számíthat az érdeklődő?
Keretrendszer, ár, idő, együttműködés vagy ezek meghatározó tényezői.
7. Hogyan tud továbbhaladni?
Kapcsolatfelvétel, időpontkérés, ajánlatkérés vagy más egyértelmű következő lépés.
Ha ezekre a weboldal könnyen megtalálható és érthető választ ad, már sokkal közelebb kerül ahhoz, hogy valódi üzleti eszközként működjön.
Összegzés
Egy kisvállalkozás weboldalának tartalma kevésbé az aloldalak számáról szól.
A lényeg az információs rendszer.
A látogatónak meg kell értenie, hová érkezett, mit kínál a vállalkozás, kinek szól a szolgáltatás, ki áll mögötte, milyen bizonyítékok támasztják alá a szakértelmet, hogyan működik az együttműködés és mi lehet a következő lépés.
Ehhez gyakran elegendő egy jól felépített főoldal, szolgáltatási oldal, bemutatkozás, referencia, GYIK és kapcsolat.
Más vállalkozásoknál további elemekre lesz szükség.
A megfelelő struktúrát ezért mindig a vállalkozás működéséből és az ügyfelek információigényéből érdemes levezetni.
Egy jól felépített bemutatkozó weboldal ennek megfelelően nem egyszerű online névjegy: később szolgáltatási oldalakkal, bloggal, landing oldallal vagy akár webshoppal is továbbfejleszthető.
A cél végül egyszerű:
amikor valaki megérkezik a weboldalra, minél kevesebb találgatással értse meg, hogy jó helyen jár-e.
