webergonómia kategória bejegyzései

akadálymentesség, webergonómia

Google rangsorolási tényező: mobilbarát weboldal

Google rangsorolási tényező: mobilbarát weboldal

A Google a keresési találatok rangsorolási tényező között 2015. április 21-től figyemelbe veszi azt is, hogy az adott weboldal mobilbarát-e. Tehát van-e mobilbarát nézete.

Mi a google új mobilbarát rangsolási tényezője?

A bejelentés: “2015. április 21-étől a Google Keresés a mobilbarát jelleget is a rangsorolás egyik jellemzőjeként fogja felhasználni. Ez a változás hatással lesz az összes nyelvű mobilkeresésre világszerte, és jelentősen befolyásolja a Google Keresés eredményeit. A felhasználók könnyebben jutnak releváns, kiváló minőségű, eszközükhöz optimalizált keresésekhez. Összeállítottuk a leggyakrabban feltett kérdések listáját, amelyekből megtudhatja, hogy a webhelye készen áll-e a keresés ilyen jellegű változására.”

A google folyamatosan kommunikálta a vele kapcsolatban állókkal, hogy milyen fontos számára az akadálymentesség, a webergonómia. Ennek egyik megnyilvánulása, hogy a nem túlságosan magas számú mobilos internetezők szinte leküzdhetetlen hátrányát az alacsony felbontás miatt, lecsökkentse.

Mint tudjuk, a mobil telefonok kijelzője alacsony felbontású – akik még emlékeznek a VGA monitorok időszakára, akkor kellett felkészülni hasonló felbontásra – ennek következtében egy normál weboldal olvashatatlanul kicsit karakterekkel látszik csak azokon. Azon mobilok, amelyek már érintőképernyős készülékek, elvileg már nagyíthatóak, de az csak egy kis lépés a élvezeti szint eléréséhez.

Mit kell tennünk, hogy nem sorolja hátrébb a google a weboldalunk?

A feladat nagyon egyszerű, mobilbarát megjelenést is kell biztostanunk a weboldalunk látogatóinak. Nagyjából azt lehet mondani, hogy a 320 pixel és 640 pixel  széles képernyőkre is fel kell újra készülnünk. Persze kiemelném, hogy ez nem kötelező elem, ez egy lehetőség, ha nem élünk vele, akkor kis mértékben a google keresésben hátrányosan érinthet.

Milyen mobilbarát megoldások vannak?
Responsive web desing a mobilbarát megoldás

Az egyik ismert megoldás a problémára a gyakorlatilag erre a célra kitalált “responsive web design” megoldás. Ez egy olyan weboldal formázás, amely átméretezi, átrendezi a weboldalunk, egyszerű olvashatóságot biztosít, könnyű navigálást ad számunkra, attól függetlenül, hogy milyen és mekkora felbontású készülékkel látogatjuk meg az adott weboldalt. Ezt természetesen a nagy méretű desktop gépektől (nagy monitoroktól) a laptop kijelzőkön keresztül, a tabletet érintve, a nagy kijelzős mobil készülékeken át a kis kijelzős mobil készülékekig igaz kell legyen.

DG-Responsive-whatever-your-biz1-1

A responsive web design emellett némileg korlátozza a megjelenést, ezért bizonyos esetekben nem szeretik használni a megoldást.

Mobil detektáláson, felismerésen alapuló megoldások

Van amikor az alap, desktop és laptop kijelzőre készített régi weboldalunk átdolgozása szinte lehetetlen lenne, vagy csak nem akarunk új weboldalt készíteni. Ekkor jöhet szóba, hogy egy másik nézetet kínálunk az alacsonyabb kijelzős készüléket használóknak. Ebben az esetben általában egy adatbázis alapján, vagy javascriptes megoldásokkal derítjük ki milyen hardvert használ a látogató, milyen felbontást használhat, és ettől függően soroljuk be desktop, tablet, mobil és smart készülék csoportba, ettől függően készítünk egy-egy nézetet.

