Hogyan teszteljük a weboldalt indulás előtt? Megmutatjuk!

A tesztelés, a weboldal fejlesztésének a legutolsó szakasza, és mint olyan, létfontosságú szerepet játszik abban, hogy később mennyi leadünk lesz. 

Persze utólagosan is ki tudjuk javítani a hibákat, elütéseket, viszont a nagyobb problémákat jobb már az elején elkerülni. 

Természetesen minél nagyobb, terjedelmesebb, minél összetettebb az oldal, annál több időbe telik a tesztelése és a hibakeresés.

Maga a tesztelés egyébként sokféleképpen történhet, nincs konkrét sorrend, ami alapján végig kell haladni, így a cikkünkben szereplő elemek tetszés szerinti sorrendben felcserélhetőek. 

És most nézzük is meg, miket kell tesztelni egy weboldalon, még az élesítés előtt!

Milyen dokumentumok kellenek a weboldalhoz?

A dokumentációk tesztelése

Kezdjük talán a legegyértelműbbel, a dokumentációk tesztelésével. Nézzük meg, hogy meg vannak-e azok az alapvető pluginok (cookie-tájékoztatók, felnőtt tartalom esetén figyelmeztetés).

Egy weboldal indításához a következő jogi dokumentumok szükségesek:

  • Általános szerződési feltételek(röviden ÁSZF), amiben szerepelnie kell
    • a vállalkozás adatainak
    • a forgalmazott termékeknek vagy adott szolgáltatási körnek,
    • a szállítási díjaknak, azok feltételeinek, és a szállítási határidőnek,
    • a fizetési lehetőségeknek,
    • annak, hogy pontosan hogyan is kell megrendelni a terméket, szolgáltatást,
    • a panaszkezelés módjának és az ezzzel kapcsolatos jogi tudnivalóknak,
    • a garanciákra, szavatosságra vonatkozó információknak.
  • Adatkezelési tájékoztató 
  • GDPR irányelvek (meddig őrzöd meg a vásárlód adatait, mire használod fel ezeket satöbbi)
  • Kapcsolati adatok 
    • telefonszám, email cím, amelyen el lehet érni a webhely tulajdonosát. 
Hogyan működik a weboldal?

A weboldal működésének tesztelése

Használhatóság

Ha webshopunk van, végre kell hajtanunk egy próbavásárlást. Még jobb, ha olyasvalakinek adjuk – például idősebb rokonnak – aki nem ért annyira a netes vásárláshoz. Ha ugyanis egy laikus számára is egyértelmű, mi a következő lépés, akkor akkor nem lesz probléma a kosárelhagyások számával sem.

Amennyiben szolgáltatásokat nyújtó vagy általános weboldalunk van, úgy legyen egyértelmű a vásárlás, az árajánlat, a CTA-k (vásárlásösztönző gombok) elhelyezkedése, mérete. 

Általánosságban véve figyeljünk arra, hogy a webhely minden oldala jól érthető és könnyen használható legyen, illetve minden oldalról egyetlen kattintással elérhető legyen a Főmenü.

Fizetési módok tesztelése

Ha átutalással lehet fizetni, ellenőrizzük le, hogy jól írtuk-e le a számlaszámunkat. (Utánvétes fizetés esetén szintén érdemes ugyanezt lecsekkolni.) 

Ha integráltunk egy bankkártyás fizetési rendszert is (Stripe, SimplePay, Borgun satöbbi), akkor ellenőrizzük, hogy a plugin felületén mindent beállítottunk-e, az előírásoknak megfelelően. 

Lehetőség szerint a próbavásárlás során a bankkártyát válasszuk ki, így ha elakadás vagy probléma merül fel a fizetés során, azonnal láthatjuk, és felvehetjük a kapcsolatot az ügyfélszolgálattal. 

Belső-, külső linkek tesztelése

Kattintsuk végig a főoldalon és az összes aloldalon található linket. Ellenőrizzük, hogy mindegyik működik-e. 

Ha tört link van az oldalon és 404-es oldalra vezet minket, akkor irányítsuk át egy releváns oldalra (WordPress esetén ezt megtehetjük különböző bővítmények – például a RankMath segítségével is).

