Címke: akadálymentes honlap

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.

 

 

 

 

akadálymentesség, SEO blog

Nem támogatott Operációs Rendszer

Nem támogatott Operációs Rendszer

Nagyon érdekes fejlesztői megoldással találkoztunk a www.hbogo.hu weboldal “megtekintése” kapcsán. Pontosabban csak szerettük volna a weboldalt megnézni. Mégis a “Nem támogatott operációs rendszer” felirat üdvözölt. Bár “Kedves Látogató” maradtunk, de közli velünk a weboldal, hogy számunkra nincs itt keresnivaló, használjunk Microsoft Windows, vagy Apple OSX operációs rendszert.

Nem-tamogatott-operacios-rendszerTermészetesen amellett, hogy keresőoptimalizálási zsákutca, hogy a webergonómiát semmibe veszi, az akadálymentesség legkisebb látszatát is kerülik.

Nagyon szomorú, hogy a XXI. században még készülhetnek ilyen weboldalak. Azok után, hogy csökkent a böngészőre vonatkozó előírási divat, rosszabb már nem lesz, de látható, hogy a világ nem változik, mindig terem olyan weboldal készítő, aki megelégszik a lehetséges látogatók, vásárlók bizonyos részével.

Persze érdekes kérdés az is, hogy miért készít a HBO egyáltalán weboldalt, ha csak bizonyos korlátozott felhasználói kör részére kívánja megengedni az oldal használatát.

 

Home Slidershow, SEO blog

Profi keresőoptimalizálás

Profi keresőoptimalizálás

Mi szolgáltatunk professzinális keresőoptimalizálást is. Ezt főként saját weboldal készítési szolgáltatásunkkal ötvözve tudjuk nyújtani.

Mikor lehet profi keresőoptimalizálást végezni?

A teljes körű keresőoptimalizálást a weboldal ötletének, a webáruház ötletének megszületésekor lehet elkezdeni.

A professzionális keresőoptimalizálási munka legfontosabb lépései:

  • Weboldal stratégiai tervezés: az oldal helyzetének, céljának, az elérendő céloknak a meghatározása.
  • Weboldal, piaci pozíció tervezés: a leendő oldal versenytársainak, kulcsszavainak és a kereső találati lista elemzése.
  • A konkurens weboldalak: elemzése, hiányok, lehetőségek feltárása.
  • Domain név kiválasztás: megfelelő, a profi keresőoptimalizáláshoz szükséges szabad domain név kiválasztása, a domain név regisztrációja.
  • Weboldal, webáruház motor: legmegfelelőbb technológia kiválasztása.
  • Rendszer tervezés: weboldal struktúra meghatározása, papír alapú webergonómiai és akadálymentes weboldal tervezése.
  • Webdesign tervezés: a struktúrának és az ügyfél elvárásainak megfelelő, ergonómiailag és akadálymentességi elvárásoknak is tökéletesen megfelelő webdesign elkészítése.
  • Keresőoptimalizált weboldal, webáruház készítés.
  • Tartalmi feltöltés: jó minőségű, egyedi, hasznos tartalommal való feltöltés.
  • Weboldal tesztelése, analizíse: az oldal működésének, keresőoptimalizálási teljesítményének vizsgálatai.
  • Meghirdetés: keresők részére az oldal beregisztrálása, indexelési folyamat vizsgálata.
  • Link marketing: az oldal induló ismertté tétele. Releváns, jó minőségű, megfelelő mennyiségű linkek beszerzése.
  • Utólagos keresőoptimalizálás, folyamatos minőség fenntartás

Ezen lépésekből áll az optimális professzinális keresőoptimalizálás. Akkor lehet nagyon jó eredményeket elérni a keresőoptimalizálásban, ha végig a teljes életciklus mentén, egy megtervezett, előre rögzített célok és feladatok mentén folytatjuk a keresőoptimalizálást. Ezzel a módszerrel jelentős költségeket takaríthatunk meg, és sokkal gyorsabban egy stabil organic kereső találati pozíciót érhetünk el az általunk készített weboldallal.

 

 

 

HTML tagek

Képek helyes használata

Képek helyes használata

