Webstudio JV-Arms
Kostelní Lhota 97
289 12 Sadská
tel.: +420606155742
tvorba www stránek, web design, CD prezentace, přijatelné ceny
info(a)webstudio-jv.cz

Jak na web - Kvalita internetových stránek

Nejrůznějších návodů, doporučení a postupů jak vytvořit webové stránky, bylo publikováno nepřeberné množství, od vysoce odborných až po ty pro úplné začátečníky. Dá se tedy říct, že každý, kdo chce vytvořit třeba svoje osobní stránky, má z čeho vybírat a pokud má skutečný zájem, zcela jistě najde dostatek kvalitních informací.

Kvalitní webové stránky by měly být vytvářeny podle mezinárodních standardů a doporučení, která vydává World Wide Web Consortium (W3C). Takto vytvořené stránky budou zobrazeny vždy stejně, bez ohledu na druh použitého prohlížeče nebo operačního systému na kterém je provozován.

Úvod - Jak poznat kvalitní stránky [1]

Efekty, ne vždy účelné [2]

Jak posoudit kvalitu [3]

Úroveň přístupnosti - Priority 1 [4]

Úroveň přístupnosti - Priority 2 [5]

Úroveň přístupnosti - Priority 3 [6]

Jak poznat kvalitní stránky....

Každý, kdo se rozhodne pro vlastní internetové stránky chce, aby to byly stránky originální, těžko zaměnitelné s jinými a samozřejmě, aby také návštěvníka něčím zaujaly a on se na ně vracel a doporučil je i svým známým. Podobné požadavky jsou jistě opodstatněné a oprávněné. Přesto nebo právě proto by si měl každý zájemce o vytvoření webu uvědomit, že forma a obsah tvoří dvě strany téže mince a že by měly být v souladu. Ani ta nejefektnější stránka, nebude pro návštěvníky zajímavá bez zajímavého obsahu a stejně tak nebude příliš zajímavá stránka s velice kvalitním obsahem, ale špatným, někdy až nevkusným designem.

Co by stránky měly splňovat

Přístupnost

Stránky by měly být přístupné co nejširšímu okruhu návštěvníků a to bez ohledu na to, připojují-li se k internetu klasickou vytáčenou linkou s rychlostí stěží dosahující 56 kbps nebo jiný typ s rychlostní v řádu MBps, bez o hledu na to, jaké zařízení k jejich prohlížení používají. Stránky se musí korektně zobrazit při použití málo výkonného počítače s černobílým monitorem, stejně jako v moderním a výkonném počítači s 20'' LCD displejem nebo v miniaturním PDA, a to nezávisle na použitém typu prohlížeče nebo operačního systému. Stejně tak musí poskytnout všechny informace uživateli používajícímu textový prohlížeč (např. LYNX) nebo čtečku.

Předpokladem splnění těchto požadavků je především kvalitně napsaný html kód a omezení prvků, které přístupnost jakýmkoli způsobem omezují.

Struktura webu

Struktura celého webu by měla vycházet především z potřeb potencionálních návštěvníků. Ti očekávají, že informace které hledají najdou pokud možno snadno a na jednom místě.

Hlavička

Hlavička stránky zůstává návštěvníkům skrytá. Přesto je velice důležitou součástí a je třeba, věnovat jí stejnou pozornost jako obsahu, či grafice. Informace v ní uvedené jsou důležité pro prohlížeče pro které jsou podkladem pro správnou interpretaci obsahu a také pro vyhledávače a jejich roboty.

DOCTYPE

Deklarace použitého jazyka HTML je velice důležitým, bohužel však také velmi často chybějícím prvkem. DOCTYPE definuje, jaké prvky jsou pro daný jazyk HTML podporovány, jak a k jakému účelu jsou v kódu stránky použity. Podrobný popis je k dispozici na stránkách W3C (Word Wide Web Consortium) Česká verze >>

Titulek stránky

<title>Titulek</title>

Titulek je tím nejzákladnějším a nejdůležitějším prvkem stránky. K identifikaci stránky jej využívají nejenom uživatelé, ale také vyhledávače. Titulek by měl jasně, smysluplně a jednoznačně označovat každou stránku a současně i její příslušnost k danému webu.

Meta elementy

<meta>

Přestože jsou meta elementy umístěné ve zdrojovém kódu hlavičky stránky a pro uživatele tedy nejsou viditelné, jsou velice důležité.

Language

Element Language "říká" prohlížeči v jakém jazyce je stránka napsaná a jaké je použito kódování jazyka. Umožňuje tak jeho správnou interpretaci. Absence tohoto elementu může být příčinou nekorektního zobrazení textu stránky.

Description

stručné shrnutí obsahu stránky. Tento element je důležitý především pro vyhledávače, jejichž roboti v něm hledají klíčová slova. Jeho obsah se může také objevit jako popisek stránky ve výsledcích vyhledávání.