Űrlapok vizsgálata

Ha található űrlap a Kapcsolat oldalon, küldj magadnak egy próba emailt, hogy lásd, minden rendben működik-e. Előfordulhat, hogy a spam vagy a promóciók mappába küldi az emailt. Ha az előbbi, akkor ebben az esetben a levelezőrendszerben mindenképp jelezd, hogy nem spam. 

Sajnos több oka lehet, hogy miért kerül ide az email, ilyen lehet

  • a levél tartalma
  • a használt levelezőrendszer
  • a rosszul karbantartott email-lista satöbbi.

Weboldal láthatósága

SEO-szempontból (a SEO a Search Engine Optimization, vagyis a keresőoptimalizálás rövidítése) az egyik legfontosabb, hogy a weboldalunk látható-e a keresőrobotok számára. 

Ahhoz ugyanis, hogy robotok átpásztázhassák a honlapunkat, szükség van egy ún. webhelytérképre (angolul sitemap-re), ami alapján „tájékozódni” tudnak.

Mielőtt élesítenénk a weboldalt, győződjünk meg arról, hogy van-e sitemap, és ha nincs, hozzunk létre egyet.

Ugyanilyen fontos az is, hogy a honlapunk össze legyen kötve a Google Analytics-szel és a Search Console-lal.

Össze van-e kötve a weboldal a Google Analytics-szel és a Search Console-lal?

Nagyon fontos, hogy a site-unkat regisztráljuk a Google Analyticsen (a linken leírjuk, hogyan), hiszen így tudjuk mérni azt, hány látogatónk, hány vásárlónk van, illetve azt, hogy melyik országból olvasnak minket a legtöbben.

A Search Console pedig segít a Google robotoknak feltérképezni a webhelyet, közvetlenül tudunk például linkeket küldeni a SC számára. Illetve ezen keresztül csekkolhatjuk, hogy milyen kulcsszavakra érkeznek hozzánk a legtöbben, illetve a linképítés során milyen weboldalak linkelnek ránk vissza. (Ez egyébként SEO-szempontból szintén fontos tényező.)

Fontos, hogy milyen a weboldal tartalma

A weboldal tartalmának tesztelése

Fontos, hogy a weboldal nyelvtanilag is rendben legyen.

Ezeket a hibákat ugyan később is lehet javítani, de a durva elütések, nyelvtani, stilisztikai hibák ronthatják a reputációnkat és elriaszthatják a potenciális ügyfeleket, vásárlókat.

Érdemes tehát figyelni arra, hogy: 

  • a főoldalon és az aloldalakon ne legyenek helyesírási, központozási, nyelvtani hibák,
  • a képek megfelelően vannak elhelyezve, megfelelő méretben, és illeszkednek a kontextushoz,
  • a webhely színe és a betűtípusa passzoljon egymáshoz; illetve a betűtípus és betűméret jól olvasható legyen,
  • a tartalomnak kellően informatívnak, érhetőnek és egyértelműnek, valamint jól strukturáltnak és logikus felépítésűnek kell lennie ,
  • a CTA-k egyértelműek legyenek.

Reszponzivitás (mobilos és táblagépes használhatóság) ellenőrzése

Mivel a leendő vásárlók, ügyfelek jelentős része (a legújabb felmérések szerint 60-, 70%-a) telefonról böngészik, így nagyon fontos, hogy a weboldal ne csak asztali PC-n és laptopon legyen jól használható, hanem mobilról is. 

Nyissuk meg a weboldalt telefonunkról és vizsgáljuk meg, hogy minden elem tökéletesen illeszkedik, jól olvasható és nincs-e esetleges elcsúszás. Gyakori hiba, hogy egy pop-up vagy a felugró chat ablak szinte teljesen kitakarja a tartalmat. Ha ez így van, akkor igyekezzünk őket optimalizálni, vagy tiltsuk le őket telefonos nézetben. 