A képek beillesztése keresőoptimalizálási szempontból helyes módon.

<img src="/images/products/casmio/snowwhite.jpg" width="200" height="200" 
alt="Casmio SnowWhite watch back picture" 
title="Casmio SnowWhite watches" class="product-pics" />

src – a kép forrása. Célszerű a képeket megfelelően struktúrálni. Esetünkben az images könyvtáron belül egy products könyvtárba rendeztük a termék képeket, azon belül a casio termékeket külön. Tehát elolvasva a kép helyzetét is kapunk információt, megsejthetjük, hogy ez a snowwite.jpg egy casio termék képe. Akadálymentességi szempontból is nagyon hasznos a megadás, a weboladalunk szerkesztése során is megkönnyítjük a dolgunk.

width, height – kép helyfoglalási információja a böngészőnek. Ennek a megadásával meggyorsíthatjuk a weboldalunk renderelését, ezzel gyorsabbá, felhasználó barátabbá tehetjük az oldalunk.

feature-latogatok-1alt – alternatív leírás. Alapvetően arra lett kitalálva, hogy a képeket nem megjelenítő böngészők, így ezen felhasználók számára is jutassunk információt arról, milyen képről van szó. Esetünkben jelezzük, hogy ez egy kép Casmio SnowWhite típusú óra hátsó részéről készített felvétel.

title – kép megnevezése. Itt egy elnevezést adunk meg a képhez, amit egyébként a képre vezetett egér hatására a felhasználónak megjelenít a böngésző. Esetünkben megmondjuk, hogy ez milyen típusú óra.

class – css formázási osztály. A megjelenítés és a működés szétválsztásának egy mára elterjedt megoldása a css formázás. Nagy gyakorlati haszna, hogy például esetünkben a teljes weboldalra érvényes termék képek formázását csak egy helyen, egyszer kell megadnunk, így jelentős fölösleges ismétlést spórolhatunk meg és nem utolsó sorban a későbbi módosítás jelentősen leegyszerűsödik egy jól struktúrált központi css formázással.

Fontos a helyes kép kezelés keresőoptimalizálási szempontból?

Nagyon fontos és pozitív hatása van a képek helyes megadásának a keresőoptimalizálában is.

Egyrészt a felhasználó elégedettséget növelhetjük, gyorsabb weboldalunk lehet, több információt adunk a felhasználónak.

Másrészt a helyesen struktúrált képeinket a kereső motorok kép kiszolgáló és felderítő robotjai szívesebben fognak megjeleníteni. Ezen úton is további látogatókat nyerhetünk.

Végezetül nyitunk azon látogatók felé is, akik képeket nem töltenek le, mert ilyen a böngészűjük, vagy épp a mobil böngészőjükben tiltva van a képek letöltése a mobile internet forgalmi korlátai miatt.

 

 

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.

 

 

SEO blog

A weblapunk legfontosabb oldala

A weblapunk legfontosabb oldala

Amikor egy weboldalt készítünk, akkor feltehetjük a kérdést, hogy mi a weboldalunk legfontosabb oldala.

A legtöbben rögtön rávághatják, hogy a: főoldal, kezdő oldal, home page, start page, index oldal. Érdekes, hogy rögtön több féle, különböző néven hivatkozunk rá, tehát valóban ugyanarról az oldalról beszélünk? Ugyanazt értjük kezdő oldal elnevezés alatt? Szerintem a legtöbben igen, én most a kezdő oldal kifejezést fogom használni.

A weboldalunk “kezdő” oldala

GoogleSearchResultsIgen, nyilván való, hogy a weblapunk egyik legfontosabb oldala valóban a kezdő oldal. Azonban ne felejtkezzünk el arról, hogy most egy keresőoptimalizálással foglalkozó weboldalon vagyunk. Azért foglalkozunk a témával, mert mi a kereső, az organic találatok között szeretnénk jó eredményt elérni, tehát a keresőbe ha egy felhasználó beír pár kulcsszót, akkor szeretnénk, ha a mi oldalunk jelenne meg a kereső első oldalán, az első 10 találat között, legjobb esetben az első 3 találat között szeretnénk weboldalunk látni.

