Honlapkészítés

Aki honlapkészítéssel foglalkozik az bizonyára sokszor találkozott már azzal a problémával, hogy a honlap eltérő böngészőkben máshogy jelenik meg. Ez tipikus hiba amiről még a honlaptulajdonosok nagyrésze is tud. A gond az ugye, hogy a böngészők sokszor sajátosan, a szabványoktól eltérően kezelik a stílusapokat. A leghírhettebb böngésző ebből (és sok más) szempontból az internet explorer 6-os verziója, ami köszönő viszonyban sincs a szabványokkal. Ezt maga a fejlesztője is tudja ezért is ösztönöz mindenkit arra, hogy frissítse böngészőjét.

Ezeket a problémákat úgy lehet áthidalni, hogy az egyes böngészőkre külön stíluslapot kell írni és ami fontos, hogy az oldalakat sokat kell tesztelni. Minden, a webdesign-t érintő módosítás után érdemes megnézni az oldalt több böngészőben, a legnépszerűbbekben mindenkép. Firefox (2.0, 3.0, 3.5), Internet Explorer (6-7-8), Chrome, Opera. Ezekben mindenkép!

A gond csak az, hogy egy böngészőből csak egy verzió lehet fent a gépünkön, nekünk meg ugye többen is tesztelni kéne. Mert például az említett 6-os ie katasztrófálisan rossz css kezelését, az 7-es és 8-as verzióban jelentősen javították. Tehát ha 8-asban jól néz ki a honlap attól még 6-osban teljesen széteshet.

És itt jön képbe a browsershots.org weboldal ami áthidalja ezt a problémát. Nem kell mást csinálnunk, mint megadni a honlap címét, összekattintani a böngészőket és máris jön az eredmény! Jó javítgatást!:)

A mostani post arról fog szólni mik azok a dolgok amiket szem előtt kell tartani a honlapkészítés során. Legalábbis én miket szoktam betartani. Sok ilyen szabály van, vannak egészen kézenfekvő dolgok. Biztons, hogy sok dolog kimarad, ha ilyet látsz írd be a kommentekbe.

 1. Honlapkészítés szabály: Átlátható, egyértelmű felület
Az egyik legfontosabb egy honlap esetében, hogy ha valaki ránéz egyből eligazodjon rajta. Sokan szeretnek mindenféle formabontó dolgot alkalmazni aminek az eredménye legtöbbször, egy rosszul kezelhető weboldal.Fontos, hogy ha valaki ránéz az honlapunkra, egyből lássa, kinek az oldalán van, hol tud navigálni az oldalon belül és központi helyen legyen a legfontosabb tartalmunk. Sokan rengeteg energiát fektetnek egy olyan dolgok kitalálásába és kivitelezésébe ami lehet, hogy nem is működik. Aki zseninek érzi magát próbálkozhat ezzel mindenki másnak ajánlom a megszokott, és jólbevállt fogásokat. Az emberek szeretik és könnyebben tudják kezelni a hagyományos felépítésű honlapokat, tehát nézz meg 100 oldalt és válaszd ki a legklasszikusabb felépítést.

 2. Honlapkészítés szabály: Olvashatóság
Sokan elfeledkeznek erről a nagyon fontos dologról, mert a fő hansúlyt a designra fektetik és csak az összképet nézik. Alaptétel, hogy ne használj túl apró betűtípusokat. A TFT monitorokkal a nagyobb felbontások is terjednek és ami mondjuk 1024x768-ban jól olvasható 1600x1200-ban már határeset lehet. A szöveg és a háttér jól különüljön el. Fekete alapra ne írj sötétszürkével stb. Ha a honlapodon sok a szöveges tartalom a kontraszt se legyen túl nagy, mert egy idő után zavaró lehet a szemnek. A sorok ne lógjanak egymásra vedd szellősebbre a sorközöket. És ami fontos a sorok ne legyenek túl hosszúak. Vagyik a szöveges rész ne legyen túl széles mert a széles soroknál a szem nehezebben talál rá a következő sor elejére.

