Weboldal élesítés előtti ellenőrzőlista: 12 dolog, amit nézzen át

Weboldal élesítése előtt ne csak a dizájnt ellenőrizze. Nézze át a szövegeket, linkeket, űrlapokat, mobilnézetet, sebességet, HTTPS-t, mérést és a bent maradt Lorem Ipsumot.

Egy weboldal élesítése sokszor egészen az utolsó napig egyszerűnek tűnik. A dizájn kész, a tartalom állítólag a helyén van, a fejlesztő az utolsó javításokat végzi, és mindenki arra vár, hogy az oldal végre nyilvános legyen.

Pont ilyenkor a legkönnyebb átsiklani olyan hibák felett, amelyeket a látogató azonnal észrevesz: nem működő űrlap, régi telefonszám, tesztoldalra mutató link, több megabájtos kép vagy bent felejtett Lorem Ipsum.

Ez egy gyakorlati ellenőrzőlista weboldal élesítése előtt. Nem nagy webáruházak auditja, és nem fejlesztői műszaki specifikáció. Olyan ellenőrzéseket tartalmaz, amelyeken egy kisebb céges weboldalnak, projektoldalnak, blognak vagy értékesítési oldalnak érdemes végigmennie, mielőtt valódi látogatók látják.

1. Ellenőrizze a kulcsoldalakat

Először azokat az oldalakat nézze át, amelyeket a látogatók a leggyakrabban nyitnak meg:

• főoldal,
• szolgáltatások vagy termékek,
• árak,
• kapcsolat,
• blog vagy cikkek,
• rólunk oldal,
• általános szerződési feltételek,
• adatvédelmi tájékoztató,
• 404-es hibaoldal.

Minden oldalon tegyen fel egy egyszerű kérdést: néhány másodperc alatt megérti a látogató, hol van, mit kínál az oldal, és mi legyen a következő lépése?

Ha nem, az oldal lehet technikailag kész, de mégsem fog jól működni. Az embereknek nincs idejük kitalálni, mire gondolt.

2. Távolítsa el a Lorem Ipsumot és a munkaszövegeket

A helyőrző szöveg a tervbe való, nem az élő weboldalra.

Élesítés előtt különösen ezekre keressen rá:

lorem
ipsum
dolor
sit amet
placeholder
dummy
sample
test
TODO
coming soon

Ne csak a bekezdéseket ellenőrizze. Munkaszöveg gyakran olyan helyeken marad bent, amelyeket gyors átnézéskor könnyű kihagyni:

• címsorok,
• gombok,
• kártyaleírások,
• lábléc,
• felugró ablakok,
• hibaüzenetek,
• e-mail-sablonok,
• üres állapotok,
• oldalcímek és meta leírások.

Ha egy oldalnak még nincs kész szövege, jobb egyelőre kihagyni a menüből és a sitemapből. Egy ideiglenesen publikált, munkaszöveges oldal rosszabb benyomást kelt, mint egy még nem elérhető oldal.

A Lorem Ipsum generátor hasznos tervezéskor és elrendezések tesztelésekor. Egy kész weboldalon azonban már nincs helye a Lorem Ipsumnak.

3. Töltse ki a címeket és meta leírásokat

Minden fontos oldalnak legyen saját címe és rövid leírása. Nem csak egy SEO-lista kipipálása miatt, hanem azért is, mert a cím megjelenik a böngészőben, a keresési találatokban és a megosztott linkeknél.

Ellenőrizze:

• minden fontos oldalon egyedi a <title>,
• a cím nem csak a cég neve,
• a meta leírás nem üres,
• a leírás illik az oldal tartalmához,
• a címben és leírásban nem maradt munkaszöveg,
• a márkanév következetesen szerepel.

Gyenge cím:

Home

Jobb cím:

Könyvelés egyéni vállalkozóknak és kis cégeknek | Cégnév

A kereső nem mindig pontosan azt a meta leírást jeleníti meg, amelyet megad. Mégis érdemes kitölteni, mert rákényszerít arra, hogy röviden megfogalmazza, mi található az oldalon és kinek hasznos.

4. Tesztelje az űrlapokat elejétől a végéig

Nem elég látni az űrlapot az oldalon. Ténylegesen ki kell tölteni és el kell küldeni.

Tesztelje:

• a kapcsolatfelvételi űrlap elküldését,
• a kötelező mezőket,
• a hibás e-mail-címet,
• a rövid üzenetet,
• a hosszú üzenetet,
• a sikeres küldés utáni üzenetet,
• a hibaüzenetet,
• az e-mail kézbesítését a weboldal kezelőjének,
• az automatikus választ a látogatónak, ha ilyet küld.