Miért fontos ez nekünk?

Mert a felhasználók jelentős részének a számítógép bekapcsolásával, a böngésző program elindításával is már problémája van, mit kezdjen tehát a böngésző görgetésével. Kimondhatjuk tehát, hogy igen, ezért szeretnék a kereső elejére, az első találatok közé kerülni. Ezzel kapcsolatban több tanulmány, vizsgálat, mérés látott már napvilágot, elhihetjük, hogy fontos pozíció.

Melyik oldalunk szerepeljen a kereső találatakor?

Mondjuk ki őszintén: nem érdekes. Ez lehet a főoldalunk, lehet valamelyik aloldalunk, de akár egy speciális oldal, egy termék oldala. Nekünk csak az a fontos, hogy a kereséséi találatoknál ott legyünk elől, a választható oldalak között legyünk. Nagyon fontos, hogy nem biztos, sőt az esetek jelentős részében nem a weboldalunk “kezdő” oldala fog a keresési találatok között megjelenni!

Kell-e a kezdő oldallal foglalkozni ezek után?

Mi sem természetesebb. Ha belátjuk a korábban leírtakat, akkor most vizsgáljuk meg a kezdő oldalunkat, de ne úgy tekintsünk rá, mint az elsődleges “bejáratra” a weboldalon, hanem mint az oldalon szerkezetének központi részére. Mire gondolok? A kezdő oldal legyen a weboldal kiinduló pontja. Tehát bármelyik aloldalra érkezve “vissza” tudjunk lépni rá, ott találjuk meg az oldalunk összes fontos témakörét, majd a témakörökön belül az aloldalakat. Használható kezdőoldalt készítsünk, hogy valóban az legyen a weboldalunk legfontosabb oldala.

Mik a legfontosabb hibák, amiket elkövetnek a kezdőoldal néven?

Milyen kezdőoldalakat készítenek, milyen szarvas hibák tapasztalhatóak.

Főoldalon nincs érdemi információ, csak nyelv választás

Sok helyen tapasztaljuk, hogy a weboldal első oldala semmilyen információt nem tartalmaz, pusztán pár színes zászlóra kattintva léphetünk be az oldal egy részére. Ez a megoldás szerencsére kezd kikopni a köztudatból, de még mindig látni ilyen hibát. Nagy lehetőséget hagyunk ki, ha nem használjuk ki az oldal adott előnyöket.

Főoldalon nincs érdemi információ, csak egy általános szöveg

Főként önkormányzati oldalakon, de több cég bemutatkozó oldalán is megtaláljuk, hogy ki a polgármester, mennyi örül, hogy az oldalra tévedtünk, vagy épp egy vállalkozás, hogy mióta működnek, mivel is foglalkoznak.

Ezek szép és fontos dolog a diplomáciában. A weben ez egy rólunk, köszöntő, kapcsolat oldalra való információ. De a látogató nem ezért érkezett az oldalunkra.

Lépjen be az oldalra

Már azt hittük az oldalon vagyunk, de még egyszer be kell lépnünk az oldalra?

Milyen legyen a kezdő oldalunk?

akadalymentes-websiteA kezdő oldalon legyenek jelen a legfontosabb információk, amivel el szeretnénk navigálni az oldalon a felhasználót. Nagyon fontos, hogy ne kelljen a felhasználónak gondolkodnia, hogy mit tegyen, jól felismerhető legyen az oldalunk működése, szerkezete. Ahogy a webergonómiával kapcsolatos fejtegetéskor gyakran mondani szokás “ne törd a fejem”. A látogató keresi a weboldalon az információt, gyorsan és egyértelműen meg akarja találni, nem gondolkodni akar.

Egy település weboldalának a példáján keresztül igyekszem szemléltetni.

A település weboldalának a látogatói egy része a településen lakó emberek, másik nagyobb része a látogatók. Egy célunk az lehet, hogy a településünk weboldalára látogatók jöjjenek el hozzánk, látogassák meg fesztiválunkat, szállást keressenek és találjanak, az idegenforgalmon keresztül hozzanak bevételt a településnek.

