A weboldal elemzés szempontjai a sebességtől és a mobilos használhatóságtól a tartalmon és a keresőoptimalizáláson át a marketingig és a jogi alapokig terjednek. Egy átfogó audit azt vizsgálja, hogy a látogató megtalálja-e a keresett információt, megbízik-e a vállalkozásban, és el tudja-e végezni a kívánt lépést. A hibákat az üzleti célra és a használhatóságra gyakorolt hatásuk szerint érdemes javítani.
A weboldal elemzés szempontjait nem szoktam fél vállról venni egy weblap elemzés során. Nem kevesebb, mint 100 szempontot (sőt, ennél többet) szoktam figyelembe venni, akkor amikor weboldal elemzést végzek. Ebben a cikkben a weboldal elemzésről fogok írni, pontosabban arról, hogy miket kell megvizsgálnod akkor, hogyha egy teljeskörű weboldal auditot szeretne elkészíteni az ember. Azt fogom megmutatni, hogy én milyen szempontokon szoktam végigmenni egy-egy weboldal elemzés, optimalizálás, új honlap készítés vagy landing oldal készítés során.
Egy ilyen átfogó elemzés nálam magában foglalja a seo alapú weboldal elemzést is, és a honlap elemzés marketing szempontból is megtörténik. Meg persze sok más terület és szempont alapján is 🙂
Mivel egy meglehetősen combos honlap szempont listáról beszélünk, ezért itt most nem térek ki részletesen az egyes weboldal szempontokra. Ezek többségéről bőségesen beszélek a többi, weboldal és landing oldal készítéssel és online marketinggel foglalkozó cikkben.
Na, akkor csapjunk is bele!
Ha inkább a videót részesíted előnyben a szöveg helyett, akkor íme. A videó a cikk korábbi változatához készült; a technikai és SEO-tanácsoknál az alábbi, frissített szöveget kövesd:
Az alábbi pontok weboldal elemzés mintaként is funkcionálhatnak a számodra. Ezért érdemes lehet elmentened ezt az oldalt későbbra.
Tartalomjegyzék
- 1. Weboldal elemzés szempont kategória: sebesség
- 2. Weboldal elemzés szempont kategória: webdesign
- 3. Weboldal elemzés szempont kategória: webergonómia, használhatóság, UX
- 4. Weboldal elemzés szempont kategória: reszponzivitás, mobil használhatóság
- 5. Weboldal elemzés szempont kategória: tartalom
- 6. Weboldal elemzés szempont kategória: keresőoptimalizálás (SEO)
- 7. Weboldal elemzés szempont kategória: marketing
- 8. Weboldal elemzés szempont kategória: jogi kötelezettségek
- Zárás
1. Weboldal elemzés szempont kategória: sebesség
A weboldal elemzés szempontjai között az első, amit meg szoktam vizsgálni, az a weboldal betöltési sebessége.
Ha nem elég gyors a weboldalad, akkor a potenciális váráslód már azelőtt le fog lépni, mielőtt megpillantotta volna az oldaladon bármit is.
Ha nem elég gyors a weboldalad, túl sokat kell várni arra, hogy betöltsön, akkor a látogatók még odáig sem fognak jutni, hogy elolvassák az első szót, megnézzék az első képet. Még azelőtt le fognak lépni, hogy betöltődött volna az oldal.
1. Betöltési sebesség mérése
Én erre két eszközt szoktam használni:
Ezek az eszközök a teljesítményproblémák feltárásában segítenek. A PageSpeed Insights külön mutatja a laboratóriumi és a valós felhasználói adatokat: az előbbi egy szimulált teszt, az utóbbi a Chrome-felhasználók összesített tapasztalata, ha elegendő adat áll rendelkezésre. Mobilon és asztali nézetben is nézd meg az eredményt; egyetlen pontszám nem írja le a teljes használhatóságot.
2. Tömörített képek
Ezen eszközök javaslatain túl azt szoktam még megvizsgálni, hogy megfeleően tömörítettek-e a képek. A lehető legalacsonyabb – de még jó – minőségben szerepelnek-e az oldalon.
A szükségtelenül nagy képfájlok lassíthatják a betöltést. A fájlméretet a kép tartalma, mérete, formátuma és tömörítése együtt határozza meg. Válassz olyan beállítást, amely kis fájlméret mellett is jól olvasható, részletgazdag képet ad; a hatást a betöltési mérésben is ellenőrizd.
A képeket tudod tömöríteni, és van az a szint, ahol felhasználói oldalról még nem lehet érzékelni, hogy ez a kép minőségvesztési folyamaton esett át. Mégis, a megfelelő tömörítési arány használatával drasztikusan kisebb fájlokat fogsz kapni.
Szabad szemmel nem látható minőségromlás mellett is lényeges fájlméret csökkenést tudsz elérni megfelelő tömörítéssel.
3. Képek felbontása igazodik a megjelenítéshez
Weboldal elemzésnél megnézem, hogy a képek mérete illik-e a megjelenítési helyhez. A nagyobb pixelsűrűségű kijelzők indokolhatnak nagyobb képet, de ne tölts le minden eszközre szükségtelenül óriási fájlt. A reszponzív képváltozatok segítenek abban, hogy a böngésző a megfelelő méretet válassza.
4. HTML, CSS és JavaScript méretének csökkentése
A minify és az átviteli tömörítés 2 külön feladat. A minify a kód felesleges karaktereit csökkenti; a GZIP vagy Brotli tömörítés pedig a szerver és a böngésző között átvitt adat mennyiségét. Ellenőrizd mindkettőt, majd teszteld, hogy az optimalizálás után is működnek-e a weboldal funkciói.
5. Megfelelő gyorsítótárazás (cache)
A gyorsítótár korábban letöltött vagy előállított tartalmat használ újra. Lehet a böngészőben, a szerveren vagy egy tartalomszolgáltató hálózatban (CDN); ezek működése és ürítése eltérő.
A frissülő tartalomhoz megfelelő lejárati és frissességellenőrzési szabály kell. Nem szükséges minden gyakran változó weboldalon kikapcsolni a cache-t: a statikus fájlok és az egyes oldalak külön szabályozhatók. A személyre szabott tartalom megosztott gyorsítótárba kerülését viszont el kell kerülni. Az MDN gyorsítótárazási útmutatója részletesen bemutatja ezeket a különbségeket.
6. Betöltés, reakciókészség és stabilitás mérése
A Core Web Vitals 3 mutatóval segít megítélni a felhasználói élményt. Nem egy általános „3 másodperces betöltési szabályt” kell minden oldalra ráhúzni: nézd meg, mikor jelenik meg a fő tartalom, milyen gyors a válasz a kattintásra, és ugrál-e az elrendezés.
Görgesd oldalra az ujjaddal a táblázatot! ⟷
| Mutató | Mit mér? | Jó érték |
|---|---|---|
| LCP – a legnagyobb tartalmi elem megjelenése | Érzékelt betöltési gyorsaság | Legfeljebb 2,5 másodperc |
| INP – válasz a felhasználói műveletre | Reakciókészség | Legfeljebb 200 milliszekundum |
| CLS – váratlan elrendezésváltozás | Vizuális stabilitás | Legfeljebb 0,1 |
A Google által megadott jó értékeket a valós látogatások 75. percentilisén kell értelmezni: a megfigyelt értékek legalább 75%-a legyen a jó tartományban. Ellenőrizd azt is, hogy a jelentés az adott URL vagy a teljes webhely adatait mutatja-e. Ha nincs elegendő valós adat, a laboratóriumi mérés hibakeresésre használható, de nem bizonyítja a valós felhasználói megfelelést.
A lassulás üzleti hatását a saját érdeklődési vagy vásárlási adataiddal vizsgáld. Nincs minden weboldalra érvényes százalékos konverzióveszteség másodpercenként.
2. Weboldal elemzés szempont kategória: webdesign
A weboldal elemzés szempontjainak következő nagy kategóriája a megjelenés, amely az alábbi rész honlap elemzési szempontokat foglalja magába:
7. Logó
Weboldal elemzéskor a logónál a következő szempontokat szoktam vizsgálni:
- Illik-e az arculathoz, illetve fordítva, az arculat illik-e a logóhoz?
- A színvilága, formavilága hasonlít-e a weboldaléhoz
- Maga a logó megüt-e egy bizonyos színvonalat (amit elég nehéz egzaktan szavakba önteni, de a lényeg, hogy kellően modern és letisztult hatást kelt-e)
Alapvetően nem a logód fogja a pénzt hozni a vállalkozásodba. De ha már használsz logót, akkor mindenképp célszerű olyat választanod, melynek megjelenése jó. Hiszen ha rossz, gagyi logót használsz, azzal kifejezetten rombolod az imidzsedet, a rólad kialakított megbízhatósági képet, mivel azt sugallod, hogy ennyire nem törődsz az arculatod egyik legfontosabb pontjával, a logóval. Ennél még az is jobb, ha nem használsz logót, és csak egy egyszerű betűtípussal kiírod a nevedet, vagy a céged nevét.
8. Egységes színvilág
Fontos, hogy a weboldalad 2, nagyon maximum 3 színből álljon, melyek harmonizálnak egymással.
Ezen színek árnyalatait, valamint a feketét és fehéret használd. Ha ennél több színt alkalmazol, akkor nagyon csiri-csáré lesz a honlapod, nem fog harmóniát sugallni.
9. Színek harmonizálnak egymással
Az, hogy kevés szín van, még nem feltétlenül elegendő. Fontos, hogy ezek a színek passzoljanak egymáshoz, álljanak rokonságban egymással vagy egészítsék ki egymást.
10. Max. 2-3 betűtípus
Ajánlott maximum 2-3 különböző betűtípus használni. Egyet a címsoroknak, egyet pedig a kenyérszövegnek. A gombok pedig lehetnek vagy a címsor, vagy a kenyérszöveg betűtípusa. Harmadik betűtípust ritkán, inkább díszítőszövegeknél érdemes alkalmazni.
11. Címek eltérő betűtípussal
A címeket célszerű eltérő betűtípussal írnod, vagy ha a betűtípus nem is eltérő, legalább legyen feltűnő és más a többi szöveghez képest.
12. Jó minőségű képek
Ha nem elég minőségiek a képeid, úgyanúgy mint a logónál, bizalmatlanságot fog kelteni a látogatóban.
Tudod… aki saját magára nem ad, az az ügyfélre miért tenné? Ez van a fejekben.
13. Egységes formavilág
Az egész weboldalnak legyen egységes formavilága. Ne forduljon elő olyan, hogy az egyik blokkban kerek, a másikban pedig szögletes formákat alkalmazol, majd jönnek háromszögek, vonalak, minden egyéb. Ha kerekkel kezdtél, akkor azzal is folytasd végig. A gombokra is figyelj, ne legyen néhol lekerekített, máshol pedig szögletes. Maradj egységes és konzekvens.
14. A megjelenés megfelel a célcsoportnak
Az egész megjelenés, arculat, webdesign, képek, színek és betűk minden szempontból feleljenek meg a célcsoportodnak. Képviseljék a célcsoportod, a terméked, szolgáltatásod hangulatát, üzenetét és minőségét, valamint olyan érzéseket keltsenem a célcsoportodban amit te szeretnél.
15. Modern megjelenés
Weboldal elemzésnél arra is figyelek, hogy a weboldal egész felépítése, megjelenése legyen letisztult és modern.
16. Jól szkennelhető?
Manapság az emberek már csak görgetik és görgetik a weboldalakat. Amit így elsuhanva is el tudnak olvasni, azt elolvassák, amit pedig nem, arra csak reménykedni tudunk, hogy később még visszatérnek. Ha először átsuhantak az oldalon és ezalapján kicsit megfogta őket, akkor fognak jobban belemélyedni egy-egy részbe.
3. Weboldal elemzés szempont kategória: webergonómia, használhatóság, UX
A weboldal elemzés szempontjai kihagyhatatlan kategóriáját képezi, hogy megvizsgáljuk azt, hogy egyáltalán mennyire használható könnyedén a weboldal látogatók számára.
17. A menü könnyen elérhető, szem előtt van?
Azonnal, egyből látható hol van? Nem kell még jobbra-balra tekintgetni a képernyőn, kutatva utána?
18. Jól használható a menü?
Milyen maga a használhatósága, kezelhetősége? Kezesbárány teljesen? Egész egyszerűen mennyire felhasználóbarát kezelni a menüt?
Mind asztali számítógépen, mind mobilon.
19. Átlátható honlapszerkezet
Az egész honlap szerkezetének, azon belül is a menünek minél átláthatóbbnak kell lennie. Az oldalak hierarchikusan legyenek felépítve, tehát logikusan következzenek egymásból.
20. Linkek megfelelőek
Ha linkek vannak elhelyezve a menüben, egy cikkben vagy bárhol máshol, akkor azok a linkek teljesen egyértelműek kell, hogy legyenek. Tehát a látogató tudja, hogy
- hova vezetnek
- mit mutatnak meg
- mi fog történni ha valaki oda kattint
- hova lyukad ki a látogató, ha oda kattint
- miért érdemes egyáltalán oda kattintani
21. Elérhetőségek
Az e-mail cím, telefonszám, fizikai cím legyen ott minden oldalon. (Utóbbi persze csak akkor szükséges, ha releváns a vállalkozásod szempontjából. ) Hiszen nagyon fontos az, hogy az elérhetőséged mindig szem előtt legyen.
22. E-mail címek telefonszámok kattinthatóak
Nem csak az e-mail cím lehet kattintható, hanem a telefonszám is. Számítógépen ennek annyira nincsen jelentősége, viszont ha mobilon kattintasz egy telefonszámra és az linkelve van, akkor egyből tudod is hívni azt a számot. Nem kell kijelölgetni, másolni és beilleszteni, ez pedig nagyban megkönnyíti a felhasználónak a weboldal kezelését.
23. Kapcsolati oldal
A kapcsolati oldal legyen mindig a menü utolsó menüpontja, valamint szerepeljen a láblécben is.
Ezek manapság a bevett szokások, és a felhasználók ezeken a helyeken fogják először keresni.
24. Elemek könnyedén kattinthatóak
Ez azt jelenti, hogy nincsenek köztük túl kicsi távolságok, megfelelően nagyok… de nem túl nagyok. Főleg telefonon kiemelten fontos ez, hiszen ott simán félre tudsz kattintani, ha nem megfelelő méretben és távolságban vannak ezek az elemek egymáshoz képest.
25. Ismert elemek a megszokott helyen
Nem csak a kapcsolati oldalnak van megszokott, bevett helye, hanem a többi elemnek is. A menü manapság például a weboldal tetején található egy vízszintes sávban. Weboldal elemzésnél megszoktam még nézni azt is, hogy az egyéb elérhetőségek megjelennek-e mindenhol, vagy legalábbis ott ahol kell. Valamint ha a honlap használ keresőmezőt, az szintén ott jelenik-e meg ahol kell, vagyis a jobb felső részen.
26. Oldalak megfelelő elnevezése
Ami azt jelenti, hogy a látogató egyértelműen tudja-e, hogy hol van, amikor az adott oldalra kattint.
27. A leggyakoribb böngészőkben jól jelenjenek meg a funkciók
Manapság a leggyakrabban használt böngészők a következők:
- Google Chrome
- Mozilla Firefox
- Safari
- Microsoft Edge
Ezen négy böngészőben érdemes végig tesztelni a weboldalt.
28. Szövegek olvashatósága
Ezen belül is meg szoktam nézni egy honlap elemzésnél azt, hogy a betűméret megfelelő-e. Sokszor előfordul, hogy az a betűméret ami számítógépen tök jól mutat, az mobilon nincs lekicsinyítve és a fél képernyőt elfoglalja. Szóval fontos, hogy megfelelő betűméretet használj mind számítógép, mind mobil és mind pedig tablet nézetben.
Egy weboldal auditnál azt is szem előtt tartom, hogy megfelelő kontraszt van-e a szöveg és a háttér között. A legcélszerűbb az enyhén szürke, majdnem fehér háttér színt alkalmazni és erre egy nagyon-nagyon sötét szürke betűivel írni, ez a legolvashatóbb. De lehet akár sötét háttér, világos betűvel, vagy valami halvány pasztell háttér, sötét betűvel. A lényeg, hogy legyen kontrasztos és ne legyen rikító.
Ha képet használsz háttérként, akkor figyelj arra, hogy elég olvasható-e rajta a betű. Nincs-e olyan, hogy a kép annyira „mozgalmas”, vagy olyan színű, hogy nem olvasható tőle a szöveg.
29. White space-ek megfelelő használata
Ezek azok az üres területek, amelyeken nincs semmi, és amelyek a szövegek, képek körül, egy-egy blokk tetején, alján, illetve az oldal szélén helyezkednek el. Ezek tudják kvázi jelezni a felhasználó felé, hogy mely elemek tartoznak össze, és melyek nem.
Ezek a white space-ek (negatív terek) segítenek abban, hogy néha meg tudjon pihenni a látogató szeme is a nagy szöveg és kép kavalkádban.
A white space-nek köszönhetően tudnak a nagyobb tartalmi elemek elkülönülni egymástól.
Összességében a lényege, hogy a megfelelő használatával egy nagyon jól átlátható, könnyedén értelmezhető és gyorsan feldolgozható oldalt kaphatunk.
30. Különálló blokkok elkülönülnek
Azok a részek, amelyek tartalmilag más-más témáról szólnak megfelelően el kell, hogy különüljenek egymástól vizuálisan, ezáltal is jelezve a témaváltást.
31. Favicon
Ez az a kis ikonka, amit látsz a böngészőben az oldalak tetején. Amikor több lap van megnyitva, akkor ezek alapján tudod könnyedén beazonosítani az oldalakat. A facivon segít beazonosítani az oldalat, akkor, ha közben máshova is elnavigált a látogató.
32. Nincs automatikusan elinduló hang
Manapság szerencsére már kevés weboldalon találkozunk automatikusan elinduló hangfájllal vagy hanggal ellátott videóval. Ami igazán szuper! Ugyanis rendkívül idegesítő, amikor mélyen benne vagy a böngészésbe, vagy épp hallgatod a kedvenc számodat, és ebbe a nyugalomba vagy élvezetbe belekontárkodik egy teljesen idegen hang. Ne adja isten, épp csendben szeretnél böngészni, de nincsen lenémítva a gép vagy telefon, és egyszercsak rázendít az oldal a békésen alvó párod, gyereked mellett.
Csak akkor induljon el egy hang, illtve akkor legyen hang a videóhoz, amikor azt a látogató akarja.
Hang nélküli videó elindulhat automatikusan. Az teljesen rendben van. De az automatikusan induló hang, az nagyon nem oké. Hiszen ha az illetőnek fel van véve a hang a laptopján, és hirtelen valami beleüvölt a fülébe, vagy belerondít a hallgatott zenébe, akkor az elég kellemetlen. Úgyhogy felejtsd el az automatikusan elinduló hangokat.
33. Nincs Flashre épülő funkció
A Flash Player támogatása 2020 végén megszűnt. Ha egy régi weboldal fontos funkciója Flashre épül, azt korszerű, böngészőben támogatott megoldással kell kiváltani. Ez működőképességi kérdés, nem pusztán megjelenési divat.
34. Beágyazott tartalmak megfelelően működnek
Az iframe egy másik oldalt vagy szolgáltatást ágyaz be az adott oldalba. Önmagában nem hibás megoldás: videónál vagy térképnél is használható. Ellenőrizd a mobilos méretezést, a betöltési hatást és a hozzáférhetőséget; a beágyazásnak legyen leíró címe. Az iframe elem dokumentációja bemutatja a technikai beállításokat.
A weboldal fő szövege és navigációja lehetőleg a saját oldal tartalmában legyen elérhető. A fontos válaszokat ne csak egy külső beágyazás hordozza.
35. Minden oldal jól betöltődik
Egy weboldal elemzés kapcsán mindig megnézem, hogy az összes oldal megfelelően betöltődik-e.
36. Minden funkció megfelelően működik
És ha már jól betöltődtek, akkor jöhet annak vizsgálata a honlap audit során, hogy minden funkció működése tökéletes-e.
4. Weboldal elemzés szempont kategória: reszponzivitás, mobil használhatóság
A weboldal elemzés szempontjainak közül természetesen nem maradhat ki a mobilra optimalizáltság vizsgálata sem. Ezen kategórián belül is több mindent szoktam vizsgálni.
37. Betűméret megfelelő
Fentebb már kitértünk arra, hogy mennyire fontos a betűméret. Ne legyen túl nagy, de ne is legyen túl kicsi.
38. Menü
Sokszor előfordul, hogy számítógépen csúcsszuper a menü, viszont mobilon teljességgel kezelhetetlen.
39. Nincsen semmi zavaró elem
Weboldal elemzésnél mindig megnézem, hogy mobil nézetben, böngészés közben nincs-e semmi oda nem illő, belógó, nem értelmezhető, fordított sorrendben megjelenített elem.
40. Nincsen képernyőből kilógó elem
Legalábbis nem olyan, ami zavaró volna.
41. Az elemek nem tapadnak a képernyő szélére
Nagyon csúnya tud lenni, amikor a betű vagy kép teljesen a képernyő szélére ér. (Ez alól azaz eset képez kivételt, amikor a design sajátossága, hogy direkt ki akarjuk futtatni a képet a képernyőről.) De alap esetben mindenképp érdemes egy kis teret hagyni a weboldal elemek és a képernyő széle között.
42. Kényelmes használhatóság
Asztali számítógépen, ez kevésbé kritikus. Mobilon már annál inkább muszáj külön vizsgálni ezt is. Mennyire kényelmes az ujjaknak a weboldal kezelése.
43. Minden egyes oldal rendesen betöltődik-e
Tehát minden egyes oldalon betöltődnek-e az elemek, szépen, jól néz-e ki minden elem, szöveg, kép, grafika…
44. Horizontális elrendezés
Mobiltelefonnál és tabletnél is előfordul az az eset, hogy a látogató elfordítja a készüléket, ezáltal pedig egy más oldalelrendezést kap. Egy jó honlap elemzés során érdemes lecsekkolni ezt is, hogy fekvő nézetben is minden király.
45. Mobilos ellenőrzés működő eszközökkel
A Google Mobile-Friendly Test 2023 decemberében megszűnt, ezért már ne erre építsd az auditot. Vizsgáld meg az oldalt valódi telefonon és a böngésző reszponzív nézetében is. A PageSpeed Insights a teljesítmény ellenőrzéséhez ad adatokat, a menü és az űrlap kényelmes használatát viszont kézzel is teszteld.
46. Mindezt 7-féle desktop, 3-féle mobil és 2-féle tablet nézetben
Weboldal elemzéskor a fenti szempontokat 7 különböző asztali képernyőfelbontásban, 3 különféle mobil eszköz képernyőfelbontásban és 2-féle tablet képernyőfelbontásban külön-külön szoktam csekkolni.
5. Weboldal elemzés szempont kategória: tartalom
Itt lesznek olyan szempontok, melyek csak akkor relevánsak számodra, ha blogot is vezetsz.
47. Releváns tartalom
Azt hiszem ezt magyaráznom sem kell. A tartalmad kapcsolódjon a vállalkozásoddal, termékeddel, szolgáltatásoddal.
48. Friss tartalom
Ez a szempont akkor különösen fontos, hogyha rendszeresen blogolsz.
Azonban ha nincs blogod, akkor is fontos, hogy friss információk legyenek a weboldaladon.
49. A tartalom frissítése, amikor indokolt
Frissítsd a megváltozott árakat, szolgáltatásokat és szakmai információkat. Az új bejegyzések gyakorisága önmagában nem teszi jobbá a régi oldalakat: a Google a hasznos, megbízható tartalmat hangsúlyozza. Ne változtass dátumot pusztán azért, hogy egy változatlan cikk frissebbnek tűnjön.
50. Elegendő szöveg az olvasói kérdés megválaszolásához
Weboldal elemzésnél azt nézem, hogy a szöveg átadja-e a szükséges információt, segíti-e a döntést és épít-e bizalmat. A Google nem ír elő kötelező szószámot. Egy összetett szolgáltatás részletes magyarázatot igényelhet, egy egyszerű válasz viszont röviden is teljes lehet. A hiányzó érdemi választ pótold, ne szószámkedvéért hosszabbíts.
51. Helyesírási és nyelvtani hibáktól mentes
Egy alapos honlap elemzés során gondot fordítok arra is, hogy leellenőrzöm a helyesírási és nyelvtani hibákat is.
52. Önálló, értéket adó szöveg
Nézd meg, hogy a tartalom saját magyarázatot, tapasztalatot vagy hasznos összefüggést ad-e, és megfelelően hivatkozik-e az átvett információra. Mások szövegének másolása helyett önálló hozzáadott értéket nyújts. A technikailag ismétlődő oldalak kezelése külön feladat; erről a 78. pontban írok.
53. Minőségi fogalmazás
Ha olyan a honlapod szövege, mintha azt a paraszt Pityu bácsi írta volna, az nem túl nyerő. (Paraszt alatt itt a földműves értendő és nem pedig az utca széli tahó.)
Persze, ha ők a célközönség (mármint a parasztok) és nekik szól a weboldalad és a terméked, akkor az teljesen rendben van. Egyéb esetben viszont sajnos nem.
Magas minőség = magas bizalmi szint = biztosabb vásárlás
54. Szóismétlésektől mentes
Kicsit ez is a nyelvtani ellenőrzéshez tartozik. Ha vannak a szövegben egymáshoz túl közeli szóismétlések, akkor teszek javaslatokat, hogyan helyettesítsd őket szinonimákkal.
55. Jól tagolt, könnyen olvasható szöveg
Mindig megnézem azt is egy-egy weboldal elemzés keretein belül, hogy a szöveg elég olvasmányos-e. Szempont még az is, hogy vannak-e benne felsorolások, kellően tagoltak-e a mondatok, vannak-e benne egyáltalán bekezdések.
56. Minőségi tartalom
Talán már unalomig ismételt mondat számodra, hogy „Legyen minőségi tartalmad!”, azonban bármennyire is közhelyesnek tűnik, tényleg fontos. Fontos a látogatók számára, hiszen ez (is) épít bennük bizalmat. És fontos a Google-nak is, ugyanis csak minőségi tartalommal lehet az első helyekre kerülni. De hogy mi is az a minőségi tartalom? Nem könnyű egzakt módon megfogni. Pláne nem ilyen rövid formában, mint ami itt belefér. Ezért itt most csak annyi hangzik el róla, hogy minőségi tartalom az, ami valós értéket ad a látogató számára.
57. Oldalcímek tükrözik-e az oldal tartalmát
Tehát egyértelmű-e a felhasználó számára, hogy hol tartózkodik éppen a weboldalon belül.
6. Weboldal elemzés szempont kategória: keresőoptimalizálás (SEO)
Ezen kategória weboldal elemzés szempontjait csak akkor szoktam megvizsgálni, ha kifejezett igény van rá. Tehát, ha az ügyfél szeretné keresőoptimalizálni a weboldalát. Ebben az esetben weboldal seo teszteket futtatok. Azonban ha olyan az iparág, hogy abszolút nincs is értelme a SEO-nak, akkor nem foglalkozunk vele.
58. Google-feltérképezés és indexelés ellenőrzése
A feltérképezés az oldal elérését és feldolgozását, az indexelés a kereső adatbázisába kerülését jelenti. Ellenőrizd a Search Console URL-ellenőrzésével, hogy a fontos oldal indexelve van-e, és nincs-e technikai akadály. A feltérképezhető, megfelelő oldal sem kap automatikus indexelési vagy helyezési garanciát.
59. Helyezés
Ha indexeli a Google a weboldalt, akkor utána megnézem, hogy hányadik helyeken található a honlap az ügyfél által megadott kulcsszavakra.
60. Brand névre hol helyezkedik el
Majd lecsekkolom, hogy ha rákeresek a márkanevére, akkor hányadik helyen szerepel az adott honlap. Ezekből a helyezésekből rengeteg hasznos infót ki lehet olvasni.
61. Nem keresőbe szánt oldalak kezelése
A tesztoldalak és a kizárólag belső folyamatot szolgáló oldalak keresőbeli megjelenését az oldalak célja alapján szabályozd. A robots.txt nem indexelési tiltás: nyilvános oldalnál erre a noindex jelzés használható, amelyet a robotnak el kell tudnia olvasni. A bizalmas tartalmat hozzáférés-védelemmel óvd; a noindex nem teszi priváttá. A jogi oldalak indexelése sem automatikusan jó vagy rossz döntés.
62. Egymással versengő oldalak, kulcsszó-kannibalizáció
Kulcsszó-kannibalizációról akkor érdemes beszélni, amikor több oldal ugyanazt a keresési szándékot célozza, és nincs köztük világos szerepkülönbség. Nem azt jelenti, hogy egy oldal több kapcsolódó kifejezésre jelenik meg. Nézd meg a Search Console-ban, mely URL-ek kapnak megjelenést ugyanarra a kérdésre, majd döntsd el, hogy különböző igényeket szolgálnak-e, vagy célszerű összevonni, pontosabban elkülöníteni őket.
63. Robots.txt nem akadályozza a feltérképezést
A robots.txt a robotok feltérképezési hozzáférését szabályozza. A tiltott URL bizonyos esetekben továbbra is megjelenhet a Google találatai között, például ha más oldalak hivatkoznak rá. Ne keverd össze a feltérképezési tiltást a noindexszel, és ne tiltsd le a fontos tartalom vagy a megjelenítéshez szükséges erőforrások elérését.
64. Természetes, egyértelmű témamegjelölés
A releváns keresési kifejezéseket ott használd, ahol segítenek az olvasónak megérteni, miről szól az oldal. A Google SEO-útmutatója az érthető, hasznos tartalmat helyezi előtérbe. Gyakorlati ellenőrzési pontok:
- Az oldalcím és a főcím pontosan jelöli a témát.
- A bevezető gyorsan megválaszolja az olvasó fő kérdését.
- Az alcímek logikus részekre bontják a tartalmat, szükség szerint kapcsolódó kifejezésekkel.
Nem kell ugyanazt a kulcsszót minden címsorba vagy minden kiemelésbe beilleszteni.
65. Kulcsszóhalmozás elkerülése
A kulcsszóhalmozás a rangsorolás befolyásolására szolgáló, természetellenes ismétlés. Nincs általános „1% alatti” biztonságos küszöb. Érthető, természetes megfogalmazást használj; a szükséges szakkifejezés ismétlődhet, ha valóban segíti a jelentést.
66. Meta Title
Külön megvizsgálom, hogy a Meta Title:
- tartalmazza-e a kulcsszót
- tartalmazza-e a márkanevet
- releváns-e magára a tartalomra
- csalogató-e a felhasználó számára – ez már inkább marketing szempont
67. Meta Description
Szintén fontos, hogy:
- tartalmazza-e a kulcsszót
- nincsen-e benne kulcsszó zsúfolás
- releváns-e a tartalomra
- csalogató-e a felhasználó számára
68. Egyedi, pontos oldalcímek
Minden fontos oldal kapjon egyedi, leíró title elemet. Az azonos sabloncímekből az olvasó nehezebben különíti el az oldalakat. A Google a keresési találat címsorát több jelből állítja elő, ezért nem garantált, hogy pontosan a beállított szöveget jeleníti meg.
69. Az oldalhoz illő meta description
A meta description röviden foglalja össze az adott oldal értékét, és ne egy változatlan sablonszöveg legyen mindenhol. A Google a találati kivonatot az oldal tartalmából is képezheti, így a beállított leírás megjelenése nem garantált.
70. Egyértelmű főcím
A weboldal főcíme világosan mondja meg, miről szól az oldal. A blognál egy megjelenített H1-et használok; a cikk törzsében az alárendelt témák H2 és H3 szintre kerülnek. A főcím legyen természetes és pontos, ne kulcsszavak felsorolása.
71. Logikus alcímhierarchia
A H2-k a fő témarészeket, a H3-ak az azokhoz tartozó részleteket jelöljék. A logikus hierarchia megkönnyíti az átfutást és a képernyőolvasóval történő tájékozódást. Használd a témához illő kifejezéseket, de ne erőltesd ugyanazt a kulcsszót minden alcímbe.
72. ALT attribútum a képeken
Ez az a szöveg, ami akkor olvasható, ha maga a kép valamilyen oknál fogva nem töltődik be. Illetve ez az a kifejezés, szó, mondat vagy mondatrész, amit a szövegfelolvasó programok fel tudnak olvasni a vakoknak, gyengénlátóknak. És természetesen ezt tudja a Google is jól olvasni, és ez alapján meghatározni, hogy az adott kép mit ábrázol.
73. Beszédes képfájl-nevek
Nem csak az alt attribútum segít a Google-nek meghatározni, hogy miről szól a kép, hanem a fájlnév is. Érdemes olyan fájlneveket alkalmazni, amelyek leírják, hogy mi az a kép.
74. Keresőbarát URL
A kerseőbarát URL azt jelenti, hogy nem számokból, azonosítókból és mindenféle krix-kraxos karakterekből áll az oldal URL-je, hanem mint ahogy esetemben is például a produkton.hu/blog már elmondja, hogy a blog oldalon vagyunk. Egy cikk esetén például így név ki az URL: produkton.hu/weboldal/weboldal-hibak, amiben a „weboldal” kifejezés a kategóriát jelöli, a „weboldal-hibak” pedig a cikk címét.
75. Rövid, érthető és stabil URL
Használj leíró, könnyen értelmezhető URL-t, felesleges szavak nélkül. Ne kezelj egyetlen karakterszámot minden weboldalra érvényes SEO-határként. Egy már működő, hivatkozásokkal rendelkező URL-t ne cserélj le csak rövidítés miatt; szükséges költöztetésnél tervezd meg az átirányítást is.
76. Érvényes HTTPS-kapcsolat
Ellenőrizd az érvényes tanúsítványt és azt, hogy az oldal erőforrásai is HTTPS-en töltődnek-e be. A HTTPS titkosítja az adatátvitelt; a régi „SSL” elnevezés helyett ma TLS védi a kapcsolatot. A böngésző figyelmeztetése lejárt vagy hibás tanúsítványra is utalhat, nem csak annak hiányára. Az MDN TLS-útmutatója bemutatja a HTTPS működését.
77. Hasznos belső hivatkozások
A belső link az olvasót egy kapcsolódó, élő oldalra vezesse, leíró horgonyszöveggel. A cél a fontos oldalak felfedezhetősége, nem a lehető legtöbb hivatkozás. A Google linkelési útmutatója szerint nincs minden oldalra érvényes ideális linkszám.
78. Ismétlődő tartalom és kanonikus URL
Ugyanaz a tartalom technikai okból több URL-en is elérhető lehet. Ez önmagában nem automatikus büntetés. A kanonikus URL kijelölése segít jelezni, melyik változatot szeretnéd elsődlegesként kezelni; indokolt esetben átirányítással is rendezhető a helyzet. Külön vizsgáld, hogy a hasonló oldalaknak van-e önálló céljuk.
79. Indexelési döntés az oldal értéke alapján
A 300 szavas küszöb nem Google-követelmény. Ne tiltsd le egy oldal indexelését pusztán azért, mert rövid. Azt vizsgáld, hogy teljesíti-e a látogató feladatát, van-e önálló értéke, és szeretnéd-e, hogy keresésből is megtalálják. A tartalom szükséges mélységéről az 50. pontban írok.
80. Nincs túl sok hirdetés
Ha szinte csak hirdetésekből áll az oldal, akkor az negatív a Google szemében, hiszen nincsen rajta a felhasználó számára értékes tartalom. Hanem szinte csak reklámból áll az egész…
81. Search Console bekötve
Ez a Google egyik keresőoptimalizálásra alkalmas eszköze. Rengeteg értékes információt lehet kinyerni belőle. Ezért mindenképp érdemes már a kezdetektől gyűjteni vele az adatokat.
82. Más webhelyekről érkező hivatkozások
Vizsgáld meg, milyen oldalak hivatkoznak a honlapodra, és milyen összefüggésben. Az értékes, releváns említés az olvasónak is segít; a linképítés célja ne a természetesség látszatának megteremtése legyen.
A Google linkszpam-szabályai tiltják a rangsorolás manipulálására készített linkeket. A fizetett vagy szponzorált hivatkozásokat megfelelően jelölni kell. Ne kezeld egy külső SEO-eszköz domainpontszámát a Google saját minősítéseként.
83. Megszűnt oldalak és 404-es válaszok
Ha az oldal tartalma megfelelő helyettesítő URL-re költözött, használj 301 vagy 308 átirányítást az új helyre. Ha nincs helyettesítő tartalom, a 404 vagy 410 válasz megfelelő megoldás lehet: a Google a már nem létező URL-t idővel eltávolítja az indexből.
Ne irányíts minden megszűnt oldalt automatikusan a főoldalra. A nem releváns átirányítást a Google soft 404-ként kezelheti. Adj hasznos hibaoldalt a látogatónak, és javítsd a megszűnt URL-re mutató belső linkeket.
84. Domain megújítása és folyamatos elérhetőség
Ellenőrizd a domain lejáratát, a megújítás beállításait és az értesítések elérhetőségét. Ez üzemeltetési alapfeladat: ne veszítsd el a webcímedet egy elmulasztott hosszabbítás miatt. A több évre történő előrefizetést ne kezeld önmagában SEO-eredmény vagy hitelesség garanciájaként.
7. Weboldal elemzés szempont kategória: marketing
Ahogy tapasztaltam, más honlap elemzőknél ez a kategória valamiért nem szerepel weboldal elemzés szempontjai között. Márpedig az öreg nagy hiba! Ezek nélkül akár a feje tetejére is állhat a weboldal tulajdonos, akkor sem lesz profitáló weboldala. Ezért nálam ezek valójában kiemelt helyet foglalnak el a weboldal elemzés szempontjai között.
85. Kapcsolatfelvételi lehetőség
Weboldal elemzésnél megszoktam vizsgálni, hogy mennyire gördülékenyen lehet felvenni a kapcsolatot a weboldal tulajdonosával.
86. Hírlevél feliratkozási lehetőség
A honlap elemzése során vizsgálom azt is, hogy milyen hírlevél feliratkozási lehetőségek vannak.
87. Külső linkek megnyitása tudatosan
A külső források új lapon megnyitása segíthet abban, hogy a cikk is nyitva maradjon. Azt viszont nem lehet általánosan kijelenteni, hogy más megoldásnál a látogatók 90%-a biztosan nem tér vissza. Új lap használatakor adj noopener noreferrer védelmet a linknek.
88. Célcsoport megszólítása, beazonosítása
Az üzeneteknek meg kell szólítaniuk a célcsoportot, a célcsoportod tagjainak kellően be kell tudniuk azonosítani magukat, tudniuk kell, hogy nekik szól az üzenet.
89. Problématudat
Meg szoktam nézni azt is egy weboldal elemzés során, hogy a szövegek mennyire világítanak rá a potenciális vásárló problémáira, és mennyire mélyülnek el abban.
90. Vágykeltés
A problémák ellentetjei a vágyak. Értelemszerűen célszerű ezekről is megfelelő formában beszélni egy weboldalon, hogyha eredményeket szeretnénk rajta elérni.
91. Megoldás, ígéret
Talán te is ismered már ezt a probléma-vágy-megoldás/ígéret hármas kombót. Ezek a minimum tartalmi elemek, ha meg szeretnéd győzni a potenciális vevődet arról, hogy téged válasszon. Értelemszerűen kell, hogy legyen egy ígéreted, ami megoldást nyújt az ő problémájára, és ezáltal el tudja érni az áhított célt. Ezt is megfelelő módon kommunikálni kell az oldalon a siker érdekében.
92. CTA
A CTA a Call To Action rövidítése. Jelentése cselekvésre történő felszólítás.
Szoktuk illetni ezzel a névvel a tényleges „felhívásokat” (pl. „Kattints a gombra, és már küldöm is a listát!”, „Ha tetszett a poszt, akkor lájkold, szólj hozzá!”, stb.), de a csak önmagában álló gombokat is. Ez esetben inkább az utóbbiról van szó.
Itt azt nézem meg, hogy ezek a gombok
- kitűnnek-e a környezetükből,
- egyértelmű-e a szöveg rajtuk,
- konzekvensen ugyanolyanok-e.
93. Bizalomkeltő elemek
Az „emberség”, önmagunkhoz történő közelebb engedés, hogy fel merjük vállalni, kik vagyunk, akik a termék mögött vagyunk… Ezek az egyik legerősebb bizalomépítő elemek.
Éppen ezért rendkívül ajánlott, hogy legyen egy Rólam/Rólunk szekció a weboldaladon. És ennek is inkább az emberi értékeket, értékrendet érdemes bemutatnia a „cégünk 1978-ban alakult, XYZ ISO minősítéssel rendelkezik, 43 éve vagyunk a piacon” jellegű unalomig ismételt, elcsépelt szövegek helyett.
További bizalomépítő elemek lehetnek még:
- a hitelességi számadatok,
- ügyfélvélemények,
- ügyfél logók,
- esettanulmányok,
- garancia.
94. Ajánlat
Nagyon fontos, hogy maga az ajánlat szexi legyen.
Ezen belül a következőket szoktam vizsgálni egy weboldal audit során:
- az adott termék vagy szolgáltatás mennyire oldja meg a célcsoport problémáját
- vannak-e bónuszok
- van-e valamiféle garancia
- van-e limit, határidő vagy darabszám limit
- van-e valami egyedi, vonzó neve
- az ár hogyan van tálalva
95. Marketing szövegezés
Mennyire meggyőző a szöveg, ami a weboldalon található? Mennyire fog meg érzelmileg? Vajon ha célcsoport lennék, vásárolnék?
96. Videó, termékbemutató
Érdemes eladást szolgáló videót vagy termékbemutatót is feltölteni a weboldalra.
97. Interaktivitás
Nem kötelező elem ugyan, de érdemes megvizsgálni, hogy lehet-e valamilyen formában interaktívabbá tenni az oldalt, hogy szórakoztatóbb legyen a látogatók számára, bevonódjanak a weboldal „életébe”, és tovább maradjanak az oldalon.
98. Upsell
Weboldal elemzésnél vizsgálom mindig azt is, hogy van-e olyan plusz termék vagy szolgáltatás, amely vásárláskor vagy közvetlenül a vásárlás után kerül felajánlásra. Ezzel csúnyább szóval élve a kosásértéket lehet növelni. Hétköznapibb nyelven megfogalmazva többet tudunk adni egyetlen embernek egy adott vásárlás alkalmával, tehát többet is tudunk elkérni tőle.
99. Exit popup
A kuponok nagyon jól működnek exit popup-ként, de akár feltehetsz egy kérdést is, arról, hogy mi nem tetszett az oldalon, hogyan tudna fejlődni a weboldal vagy maga a termék, szolgáltatás. Ezzel pedig brutál hasznos információkhoz juthat a vállalkozás.
100. Aktív közösségi média jelenlét
Először is megnézem, hogy az adott vállalkozás jelen van-e egyáltalán a közösségi média felületeken. Ha igen, akkor hogyan, mennyire aktív és milyen posztjai vannak. Valamint, hogy ezek a közösségi média felületek meg vannak-e jelenítve a weboldalon.
101. Értékesítési tölcsér
Ha egy vállalkozás használ értékesítési tölcsért, akkor le szoktam csekkolni, hogy:
- hogyan megy végbe az adott folyamat
- milyen részei vannak
- milyen termékei, szolgáltatásai vannak
- hol lehetne javítani rajta
102. Google Analytics bekötve
Hisz enélkül rengeteg értékes adatról maradnánk le.
103. Facebook pixel bekötve
Abban az esetben fontos, hogyha hirdet a vállalkozás Facebookon vagy esély van rá, hogy a jövőben fog hirdetni.
104. Google Ads bekötve
Akkor, hogyha hirdetnek, vagy terveznek Google Adsben hirdetni.
105. Search Console bekötve
Még egyszer szeretném megemlíteni, mert ahol nincs SEO, ott nem nézem, ugyanakkor hasznos lehet social media tartalom gyűjtéshez.
Szívesen olvasnál még hasonlókról? Rendszeresen megjelenő hírleveleimben ilyen és egyéb, vállalkozással, online marketinggel, web-/landing oldal készítéssel kapcsolatos fontos tudnivalókat osztok meg. Ha szeretnéd kimaxolni a vállalkozásodban lévő potenciált, akkor iratkozz fel ezekre a hasznos levelekre itt! 👇
8. Weboldal elemzés szempont kategória: jogi kötelezettségek
A weboldal elemzés szempontjai közé érdemes bevenni ezt a kategóriát is, ha ténylegesen alapos munkát szeretnénk végezni. Az ezen pontban szereplő elemek túl sok magyarázatot nem követlenek. Egész egyszerűen jogi megfelelés miatt van rájuk szükség. Itt leginkább csak azt szoktam nézni, hogy az adott weboldal egyáltalán rendelkezik-e velük, illetve a főbb adatokat szoktam még csekkolni, hogy megfelelnek-e az aktuális valóságnak.
106. Cookie (süti) tájékoztató sáv és dokumentum
107. Adatkezelési tájékoztató
108. Impresszum
109. Általános Szerződési Feltételek (ÁSZF)
Zárás
Ezzel a combos kis listával készültem neked mára. Bízom benne, hogy sok érdekeset és hasznosat tudtál kivenni belőle, és most már látod azt is, hogy egy weboldal elemzés szempontjai mennyire szerteágazóak tudnak lenni, és mennyi mindennek kell valójában megfelelnie a honlapodnak ahhoz, hogy valóban komoly bevételt tudjon termelni a vállalkozásodnak.
Ha segítségre van szükséged a weboldal elemzés szempontjaihoz, akkor vedd fel velem a kapcsolatot, és megbeszéljük, pontosan miben is lehetek a segítségedre:
Sikeres és produktív vállalkozást kívánok neked!