Utólagos table, mobil és smart telefon kijelzőkre optimalizált több nézet elkészítését végeztük el mi is ezzel a módszerrel. A megoldás azért lehet megfelelő, mert a mobil felhasználók számára egy jóval kisebb, gyorsabb weboldalt tudunk adni, pontosabb, lényegre törőbb verziót, mint az esetleg a keresőoptimalizálás miatt már erősen eltorzult oldalaink. Előnye az is, hogy utólag, az eredeti oldal módosítása nélkül, gyorsan tudunk egy mobilbarát nézetet készíteni.

Hátránya lehet, hogy nem tudunk minden oldalt, adatot mobilon is átadni, így más információt kap a látogató ha weben és ha mobilon érkezik az oldalunkra, ami újra web akadálymentességi problémákat jelent, hisz a mobilos látogató hátrányt szenved az információ megszerzésében.

Melyik a jobb mobilbarát megoldás?

Mindig az adott weboldaltól, felhasználástól és információtól függ. Ahogy szokták mondani: a kevesebb néha több. Mint az is, hogy: ágyúval lövünk verébre.

Tehát döntsünk belátásunk szerint. Az adott helyzetben, az adott weboldallal kapcsolatosan.

 

 

 

 

SEO blog, webergonómia

Keresőbarát url használata

Keresőbarát url használata

Nagy segítségünkre lehet, amennyiben keresőbarát urleket használunk a weboldalon. Mi a keresőbarát url?

keresobarat-urlA keresőbarát url a weboldalunk azon linkje, amit el képes a felhasználó olvasni, így képes megítélni, hogy érdeklődésének megfelelő oldalra érkezett.

Fontos itt megjegyezni, hogy a magyar nyelv szépsége, hogy az ékezetek elhagyásával is könnyen érthető és visszafejthető a magyar szöveg.

Példa keresőbarát url használatára

Egyre többen készítenek megfelelő tudás nélkül weboldalakat. Ezen weboldal tulajdonosok egy része a Joomla CMS-t használja weboldala elkészítésére. A Joomla jó példa arra, hogy alapvetően ennek a követelménynek nem tesz eleget.

http://www.example.com/index.php?option=com_content&view=article&id=53&Itemid=71

Hiába próbálunk bármit kitalálni a fenti url elolvasása után, nincs esélyünk, nem segít az oldal tartalmára vonatkozólag. Mi a helyzet, a a fenti módszer helyett a következő url-t látjuk?

http://keresooptimalizalas.dzs-z.hu/webergonomia/keresobarat-url-hasznalata.html

Megnyílik a felhasználó előtt a lehetőség, hogy gyorsabban értékelje az oldalt, amire megérkezett. A keresőbarát url-ből rögtön kiolvashatja, hogy webergonómia témakörben a keresőbarát url használatáról olvashat ezen az oldalon.

Ha valóban erre volt kíváncsi, akkor ezzel megerősítjük.

Miért fontos keresőoptimalizálási szempontból a keresőbarát url?

Mint már többször megjegyeztük, a keresők a felhasználó igényeket részesítik előnyben, igyekeznek a humán felhasználó részére a legjobb találatot megjeleníteni.

Amint a weboldalunk megjelenik a keresőben a többi találat között, egy jól olvasható keresőbarát url segítségével rávehetjük a felhasználót, hogy a mi oldalunkat használja.

Ezt a választást a keresőmotorok rögzítik, és ha sikerünk van, ezzel jobb pozícióba kerül az oldalunk.

 

SEO blog, webergonómia

Fejlesztői vakság – webergonómia

Fejlesztői vakság – webergonómia

Nagyon fontos és talán nem közismert kifejezés a fejlesztői vakság.

Elgondolkozunk, mit is jelent a kifejezés, kiket érinthet, miért fontos ez, mi köze ennek a keresőoptimalizáláshoz. Kell ezzel foglalkozunk?

Gyakorlatilag kimondható, hogy mindenkit érint, aki ezt a seo blogot olvassa. Ugyanis azok olvassák, akik szélesebb keresőoptimalizálási ismeretekre vágynak, akik keresőoptimalizálással foglalkoznak, akiknek rosszul teljesítő weboldaluk van.

Hogy jön képbe, és mi a fejlesztői vakság?

A fejlesztői vakság mind a webergonómia, mint az akadálymentes weblap készítésénél felmerül, de mint érintettek nem tudunk róla és nem vesszük észre.