Ebben az esetben legyen kint a főoldalon, milyen fesztiválok vannak, lesznek, voltak a településen, milyen szállás, étterem, kikapcsolódást szolgáló helyeket találunk, milyen látnivalókat találhat meg, miért érdemes ellátogatni hozzánk. Csak röviden, figyelemfelkeltően mutassuk be a lehetőségeket, és teremtsük meg, hogy elnavigálhassanak mondjuk a szállások oldalára, ahol egy egyszerű, de gyakorlatias listát kaphatnak a szállás lehetőségekről. Például rögtön áttekinthető legyen, milyen szállások vannak, hogy néznek ki, mennyi embert tudnak elszállásolni, mindez mennyibe kerül éjszakánként. Ezen belül persze, tovább navigálhat az adott szállásra, ahol további részletes információkat találhat.

Ugyanez igaz a fesztiválokra. Juthasson el a kezdő oldalról a programajánló részre. Itt megtalálja a listát, hogy milyen programok, vannak jelenleg, milyen programok lesznek, milyen programok voltak/szoktak lenni a településen. Miért érdekes ez? Mert aki decemberben kerül az oldalunkra, érdekli, hogy ha most látogatja meg a települést, akkor milyen programok várják. Ha esetleg 2 hét múlva, milyen lehetőségei vannak. De ha rátalál a település sütőtök fesztiváljára, akkor megtudhassa, hogy június 2 hetében szokott lenni, alakíthatja úgy, hogy ekkor látogat hozzánk.

Hogyan lehet kiválasztani, meghatározni a megfelelő kezdő oldalt?

Természetesen tervezéssel, átgondolással, fontossági sorrend felállításával.

Meg kell határoznunk a weboldal célját, a legfontosabb szolgáltatásokat, lehetőségeket, meg kell ismernünk a látogatói szokásokat, hangsúlyozni kell a legfontosabb elemeket.

A meglévő és leendő oldal tesztelésére is célszerű különböző informatikai ismeretekkel rendelkező tesztalanyokat felkérni, magukra hagyni és figyelni, hogy navigálnak az oldalon, esetleg teszt feladatokat mennyi idő alatt, és hogyan találnak meg. Ezeket a teszteléseket egy papír alapú weboldal terven keresztül is el lehet végezni, még mielőtt elkezdenénk egy esetleg költséges fejlesztést.

A másik lehetőség, hogy egy hozzánk hasonló keresőoptimalizálási, webergonómiában, akadálymentes weboldal készítésben jártas vállalkozást kérnek fel a hibák feltárására.

Miből tudhatom meg, hogy valami miatt hibás a jelenlegi kezdő oldalam?

Amennyiben az eddigi leírás átolvasása nem segített hiba feltárásában, akkor egy weboldal statisztikai, analitikai támogatással lehet felmérni az oldalt. Ilyen pl. a google analytics használata. Ami rávilágíthat a hibánkra, az pár paraméter:

  • Kevés látogató érkezik az oldalra a keresőből
  • Magas a “direkt úton” érkező látogató a keresőhöz képest
  • A főoldalra érkező látogató több, mint 50%-a visszafordul, elhagyja az oldalt
  • Rövid a weboldalon töltött idő (általában 2-3 percnél alacsonyabb az oldalon töltött átlag idő)
  • Kevés oldalt néznek meg a látogatók (nagyjából 2-3 oldal/látogatás alatt van az átlag)
  • Kevesen iratkoznak fel a hírlevélre.

Miben segíthetünk?

Cégünknek van egy ingyenes keresőoptimalizálási ajánlata. Ezen belül elvégzünk egy olyan weboldal felmérést, amely feltárja az ilyen és hasonló jelenségeket is. Az ingyenes keresőoptimalizálási felmérés része:

  • keresőkben való helyezés vizsgálata
  • “konkurencia” áttekintése
  • weboldal kód szintű áttekintése
  • alapvető hibák feltárása, javaslat azok javítására

