Contact

W3C a beztabulkový design

Použitelnost, dostupnost a search engine optimization (SEO - optimalizace pro vyhledávače) jsou fráze použité k popsání vysoce kvalitních webových stránek v dnešním world wide webu. Nejjednodušší věc, jak dosáhnout těchto tří cílů, je tak učinit použitím konstrukce založené na W3C web standardech.

Například stránka, která je (x)html semanticaky strukturovaná (xhtml vysvětluje document, ne jak vypadá) bude jednoduše k přečtení ve čtečkách obrazovky pro někoho, kdo špatně vidí. Takovou stránku jednoduše přečte i vyhledávací pavouk (search engine spider). Google je efektivně slepý v tom, jak čte vaši stránku.

SEO, usability and accessibility overlap

Stránka, která je validovaná pro World Wide Web Consortcium (W3C) webové standardy má mnohem lepší základy, aby byla dostupná, použitelná a optimalizovaná pro vyhledávače. Myslete na to, až budete vytvářet kód. Webová stránka postavená na těchto standardech je silnější a bezpečnější. Můžete to kontrolovat pomocí W3C's HTML validation service zdarma. Hlavní je, že stránka založená na W3C validaci používá semantické (x)html a odděluje obsah od prezentace pomocí CSS.

Trocha historie o standardech

Spousta webových stránek je momentálně designována pro staré prohlížeče. Proč? Prohlížeče se vyvíjí od počátků www. Nové se objevují, staré mizí. Pamatujete Netscape? další komplikace je, že různí tvůrci prohlížečů (jako je Microsoft) mají tendenci interpretovat html/xhtml trošku odlišnými způsoby. To vede k tomu, že webdesigneři musí navrhovat své stránky tak, aby podporovaly staré prohlížeče spíše než nové a musí se zobrazovat podobně v těch nejrozšířenějších prohlížečích.

Co jsou webové standardy?

  • Validní kód, jedno jestli html nebo xhtml (nebo další)
    Kontrolujte vytvářené stránky pomocí validator.w3.org. Ujistěte se, že máte správný DOCTYPE. Více o doctype.
  • Sémanticky správný kód
    Jak jsme zmínili výše, sémantický znamená, že (x)html ve stránce znamená jenom obsah, ne prezentaci. Tedy strukturovanou organizaci s pomocí h1/h2 atd a tabulky používat jen pro tabulková data, ne pro kostru stránky.
  • Cascading Style Sheets (CSS)
    Těsně související se sémantickým kódem, je použití cascading style sheets ke kontrole vzhledu a kostry vaší stránky. Cascading Style Sheets (CSS) je jednoduchý mechanismus pro vkládání stylů jako jsou fonty, barvy, mezery atd. do stránky. (zdroj: www.w3.org/Style/CSS/). Existují paralelně s (x)html kódem, takže můžete kompletně oddělit obsah (sémantický kód) od prezentace (CSS). Nejlepší příklad je na CSS Zen Garden, kde jeden sémantický xhtml kód je tvarován odlišnými a unikátními způsoby pomocí CSS. Výsledkem je velmi odlišný vzhled stránky se stejným obsahem.

Powered by Joomla!. Valid HTML5