Arról van szó ugyanis, amit nem látunk, amit nem veszünk észre. Most kifejezetten weboldal készítésével, üzemeltetésével, saját weboldalunk használatával kapcsolatosan próbálom ismertetni a problémát.

Tehát van egy weboldalunk, amit ismerünk, használunk, vagy épp mi magunk készítettünk. Természetesen egy szuper, jól működő weboldalról van szó, mégis úgy tűnik a látogatók nem kedvelik az oldalunk, keveset időznek nálunk, nem használják sokáig és nem látogatnak meg sok oldalt. Így aztán elmaradnak webáruházunkban a rendelések, alacsony a konverziós rátánk a látogató és vásárló arányának viszonylatában.

Felmerül a kérdés, hogy miért? Nem értjük. Ez a fejlesztői vakság.

A fejlesztői vakság

Az a speciális helyzet a fejlesztői vakság, mikor a helyismeret, a weboldal alapos ismerete következtében nem vagyunk képesek meglátni azokat az elkövetett hibáinkat, aminek azonban a koránt sem tapasztalt látogatóinkat kitesszük.

Számunkra olyan egyértelműnek tűnik a kapcsolati oldal, a szállítás feltételek, plusz költségek megtalálása, a webáruházban a megfelelő termék kiválasztása, a rendelés elindítása, a megrendelési űrlap kitöltése, az áraink is jók. Igen, mert mi tudjuk hol van, nem kell gondolkodnunk.

A látogatónk szakmailag nem képzett, de a számítógépes ismeretei is alacsonyabbak nálunk

Ne várjuk el a látogatótól, hogy tudjon keresni, hogy meg tudja találni a legjobb terméket, hogy gondolkozzon, hogy átlássa az oldalt, hogy megtalálja az elrejtett információkat. Készítsünk ergonomikus weboldalt, egyszerű, egyértelmű, könnyen kezelhető, gyors, információ gazdag weboldalt. Az eredményként egy keresőoptimalizáltság szempontjából jól teljesítő weboldalunk lesz.

Mit tehetünk a fejlesztői vakság ellen?

Alkalmazzunk külső, elfogulatlan szakértőt, aki feltárja a weboldal webergonómiai hibáit. Vállalkozásunk már az ingyenes keresőoptimalizálási felmérés során is rávilágít a legfontosabb webergonómiai problémákra, vegye fel velünk a kapcsolatot, javítsuk együtt weboldala helyezését a keresőkben.

 

webergonómia

Webergonómai alapok, fogalmak

Webergonómai alapok, fogalmak

Az ergonómia, mint fogalom a használhatóság előtérbe helyezését hivatott értékelni, és meghatározni. Nagyon fontos az internet világában is az ergonómia. Kicsit más szempontok, az internet sajátosságaink a kiindulási alapját figyelembe véve alakult ki a webergonómia fogalma.

Webergonómia 2.0 könyv
Webergonómia 2.0 könyv

A webergonómia témakörben az egyik legnagyobb szakértőnek Jacob Nielsen számít, aki folyamatosan frissítve adja ki a webergonómiáról szóló könyveit. Ezekben szépen végigmegy a webergonómiai szempontból hibás webfejlesztéseken. A célja, hogy egy olyan támpontot szolgáltasson, amelyen keresztül a legegyszerűbben, leghatékonyabban tudjuk kiszolgálni a látogatói igényeket. Segítjük a látogatókat, hogy hozzáférhessenek minden információhoz, amit meg kívánunk osztani velük.

Tehát a látogatóink kiszolgálásán keresztül, a látogatói elégedettség növelését, a weboldal hatékonyságának növekedését kapjuk meg, ha webergonómiai szempontból helyes weboldalt készítünk.

Mi a webergonómia?

Ahogy már említettük, a webergonómia egy látásmód, egy segítség ahhoz, hogy olyan a látogatók által könnyen kezelhető, hasznos weboldalt készíthessünk, amely segítségével jelentősen növelhető a látogatók elégedettsége, aminek szerves következménye lesz a weboldal hatékonyságának a növekedése is.

Egy olyan tudomány, amely a látogatói szokások vizsgálatával foglalkozik, és a látogató szokásokból levont következtetések alapján nyújt segítséget a hatékonyságunk eléréséhez.