Az ingyenes felmérést követően főként üzleti weboldalaknak szüksége lehet további idő és költség igényes munkák elvégzésére. Ez azonban oldalanként, szolgáltatásonként, termékenként jelentősen eltérhet, és bizonyosan több munkával járhat:

  • webergonómia felmérés, tesztelés, tanácsadás
  • akadálymentesítés, oldal akadálymentessé tétele
  • kód javítás, átalakítás, weboldal átalakítás
  • keresőben való helyezés javítása, oldal előrébb juttatása
  • kezdő oldalra, találati lista elejére juttatás

Amennyiben bármilyen kérdése kerülne fel, elérhetőségünkön keresztül felvehetik a kapcsolatot velünk.

 

 

akadálymentesség, SEO blog

Keresőoptimalizálás és az akadálymentesítés 1. rész

Keresőoptimalizálás és az akadálymentesítés 1. rész

Meghívást kaptam egy akadálymentes weboldal készítési előadás sorozatra. Szívesen elmentem, mert kíváncsi voltam egy összefoglalásra, milyen szempontok lehetnek, amiket esetleg korábbi munkánk során nem vettünk figyelembe, valamint hogyan tehetnénk a weboldalainkat jobbá.

Érdekes gondolatokat indított meg a nagyon jó előadás, ennek egy eredménye az a bejegyzés sorozat, amelynek ez az első része.

A hozzáértők természetesen máris hiányolhatják a WCAG 2.0-re, tehát a Web Akadálymentesítési Útmutató (WCAG) szabványra való hivatkozást. A későbbiekben tervezzük ennek a bemutatását is, egyelőre azonban próbálunk egy induló akadálymentes leírást, ismertető anyagot összeállítani.

Milyen érintettek lehetnek egy weboldal kapcsán, mit tehetünk egy akadálymentes weboldal elkészítéséhez?

Azt gondolnánk, hogy a weboldalainkat a látogatók jelentős része rendben megtekintheti, nincs akadályozva a megtekintés, és olyan formában látják az oldalunk, mint ahogyan azt mi szeretnénk. Könnyen legyintünk, hogy az a pár szálakéknyi látogató, aki valami miatt nem képes a weboldalunk megtekinteni, azok nek is fontosak a számunkra. Miattuk nem érdemes további fejlesztési költségeket ölni az oldalunkba. Nagy tévedésben élunk azonban. Erre szeretnék most rávilágítani. Kik azok, akik egy jól akadálymentesített weboldal segítségével is megkapják a lehetőséget az oldalunk megtekintésére. Ezáltal növelve az oldalunk minőségét, a keresők szempontjából is hasznosabbá vált oldalunk látogató számának növekedését.

Talán felismerhetjük, hogy ezen kulcsszavak egy része a keresőoptimalizálásról szóló cikkekben is szerepelnek. Igen. Vegyük észre, hogy egy akadálymentesített weboldal jobban teljesít, értékesebb az olalunk, a tartalom, így jobb helyezést érhetünk el oldalunkkal a keresőben is.

Nézzünk meg pár akadályozott látogatót és az akadályozás módját:

  • Eszköz kizárás (böngésző, operációs rendszer, fizikai eszköz)
  • Verzió problémák (“elavult” böngésző, javascript, flash)
  • Szín problémák (látás problémák, színtévesztés, színvakság, kontraszt)
  • Méret problémák (kis kijelző, betű méret)
  • Kép, méret, sebesség hiba (letöltési sebesség, sávszélesség)

Eszköz kizárás akadálymentesítése

Ha röviden, pár kézzelfogható példán keresztül szeretnénk a hibát megközelíteni, akkor főként a nagyon terjedő mobile megjelenítési eszközök, így a mobile telefononok, tabletek terjedésére és az azokon való megjelenítést említhetjük.

Nagyon kevés jelenleg még a weboldalak teljes körű mobile megoldása. Egyrészt kevés a mobile deviceokra optimalizált weboldal, de azon belül is, csak az oldal bizonyos részei lehetnek csak ilyen módon korrekten megtekinteni. Ha belegondolunk, akár több millió mobil felhasználót akadályozunk weboldalunk megtekintésében, mégha jelenleg az alapvető probléma miatt kevesen próbálják is megtekinteni az oldalunk ilyen eszközökről. De a számuk folyamatosan növekszik, így nagy számú látogatót zárhatunk ki, ha nem fejlesztjük az oldalunkat ebben az irányban.