További checklist a reszponzivitás ellenőrzéséhez:

  • optimalizáljuk a webhely betöltési sebességét (erről bővebben a  következő pontban)
  • győződjünk meg arról, hogy a gombok megfelelő méretűek-e a nagyobb ujjal rendelkező emberek számára is
  • optimalizáljuk a képek méretét 
  • ne használjunk Flash-t és előugró ablakokat
  • használjunk viszont felsorolásjeleket és rövid mondatokat
  • győződjünk meg arról, hogy egyetlen kattintással lehessen hívni vagy emailt írni, 
  • ellenőrizzük, hogy a webhelyünk hozzáférhet -e a tartózkodási helyhez GPS segítségével

Weboldal sebességének tesztelése

Mobilos használhatóság szempontjából jó, ha a weboldalunk minél gyorsabban tölt be, és minél kevesebb adatforgalmat fogyaszt. 

A weboldal sebességét tesztelhetjük a GTmetrix nevű, ingyenes alkalmazással, ami a legújabb Google-trendeket (Core Web Vitals) veszi figyelembe. 

A mérés során megtudhatjuk, hogy

  • mennyi idő alatt tölt be az LCP (Largest Contentful Paint), tehát a legnagyobb vizuális tartalomválasz
  • mennyi a TBT (Total Blocking Time), azaz a teljes blokkolási idő
  • illetve mennyi időt vesz igénybe a CLS (Cumulative Layout Shift), vagyis az elrendezés összmozgása.

Tipp: a weboldal sebességének optimalizálásban segíthet egy jó SEO-szakember.

Lokalizált verziók tesztelése

Ha a weboldalunk többnyelvű (például magyar és angol), akkor jó, ha mindkét verziót teszteljük. 

Itt figyelünk:

  • a fordítás pontosságára (több nyelv, több pénznem),
  • hogy minden elem megjelenik-e,
  • és hozzáfér-e a weboldal a felhasználó helyadataihoz. Ez azért fontos, mert ha látja, hogy az olvasó Magyarországról van, akkor magyar nyelven jelenik meg automatikusan, viszont ha például Nagy-Britanniából, akkor angolul. 

OS/böngésző tesztelése

A weboldalunknak mindenképpen jól használhatónak kell lennie különböző operációs rendszereken (OS-eken). 

Hordozható eszközökön (telefonon, táblagépen) lehet: 

  • Android
  • iOS
  • BlackBerry OS

Asztali PC-n, illetve laptopon pedig: 

  • Windows
  • Linux
  • Mac satöbbi.

Érdemes tesztelni az oldalt a  böngészőben is, hiszen előfordulhat, hogy máshogy jelennek meg a különböző típusokban: 

  • Mozilla Firefox, 
  • Google Chrome, 
  • Microsoft Edge,
  • Opera,
  • Safari satöbbi.
A weboldal biztonsági tesztelése

A weboldal biztonsági tesztelése

A weboldal biztonsági tesztelése során a következőkre figyeljünk: 

  • győződjünk meg arról, hogy a biztonságos oldalakhoz való jogosulatlan hozzáférés nem lehetséges
  • teszteljük az SSL biztonsági funkcióit
  • minden feltörési kísérletet, hibajelentést stb. naplózni kell, és külön fájlban kell tárolni további elemzés céljából
  • ellenőrizzük, hogy rendesen működik-e a captcha 
  • győződjünk meg arról, hogy a korlátozott fájlok nem tölthetők le megfelelő hozzáférés nélkül
  • győződjünk meg arról, hogy nincs bejelentkezési lehetőség, ha rossz jelszót vagy felhasználónevet adunk meg

Összegzés

Ahogy láthatod, a webhely tesztelése, a “nagy kilövés” előtt rendkívül összetett és hosszadalmas feladat, ráadásul szakértő bevonása nélkül, laikusként szinte lehetetlen. A WebsitExpon olyan weboldalakat találsz, amelyeket már teszteltünk, és hozzáértő szakemberek készítettek, így nem kell külön időt, energiát (és rengeteg pénzt) erre fordítani. 

Amennyiben pedig már kész weboldallal rendelkezel, de mégis segítségre van szükséged, úgy is bátran keress minket – felkészült csapatunk bármilyen felmerülő problémára megoldást nyújt.