nahoru >>

Keywords

- Seznam klíčových slov využívaný některými vyhledávači.

Robots

- element určující, jakým způsobem budou se stránkou zacházet roboti vyhledávačů. Jeho prostřednictvím můžeme robotům povolit nebo zakázat indexování dané stránky.

Tělo stránky

V těle stránky je umístěn celý její obsah, záhlaví stránky, navigační prvky, text a fotografie, odkazy a nemělo by chybět ani zápatí.

I vytváření obsahu má svoje přesná pravidla a prvky které jsou určeny pro jeho formátování, kterým je potřeba věnovat náležitou pozornost.

Nadpis

Je důležitým prvkem. Upozorňuje návštěvníka stránek na důležité informace které uvádí a je důležitý i pro vyhledávače, které na něj kladou poměrně velký důraz. Důležitý je ale i pro čtečky používané slabozrakými nebo nevidomými uživateli. Proto je důležité dodržovat jistá pravidla a doporučení. K tomu, aby byl nadpis interpretován jako nadpis.

Nestačí pouze změna velikosti nebo barvy písma, případně použití stylů. Přestože použijeme pro nadpis například dvojnásobnou velikost písma než na zbytek textu, případně jej zvýrazníme odlišnou barvou a jiným řezem písma, vyhodnotí ho vyhledávač i čtečka jen jako pouhý zvýrazněný text. Stejně tak bude nadpis interpretován i v případě, že ho zapíšeme s třídou css (např. <div class="nadpis">Nadpis</div>).

Pro označení nadpisu proto používáme elementy H1 až H6, z nichž je H1 určen pro nadpis nejvyšší a H6 pro nadpis nejnižší úrovně. Správný zápis nadpisu by tedy měl být: <h1>Nadpis</h1>

Text

I pro text existují pravidla a doporučení, která je dobré dodržovat.

Název použitého písma
Vždy označíme název použitého písma případně definujeme tzv. rodinu písma např. Verdana, Arial, SanSerif.
V kaskádových stylech použijeme např.
font-family: Verdana,Arial,SanSerif;.
Tento údaj je důležitý pro prohlížeče, které podle něj určují, jaké písmo bude použito jako alternativní, pokud font uvedený na prvním místě není k dispozici.
Není-li rodina písem definována, nahradí prohlížeč požadované písmo tím které považuje za nejpodobnější předepsanému. Tím může dojít k rozpadu celého formátování textu, neboť prohlížečem zvolené písmo může mít zcela jiné proporce.
Velikost textu
Pro definici velikosti textu nepoužíváme absolutní jednotky (např. px), ale zásadně jen jednotky relativní. To proto,aby uživatel mohl měnit velikost textu podle vlastních potřeb, za použití prostředků které mu dává k dispozici jeho prohlížeč.
Přehled nejpoužívanějších relativních jednotek velikosti textu >>
Zvýraznění textu
Někdy je potřebné, upoutat pozornost návštěvníka stránek na důležitou část textu. Můžeme tak učinit různými způsoby, například změnou velikosti zvýrazňované části textu, použitím kurzívy nebo tučného písma, případně změnou jeho barvy nebo barvy pozadí. Všechny tyto možnosti mohou splnit požadovaný účel, ale jen některé budou jako zvýraznění vyhodnoceny vyhledávači nebo čtečkami.
Aby tak skutečně vyhodnocen byl, měli bychom použít prvky <em></em> a <strong></strong>.
Příklad:
<em>Zvýrazněný text</em>
<strong>Zvýrazněný text</strong>
Pro tučné písmo můžeme použít i prvek <b></b>, Pro zvýraznění text ho však nepoužíváme.
Odkazy
Odkazy tvoří důležitou součást obsahu stránky. Umožňují přechod na jiné stránky webu i na stránky mimo něj a využívají je samozřejmě i vyhledávače při hodnocení stránek.
1. Text odkazu musí dávat smysl a musí z něj být zřejmé kam směřuje. Odkazy typu "Klikněte sem, Dále" apod. jsou špatné. Je-li dokument rozložen na více stránkách, volíme raději formu číslování stránek, např. Strana [1] [2] [3] atd. s odkazem na všechny stránky
2. Je-li na stránce víc odkazů vedoucích na různé URL, musíme věnovat pozornost tomu, aby se v nich neopakoval stejný text.
3. Vede-li víc odkazů na téže stránce na tutéž adresu, měl by být totožný i jejich text.

Stránka [1] [2] [3] [4] [5] [6]

Webstudio JV-Arms Kostelní Lhota 97 289 12 Sadská tel.: +420606155742 tvorba www stránek, web design, CD prezentace, přijatelné ceny info(a)webstudio-jv.cz