Nézze meg a nyelvet is. A The field is required technikailag helyes lehet, de egy magyar oldalon befejezetlen rendszerüzenetnek hat.

Ha az űrlap fontos üzleti megkereséseket küld, tesztelje céges címen kívüli e-mailről is. Így könnyebb észrevenni a spamszűréssel vagy kézbesítéssel kapcsolatos gondokat.

5. Kattintson végig a fontos linkeken

Menjen végig a navigáción, láblécen, gombokon, cikklinkeken és kapcsolati linkeken.

Különösen ezeket keresse:

• tesztdomainre mutató linkek,
• localhost linkek,
• nem létező oldalak,
• művelet nélküli gombok,
• régi PDF-fájlok,
• elavult közösségimédia-linkek,
• mobilról nem hívható telefonszámok,
• hibás címre mutató e-mail-linkek.

Régi weboldal cseréjénél az átirányításokat is ellenőrizze. Ha egy korábbi oldalnak volt forgalma vagy külső linkje, az új weboldal élesítése után nem szabad 404-es hibára futnia.

6. Nézze meg az oldalt mobilon

A mobilnézet nem egyszerűen kisebb desktop. Sok hiba csak valódi telefonon derül ki.

Ellenőrizze:

• főmenü,
• nyitó szakasz,
• gombok,
• űrlapok,
• táblázatok,
• képek,
• lábléc,
• cookie sáv vagy analitikai hozzájárulás.

Figyeljen az egymásra csúszó szövegekre, a gombok méretére és a hosszú címsorokra. A gombokat kényelmesen meg kell tudni érinteni, a címsornak pedig több sorba törve is olvashatónak kell maradnia. Ha az első mobilképernyő főleg üres helyből vagy óriási címből áll, a látogató nem biztos, hogy eljut a lényegig.

Érdemes legalább egy kisebb telefont és egy nagyobb kijelzőt is kipróbálni. A böngészőablak szűkítése asztali gépen önmagában nem elég.

7. Ellenőrizze a sebességet és a képeket

A lassú weboldalakat az emberek bezárják. Élesítés előtt nem kell minden technikai részletet megoldani, de az alapvető problémák gyorsan kideríthetők.

Nézze meg főleg:

• feleslegesen nagy képek,
• a fő kép lassú betöltése,
• nagy, de nem szükséges szkriptek,
• tartalom elmozdulása betöltés közben,
• túl sok betűtípus,
• lassú betöltés mobilon.

Ha egy kép 5 MB, az gond. Ha az oldal betöltés közben látványosan ugrál, az gond. Ha mobilon több másodpercet kell várni a fő tartalomra, az szintén gond.

Kisebb weboldalnál gyakran elég az egyszerű fegyelem: ésszerű képméretek, felesleges szkriptek nélkül, és a legfontosabb tartalom minél korábbi betöltése.

8. Menjen végig az alapvető akadálymentességen

Nem kell minden esetben nagy audit. Az alapvető akadálymentességi ellenőrzés viszont minden nyilvános weboldalhoz hozzátartozik.

Ellenőrizze:

• az oldalon van egy egyértelmű főcím,
• a címsorok logikus sorrendben követik egymást,
• a szöveg kontrasztja megfelelő a háttérhez képest,
• a gombok konkrét szöveget kapnak, például Üzenet küldése a bizonytalan Küldés helyett,
• az űrlapmezőknek érthető címkéjük vagy leírásuk van,
• az oldal billentyűzettel is bejárható, egér nélkül,
• a képeknek megfelelő alternatív szövegük van.

Képeknél egyszerű a szabály: ha a kép információt hordoz, az alternatív szöveg röviden írja le ezt az információt. Ha a kép csak dekoráció, az alternatív szöveg üres maradhat.

9. Ellenőrizze az indexelést és a sitemapet

Élesítés előtt döntse el, mely oldalak kerüljenek keresőkbe, és melyek ne.

A nyilvános oldalak legyenek elérhetők a keresők számára. A munkaverziók, tesztoldalak és duplikált oldalak ne kerüljenek oda.

Ellenőrizze:

• a robots.txt nem tilt fontos nyilvános részeket,
• a sitemap.xml csak azokat az oldalakat tartalmazza, amelyeket indexeltetni szeretne,
• a canonical URL a végleges címre mutat,
• a belső linkek végleges URL-ekre vezetnek, nem tesztdomainre,
• a nyelvi verziók a megfelelő lokalizált oldalakra mutatnak,
• a régi fontos URL-ekhez készültek átirányítások.