Verzió problémák akadálymentesítése

Sok weboldalon találkozhatunk még manapság is a speciális böngésző verziókat “előíró” figyelmeztetésekkel, korlátozásokkal. De említhetjük az – egyre aktuálisabb – és ezáltal egy elavult böngésző használatára kényszerített Windows XP felhasználókat, akik csak az IE bizonyos verziójáig tudnak csak frissíteni. Szintén ebbe a körbe sorolhatjuk azokat a böngészőket, amelyek nem támogatják a javascript, flash alapú, vagy megjelenített weboldalakat.

Természetesen ezen verzió problémák megoldása miatt általában nem tudjuk a legújabb technológiákat alkalmazni, flash menüvel könnyen kizárhatjuk a felhasználók egy jelentős részét az oldalunkról.

Talán belátható, hogy sok-sok felhasználót zárhatunk ki, ha ezen dolgokra nem figyelünk oda. Tegyük fel a kérdést, hogy megengedhetjük-e magunknak.

Szín problémák akadálymentesítése

Talán a leginkább sarkallatos probléma felvetése az oldalak készítése során. Általában a design, a kinézet, sorsdöntő kérdés weboldal készítés során. A megrendelők kéréseinek a teljesítése során azonban gyakran felmerülhet olyan akadályoztatás, amely okozhatja bizonyos látogatók kizárását. A rossz, hibás szín választás, a designos weboldal, menü készítésével olyan színek lehetnek kiválasztva, amelyek láthatatlanná tehetik weboldalunk.

Gondoljunk csak arra, hogy erős napfényben egy nem túl magas kontrasztos weboldal hogyan olvasható, látjuk-e az oldalon lávő információt, ha összemosódik előttünk a honlap.

Méret problémák akadálymentesítése

Sokan vannak, akik nehezen olvassák a kis méretű betűvel írott oldalak szövegét, az alacsony sorközzel írott szöveget, a sok nagybetűvel írott szövegeket. Ezen látogatók a legtöbb esetben visszafordulnank oldalunkról és máshol fogják megkeresni az információt.

De visszatérhetünk a mobil felhasználókra is, akiknek nem adunk esélyt, hogy a mi oldalunkat használjuk.

Kép, méret, sebesség hiba akadálymentesítése

Ismét csak a mobile felhasználók az egyik érintett csoport a sebesség problémák és a képeken alapuló hibák esetén. Bizonyára többen kikapcsolják a képek letöltését a weboldalak megtekintésekor, mert ezzel jelentősen csökkenthető az egyébként erősen korlátozott mobile telefon hálózati forgalom felhasználás. Ez igaz a sebességre is, miszerint egy lassú weboldal betöltését az alacsony sávszélességű mobil netezést használó látogatók nem fognak megérkezni az oldalunkra.

Fontos az akadálymentesítés a keresőoptimalizálásban?

Talán megfigyelhető volt, hogy igyekeztem elkerülni azon éritett csoportok említését, akiket általában felemlegetünk akadálymentesítés kapcsán, akiket besorolunk abban, a viszonylag szűkebb csoportba, akik hátrányos helyzetben vannak, mozgáskorlátozottak, vakok, gyengén látók, siketek. Akik igényeit valóban egy legyintéssel képesek vagyunk elintézni.

Megtehetjük-e azonban, hogy mondjuk minden második potenciális látogatónak valamilyen módon megakadályozzuk, hogy az oldalunkat használja, rendeljen webáruházunkban, vagy épp csak információt osszunk meg velük.

Ezen látogató egy része már el sem jut az oldalunkra, vagy hamar visszafordulhat. Ennyivel kevesebb lesz a látogatónk, ennyivel kevesebb időt töltenek az oldalunkon. Ennyivel csökken az oldalon töltött átlagos idő, a kereső ennyivel “rosszabbnak” nyílváníthatja az oldalunk. Látható, hogy bár pontos számokat nem tudunk, csak sejthetjük, hogy jelentős forgalomat utasítunk vissza, de nagyon fontos keresőoptimalizálási lépést tehetünk, egy jobban működő akadálymentes weboldallal.