Hasznos-e a webergonómia a keresőoptimalizálásban?

Igen, egyértelműen kijelenthető, hogy nagyon hasznos keresőoptimalizálási szempontból a webergonómiai javaslatok megvalósítása.

  • Elégedett látogatók
  • Hatékonyabb weboldal
  • Jobb kereső találati lista helyezés
  • Még több látogató
  • Növekvő pozitív weboldal paraméter (oldalon eltöltött idő, látogatott oldalak)

Hogyan tudhatom meg, hogy ergonómia gondok vannak a weboldalammal?

Már a legjobb úton haladsz a felfedezés felé. Felveheted a mi keresőoptimalizálási cégünkkel a kapcsolat a weboldalad felmérésére. Célszerű megvenni, elolvasni az ajánlott könyvet.

De akár csak a weboldalad statisztikáiból is ki tudod olvasni, hogy gond lehet az oldal ergonómiájával:

  • jól szerepel a keresőben az oldal, de kevés a látogató
  • a látogatószámhoz képest magas (>50%) a visszafordulási arány
  • kevés az oldalon eltöltött idő, bár hasznos tartalmat közöl az oldal
  • nagyon kevés az meglátogatott oldalak számának átlaga

Mit jelenthetnek ezek a számok, kifejezések? A keresőben jól szerepel az oldal, tehát az alapvető keresőoptimalizálással nincsen probléma. Ha sok a látogató, akkor bizonyos, hogy kellő számú látogató érkezik az oldalra. Ha ennek ellenére magas a visszafordulások aránya, kevés időt töltenek a felhasználók az oldalon, ha nem lépnek tovább más oldalaidra, akkor kijelenthetjük, hogy webergonómiai hibát vétettél. Szerencsére általában könnyen javítható hiba, de célszerű gyorsan helyrehozni, mert a rosszul teljesítő oldalakat a kereső hátrébb sorolhatja, aminek a következménye az lesz, hogy csökken a látogatószám, tovább romlik az oldal teljesítménye.

Leggyakoribb webergonómiai hibák

  • Nem látható, nem egyértelmű menü, navigáció (például reklám vakság)
  • Weboldal linkelése, a linkek láthatósága, felismerhetősége (gyakran feláldozásra kerül egy designos weboldal esetén)
  • Bonyolult feladatok elé állítjuk a látogatót (mélyebb szakmai ismereteket követelünk meg, bonyolult űrlap kitöltés elé állítjuk)
  • Eltéved a felhasználó az oldalon (fárasztó koncentrációra kényszerítjük, nem található meg kapcsolati oldal, alapvető információkat nem talál meg)
  • Figyelmetlenségre kényszerítjük (nem elég egyértelmű választások esetén a helyes válasz)
  • Nem akadálymentes a weboldal (valamilyen akadálymentesítési feltételt nem teljesítünk, nem tudja az oldalt használni)

Hogyan lehet javítani, felismerni az ergonómia hibáit?

Nagyon fontos, kiemelném, hogy az oldal fejlesztőjét, tulajdonosát, használóját általában sokkal kevésbé érinti a webergonómia. Fejlesztői vakságnak is nevezik ezt a jelenséget, mikor az oldal ismeretében, nem kell gondolkodni, hogy a weboldalon mi a menü, hol van, hol vagyunk az oldalon, merre haladja tovább, hogy tudom megrendelni.

Mindenképp egy külső, az oldalt nem ismerő személy szükséges általában a hibák feltárásához. Egy szakmailag nem felkészült teszt alany is sokat segíthet a hibák megtalálásában, feltárásában, de teljes sikert, alapos felderítést egy külső szakértő képes elvégezni.

 

 

akadálymentesség, SEO blog, webergonómia

Láthatatlan szövegek, rosszul olvasható weboldalak

Láthatatlan szövegek, rosszul olvasható weboldalak

Az amatőr weboldal készítés, és a seo ismeretek hiányában könnyen ellehet követni egy alapvető hibát, ami egy nagyon jelentős keresőoptimalizálási negatív besorolási tényező lehet, ez pedig láthatatlan, olvashatatlan szövegek használata.