3. Honlapkészítés szabály: Sebesség
Fontos, hogy az oldalunk milyen gyorsan tölt le. A látogatók is beleunhatnak egy lassú honlapba, de a keresők botjai is! Ha lassú az oldalunk sokszor már akkor továbbáll a bot mielőtt még letöltődött volna az oldal, így annak csak egy részét indexeli be. Egyszerítsük a html kódot amennyire lehet. A stílusokat tegyük stíluslapba, a java scripteket külön fileba. Ne használjunk fölöslegesen nagy képeket, és flash movie-kat.

4. Honlapkészítés szabály: A fontos tartalom minnél följebb
Ügyeljünk arra, hogy az oldalunk legfontosabb tartalma a html kódban minnél följebb helyezkedjen el. Ez is a keresők miatt szükséges a fent leírt ok miatt. Ha a bot nem is tölti le a teljes oldalt, legalább a legfontosabb dolgot a szöveges tartalmat indexelje be. Egyszerítsük a kódot, ha egy javascriptet nem tudunk külön file-ba tenni akkor tegyük az oldal végére!

5. Honlapkészítés szabály: H, alt, title tag-ek használata
Programozás során használjuk H1-H6 tag-eket a címsorokra, a képeknek definiáljunk alt tag-et a képre utaló információkkal. Az előbbi a google keresője miatt szükséges az utóbbi a google képkeresője miatt. Sokat javíthat oldalunk helyezésén a találati listában.

6. Honlapkészítés szabály: Validitás
Az, hogy egy kód "valid" azt jelenti, hogy megfelel a szabványoknak. A szabványoknak való megfelelés fontos a keresők számára is, és ezzel minimalizálhatjuk a lehetőségét annak, hogy a honlapunk az egyes böngészőkben máshogy jelenjen meg. Ez utóbbi kitétel csak azokra a böngészőkre vonatkozik akik maguk is betartják a szabványokat. Ez alól kivétel a hírhed internet explorer 6-os, ami annyira katasztrófális, hogy a mai napig a webfejlesztők külön css-t írnak rá. A 7-es és a 8-as verzióval szerencsére ez mára sokat javult, de a 6-ost sajnos még sokan hasznáják. A weboldalunk validitását itt tudjuk ellenőrizni: http://validator.w3.org/

7. Honlapkészítés szabály: Teszteljük a honlapunkat a népszerűbb böngészőkben
A validitás mint írtam nem garancia arra, hogy honlapunkat minden böngésző jól jeleníti meg. Néha csak apróbb hibák, eltérések vannak, de az sem ritka, hogy az oldal úgy "szétesik", hogy teljesen használhatatlan. Ezért a népszerűbb böngészőkben mindenkép teszteljük oldalunkat. Amiket érdemes számba venni:  Firefox, IE6-7-8, Opera, Chrome. Nagyon jó szolgálatot tehet nekünk a http://browsershots.org/ oldal, ami számtalan böngészőt, felbontást és operációs rendszert képes szimulálni. A megadott beállíásokkal megmutatja nekünk, hogy nézne ki a honlapunk.

 

Sokszor teszik fel nekem ezt a kérdést az ügyfeleim. Laikusok számára kézenfekvő a kérdés, hogy minek fizessek egy olyan szolgáltatásért amit ingyen is megkaphatok? Hiszen már itthon is rengeteg cég található amely ingyen biztosít tárhelyet oldalunknak. Igaz ha náluk helyezzük el weboldalunkat annak címsorában sokszor felfedezhető a cég urlje is (p.: www.freeweb.hu/akarmi). Hasonló a helyzet az internetszolgáltatók által, az előfizetéshez adott tárhelyekkel. Látszólag minden rendben velük, ezt a kis "apró" eltérést leszámítva.

Nos kérem ez az eltérés nem is annyira apró és még van mellette számtalan egyéb is amit kívülről nem lát az ember. Hát lássuk csak miért fizessünk inkább a domain címért:

1, Egy ingyenes felületen elhelyezett honlapnak rossz üzenete van. Igen negatív benyomást kelt a látogatóban az, ha egy cég pár ezer forintot sajnál kiadni erre. Valamint az ingyenes tárhelyen elhelyezett honlapokban SOKKAL kevésbé bíznak meg a látogatók, mivel egy ilyen tárhelyet bárki pillanatok alatt összeklikkelhet magának. (Ez alól kivételt képeznek a blogok. A blogokon olvasható infókat a netezők könnyeben megemésztik és elfogadják mint egy marketingrizsát. Emiatt is trend a cégek körében mostanában a blogolás.) Aztán ott van a rossz szomszédság. Nem túl jó benyomást kelt az emberben ha hasonló domainen, fellelhető 10-20 sexportál, jópár kalóz szoftverek letöltését segítő website stb. Ilyen társaságból indulva akarjuk építeni cégünk arculatát, imázsát?

2, Amit az interneten igy, kapunk ingyen az nem a miénk. A szolgáltató bármikor csődbehet, lehúzhatja a rolót, és oda a weboldalunk. Nem mehetünk panasszal senkihez.

3, A fentihez kapcsolódóan... A honlapok megítélése keresők részéről nagyban függ attól, hogy egy domain mennyi idős, mennyien hivatkoznak rá. Ez egyébként a keresőoptimalizálás egyik alapja is, minnel több link mutasson az oldalunkra! Gondoljunk bele, évek munkája veszhet kárba azzal, hogy a szolgáltató elveszi tőlünk a webcímünket.

4. Egy fizetős tárhelyszolgáltatónál, ügyfélszolgálatosok és szakemberek hada áll készenlétben, hogy megoldják az esetlegesen felmerülő problémákat, amire egy ingyenes tárhely esetében nem számíthatunk.

Én mindenkinek csak azt tudom tanácsolni, hogy fontolja meg a fentieket. 5-6 ezer forintos éves díj mellett már viszonylag nagy tárhelyet kaphatunk és ez a befeketett pénz sokszorosan megtérül egy honlap esetében. A honlapkészítés során sokszor ez a legkisebb kiadás.

Számtalan megoldás létezik arra, hogy a weboldalunk látogatóinak szokásait kielemezhessünk. Talán az egyik legnépszerűbb statisztikai rendszer a Google Analytics szolgáltatása, ami igen kiterjedt információkat ad nekünk arról, hogy az egyes látogatók honnan érkeztek, mely oldalakat nézték meg, mennyi időt töltöttek el oldalunkon stb. Ezek mind nagyon hasznos információk honlapunk látogatottságának növeléséhez, viszont vannak olyan információk amiket nem lát csak egy ember.... vagy valaki aki ezt videóra veszi!:)

És el is érkeztünk az userfly.com által nyújtott satisztikai rendszerhez. Előljáróban leszögezem maga a szolgáltatás nem ingyenes viszont kipróbálni ki lehet és ha valakinek megtetszik szerintem érdemes egy pár dollárt rákölteni mert sok olyan infót is leszűrhetünk az eredményekből amit egy hagyományos rendszernél nem.

Regisztráció a végelenül egyszerű, csak email címet jelszót kell megadnunk majd kapunk egy scriptet amit a weboldalunk head tag-jébe kell illesztenünk. Ha ezzel megvagyunk el is végeztünk mindent. Igyenesen 10 felvételt készít a rendszer amit bármikor visszanézhetünk mint egy videót. Látjuk mikor-mire klikkelt a felhasználó milyen elemek fölé húzta az egeret, sőt még azt is ha valakinek az egér mutatójával épp megmutat valamit honlapunkon.

Regisztráljatok (www.userfly.com) és mozizásra fel! Megéri! :)

A mostani post inkább a profiknak illetve azoknak szól akik már rendelkezdnek honlappal. Örülhetnek a bloggerek is, itt van néhány igen pofás, szabadon használható rss feed ikon.

 








































Csak ki kell vágni őket és már mehetnek is a honlapra. Használjátok egészséggel!