Élesítés után adja hozzá az oldalt a Google Search Console-hoz, vagy ellenőrizze ott újra. Ha a Bing is fontos, állítsa be a Bing Webmaster Toolst is. Mindkét szolgáltatás megmutatja, hogyan látják a keresők az oldalakat, a sitemapet és az esetleges indexelési problémákat.

10. Ellenőrizze a HTTPS-t és a technikai alapokat

A HTTPS ma alapelvárás. A látogató nem láthat olyan figyelmeztetést, hogy az oldal nem biztonságos.

Ellenőrizze:

• a weboldal https:// címen tölt be,
• a www és a www nélküli verzió a terv szerint viselkedik,
• a régi http:// verzió HTTPS-re irányít,
• a tanúsítvány érvényes,
• az oldal nem tölt be képeket vagy szkripteket nem biztonságos HTTP-n keresztül,
• az űrlapok biztonságos kapcsolaton küldenek adatot.

Nagyobb weboldalnál az átirányításokat, gyorsítótárazást és szerverbeállításokat is érdemes átnézetni.

11. Állítsa be az analitikát és a mérést

Élesítés előtt győződjön meg róla, hogy a mérés valóban működik. Nem elég beilleszteni az analitikai kódot és remélni, hogy minden rendben.

Ellenőrizze:

• az analitikai eszköz betölt,
• a cookie-hozzájárulás a weboldal beállításainak megfelelően működik,
• az űrlap elküldése mérhető,
• a telefonra vagy e-mailre kattintás mérhető, ha ez fontos,
• az alapvető konverziók be vannak állítva,
• a Google Search Console készen áll,
• a Bing Webmaster Tools készen áll, ha a Binget is figyelni szeretné.

Az első napok élesítés után fontosak. Ha a mérés nem működik, pont abból az időszakból veszít adatot, amikor a legtöbben nézik meg az új oldalt.

12. Ellenőrizze a jogi és kapcsolati adatokat

A kapcsolati és jogi adatokat az emberek főleg akkor veszik észre, amikor hibásak.

Nézze át:

• cégnév,
• cégjegyzékszám, adószám és közösségi adószám, ha releváns,
• számlázási cím,
• e-mail,
• telefon,
• közösségimédia-linkek,
• általános szerződési feltételek,
• adatvédelmi tájékoztató,
• cookie-információk.

A telefonszámot próbálja megnyitni mobilról. Az e-mail-címre kattintson rá. Ha van kapcsolatfelvételi űrlap és e-mail-cím is a láblécben, küldjön tesztet mindkét úton.

Utolsó ellenőrzés látogatói szemmel

A végén ne szerzőként nézze az oldalt. Nyissa meg úgy, mint valaki, aki semmit sem tud a projektről.

Próbálja meg:

1. Megtalálni a fő szolgáltatást vagy terméket.
2. Kideríteni az árat vagy a rendelés módját.
3. Kapcsolatba lépni a céggel.
4. Elolvasni egy cikket vagy aloldalt.
5. Megnyitni az oldalt mobilon.
6. Visszajutni a 404-es hibaoldalról.
7. Elküldeni egy tesztűrlapot.

Ha valamelyik lépésnél megakad és gondolkodnia kell, hova kattintson, az javítandó jel. A következő lépésnek magyarázat nélkül is egyértelműnek kell lennie.

Rövid ellenőrzőlista weboldal élesítése előtt

Ha nincs idő részletes átnézésre, legalább ezen menjen végig:

• A kulcsoldalakon valódi tartalom van.
• Nincs Lorem Ipsum vagy TODO a weboldalon.
• Az oldalcímek és meta leírások ki vannak töltve.
• Az űrlapok elküldhetők.
• A fontos linkek működnek.
• A mobilnézet használható.
• A képek nem feleslegesen nagyok.
• A képeknek megfelelő alternatív szövegük van.
• A HTTPS figyelmeztetés nélkül működik.
• A sitemap a megfelelő oldalakat tartalmazza.
• A Google Search Console készen áll.
• A Bing Webmaster Tools készen áll, ha használni szeretné.
• Az analitika és a konverziómérés működik.
• A kapcsolati és jogi adatok helyesek.

Összefoglalás

Egy weboldal élesítése nem csak az utolsó kattintás az adminfelületen. Ez az a pillanat, amikor a munkaverzióból nyilvános oldal lesz, amelyet valódi emberek fognak megítélni.

A leggyakoribb hibák általában nem bonyolultak. Bent maradt munkaszövegek, hibás linkek, nem tesztelt űrlapok, lassú képek vagy apró adatok, amelyeket a csapat hetek munka után már nem vesz észre.

Ezért érdemes még egyszer, lassan végigmenni a weboldalon, anélkül hogy abból indulna ki: ezt már biztosan ellenőrizte valaki.