Mi számíthat láthatatlan, rosszul olvasható szövegnek?

  • HTML kommentek közé rejtett kulcsszavak és ezek halmozása
  • css visible:none;, height:0; overflow:hidden, tulajdonsággal a látogató elől elrejtett szövegrészek
  • Kis, nem növelhető betűmérettel írt weboldalak
  • Rossz színválasztás miatt láthatatlan szövegrészek. Itt például külön kiemelném, hogy akár csak egy színtévesztő, színvaksággal élő felhasználó számára is akadálymentesíteni érdemes az oldalt. De webergonómiai szempontból is fontos lehet a jó láthatóság minél több látogató számára.
  • Háttérkép miatt olvashatatlan szövegek, képekre írt szövegek.

Jól olvasható, megfelelő betűméretű, az akadálymentesítés miatt célszerűen növelhető betűméretű, megfelelő háttér/írásszín közötti kontraszt kiválasztása webergonómiai szempontból hasznosabbá teszi a weboldalunk, biztosítjuk, hogy minél kevesebb embert akadályozzunk abban, hogy elolvassa az oldalunkat. Igyekezzünk elkerülni, hogy láthatatlan szövegrészeket tartalmazzon a weboldalunk, ilyet akaratlanul is elkövethetünk, és ez keresőoptimalizálási szempontból egy olyan szarvas hiba lehet, ami visszavetheti az oldalunk megítélését.

Miért van negatív seo hatása a nem olvasható, láthatatlan szövegeknek?

Amennyiben olyan weboldalt készítünk, amelyről a kereső úgy látja, hogy más tartalmat jelenítünk meg a kereső robotnak, és mást a látogatónak, a kereső spam weboldalnak nyilvánítja az oldalunk, és nem fogja szerepeltetni a keresési találatok között.

Ugyanígy hibás, ha kulcsszó halmozással próbáljuk az oldalunkat relevánsabb találatnak feltüntetni. Ez nem lesz szimpatikus a látogatónak, el fogja hagyni a weboldalunk.

Ha csak olvashatatlan, fárasztó, idegesítő az oldal és ezáltal akadályozzuk meg az oldalunk használatát, az is jelentősen csökkenti a weboldalon letöltött időt.

 

 

webergonómia

Webergonómia – a flash használata

Webergonómia – a flash használata

Az első számú webergonómiai törvény: “Ne törd a fejem!“.

Talán köztudott, hogy a flash megoldásokat a keresők nagyon kis mértékben tudnak értelmezni. Maga a flash megoldás nem is igazán arra a célra lett kitalálva, hogy a weboldal szerves, működő részét részét alkossa. Egy időben nagyon elterjedt mégis a flash menük, főcímek, logók flash animációs megoldása. Még manapság is sok weboldallal találkozhatunk, amely flash menüt tartalmaz.

Mi is a flash?

FlashBlocked-webpageA Flash eredetileg egy egyszerű animáció-szerkesztő programnak indult, mára azonban egy komplex platformmá fejlődött, amely egyaránt alkalmas mobil tartalmak, interaktív bemutató vagy akár weboldalak készítésére. A technológia gyors elterjedésének több oka van, például hogy megjelenésekor úttörőnek bizonyult a dinamikus tartalmak kezelésében. Ma már szinte minden felhasználói számítógépen megtalálható, mert a legtöbb böngészőprogrammal és elterjedt felhasználói operációs rendszerrel kompatibilis. Viszonylagos kis mérete és egységes, megbízható megjelenése a legstabilabb kliens oldali interaktivitást biztosító technológia a webes fejlesztések területén. A webes tartalmak jó része, és számos szolgáltatás ma már elképzelhetetlen lenne Flash (vagy a lassan megjelenő alternatívái) nélkül.

