Táblázatok használata és a keresőoptimalizálás
A HTML szabvány létrehozásakor nem a grafikai igényesség vezérelte elsősorban a fejlesztőket, ezért az igényes megjelenéshez (melynek egyik ismérve az oldal különböző elemeinek megfelelő, pontos pozícionálása) kezdetben csak egy nem kifejezetten erre kitalált elemmel, a táblázattal történő pozícionállás állt a webfejlesztők rendelkezésére. Közel sem annyira problémás a Keresőoptimalizálás szempontjából ez a technológia, bár néhány megfontolást érdemes szem előtt tartani, és ha lehet, akkor a jóval modernebb megoldást, a lépcsőzetes Stíluslapok használatát érdemes preferálni.
Miért rossz a táblázat?
A klasszikus egymásba ágyazott táblázatokkal történő pozícionálás során az egyes elemek vizuális sorrendje nem egyezik meg a HTML forráskódjában található tartalmi részek sorrendjével. Vegyük az alábbi táblázatot, példaként a következmények bemutatására:
| Nagy nemzetközi keresőprogramok | Alternatív keresők | Magyar keresők | ||||||||||||
|
|
|
A keresőoldalak a kulcsszavak elemzéséhez (mint például Kulcsszótávolság meghatározása, Kulcsszavak súlyozása) eltávolítják a HTML tagokat és egyéb kódrészleteket, és alábbiakhoz hasonló módon fogják eltárolni a fenti táblázatból:
Nagy nemzetközi keresőprogramok Alternatív keresők Magyar keresők Google Yahoo! MSN Search A Google Inc. által üzemeltetett keresőprogram. A Yahoo! portálhoz kapcsolódó keresőszolgáltatás. A Microsoft által kifejlesztett technológia. Gigablast Jó találati listákat szolgáltató kereső, a nagyoknál kevesebb beindexelt oldallal. SZTAKI Kereső Zoohoo.hu Kísérleti stádiumban levő keresőprogram figyelemreméltó technológiákkal, mint pl. a szótövezés. A cseh Jyxo keresőtechnológiát használó keresőprogram.
Ha mindezt Stíluslappal formáztuk volna, akkor az alábbi szöveget tárolták volna el a keresőprogramok (Kövér és dőlt betűvel jeleztem a különböző szintű Fejezetcímeket):
Nagy nemzetközi keresőprogramok Google A Google Inc. által üzemeltetett keresőprogram. Yahoo! A Yahoo! portálhoz kapcsolódó keresőszolgáltatás. MSN Search A Microsoft által kifejlesztett technológia. Alternatív keresők Gigablast Jó találati listákat szolgáltató kereső, a nagyoknál kevesebb beindexelt oldallal. Magyar keresők SZTAKI Kereső Kísérleti stádiumban levő keresőprogram figyelemreméltó technológiákkal, mint pl. a szótövezés. Zoohoo.hu A cseh Jyxo keresőtechnológiát használó keresőprogram.
Jól látszik, hogy a táblázatokban máshogy következnek a Kulcsszavak, feleslegesen növelve a Kulcsszótávolságot, a fontos címszavak pedig nem szerepelnek kiemelt fontosságú, a Kulcsszavak súlyozásakor figyelembe vett HTML elemekben, mint pl.a Fejezetcímek, illetve a fontos tartalmi részek gyakran távol esnek a HTML kód elejétől. Például a bal oldali oszlopban szoktak lenni a navigációs elemek, melyek megelőzik a középső oszlopban található fő tartalmat. (Létezik erre egy áthidaló megoldás is, melyről ezen az oldalon lehet olvasni: http://www.hostw3.com/web-hosting-guides-and-articles/web-site-search-engine-optomization-articles/table-layout-design-for-search-engines.htm)
Egyéb problémák
A keresőoptimalizálás szempontjain túl még számos más okból rosszabbak a táblázatos layoutok, mint a stíluslapok:
- A fogyatékkal élők a fenti példákhoz hasonló módon szembesülnének az oldal tartalmával: szembetűnő, hogy mennyivel problémásabb a táblázattal pocícionált weboldal böngészése, mint az Akadálymentes weboldalaké.
- A táblázatos layout-ok sokkal kevésbé flexibilisek a CSS-sel összerakott oldalaknál: Például egy Stíluslappal létrehozott képlékeny három oszlopos oldal lebomlik egy oszloposra, hogyha nem elég széles a képernyő, míg egy táblázatos layoutnál vagy nagyon kicsi lesz a lényeget magába foglaló oszlop, vagy vízszintes görgetéssel lesz csak használható az oldal. A kis képernyővel rendelkező mobil eszközökön könnyen olvashatatlanná válhatnak emiatt az oldalak, vagy pedig alternatív (sokszor lebutított) layout-ot kell nyújtani a PDA-k, Palmtopok, Handheld PC-k és mobiltelefonok számára, míg a CSS-sel készült oldal kompromisszumot jelenthet ebben az esetben a külcsíny rovására, az összes tartalmi elem megtartása mellett.
További olvasnivaló
http://www.hlltranslations.com/stupidtables/index.html
Miért butaság a táblázatos szerkezet: a probléma körülírása és a felkínált megoldás.