Ugyanakkor a Flash kliensoldali lejátszóprogramja korántsem tökéletes, például nem megfelelően optimalizálták a benne található ún. video codec-eket, így rendkívül erősen leterheli a kliens számítógépet. Ez például több, a közelmúltban, vagy napjainkban debütáló netbook-on is érezhető hátrányokat okoz a felhasználónak. Az Adobe ráadásul nem szívesen portolja a lejátszót új platformokra, például az Apple iPhone első generációs tagjai is kénytelenek voltak nélkülözni, és ez sok tucat, még ma is kapható okostelefonra és PDA-ra is igaz. Hátrány továbbá, hogy a Flash-ben prezentált weboldalak tartalmait nem képes egyik keresőrendszer sem indexelni, így nem jelennek meg azok a találati listákban. Biztonsági problémák is gyakran előfordulnak a Flash lejátszóban, amelyekre legtöbbször elkészül a javított változat, azonban az Adobe nem alkotott még szabványos és működő implementációt a friss változatok gyors és késlekedésmentes terjesztésére. Továbbá, kizárólag Flash felhasználásával nehézkes adatbázissal és további komponensekkel üzemelő weboldalt fejleszteni, mert a Flash mint önálló HTML-objektum, sok áldozat árán hozható csak össze szerveroldali megoldásokkal, mint amilyen a PHP.

Flash tartalmakkal sok millió weboldalon találkozhatunk, és a Flash ma már nélkülözhetetlen eszköze az interaktív, látványos és szórakoztató web-nek.

A bejegyzés alapja: http://hu.wikipedia.org/wiki/Adobe_Flash

Milyen feltételeket kell elfogadnunk, ha használjuk a flash megoldásokat

Ahogy az előző bekezdésben is olvashattuk a flash-t alapvetően animáció készítésre találták ki. A keresőmotorok nem képesek feltérképezni a flash által előállított tartalmakat. Csak azon felhasználhatókhoz juthat el, akik böngészője támogatja a flash lejátszását, esetleg az a verzió, ami a böngészőjükben van, megfelelően megjeleníti az általunk készített animációt.

Nagyon fontos még ezek mellett, hogy a flash nagyon elterjedt a hirdetések, spam készítők körében, valamint többször biztonsági hibák lehetne bennük, amely kellemetlenséget okoz a felhasználóknak, vagy csak a kis teljesítményű gépük, internet kapcsolatuk miatt a flash túl nagy terhelést okoz. Ennek következtében sokan használnak flashblock, adblock bővítményeket a böngészőjükben, ami blokkolja a flash automatikus lejátszását.

Feltételezhetjük tehát, hogy amennyiben flash technológiára alapuló weboldalunk van, azzal bizonyos mértékben csökkentjük a látogató számát, és hátrányosan érint minket a keresőből érkező találatok számában is.

Hogyan akadálymentesítsük a flash-re alapuló oldalunkat

Amennyiben a keresőoptimalizálás a cél, jobb helyezést akarunk elérni oldalunkkal, akkor semmiképp ne használjunk flash menü-t az oldalunkon. Pár csillámlásnál, animációnál fontosabb az, hogy aki nem használ flash plugint, vagy tiltja a működését, az is el tudjon navigálni az oldalon. Ezen felül a kereső motorok, akik a legnagyobb fogyatékossággal élő látogatóink közé tartoznak, képesek lehetnek az oldalunk bejárni.

Flash menü helyett használjuk ki a css által biztosított megoldásokat: például linkek esetáben a :hover eseményt. Esetleg, ha mindenképp valami szép, mozgó menüt szeretnénk, akkor a jQuery megoldásokkal tudunk dinamikus le-, oldalra gördülő, el-, előtűnő  menüket kialakítani.

Reklámvakság

Végezetül egy új kifejezést mutatnák be, az ún. reklámvakságot.

A reklámvakság a manapság olyan divatos csillogó, villogó, színes hirdetések következtében alakult ki az internet felhasználók jelentős körében. Ez azt jelenti, hogy egy weboldal meglátogatásakor hiába emeljük ki színesen, villogó felhívással a számunkra fontos információt, amelyet a felhasználóval közölni szeretnénk. Elképzelhető, hogy pont emiatt a reklám blokkokra jellemző megoldás miatt átsiklik a tekintetük ezen a részen, és nem fordítanak rá figyelmet.

Ez különösen hátrányosan érintheti weboldalunkat, ha a fejléc részt készítjük el ilyen módon, mert ezen keresztül megakadályozhatjuk, hogy a fejléc alsó részén lévő menüt megtalálják.

A felhasználók jelentős része nem szeret keresni. Emlékezzünk a cikk elején az első számú webergonómiai törvényre: “Ne törd a fejem”. Ha nem találja meg gyorsan, amit keresett, továbbáll. Gyorsan elhagyja az oldalunkat.