Metodika pro web a intranet

Text

Titulek k článku

• Titulek je používán ve vyhledávačích a URL, proto by měl být smysluplný, krátký a výstižný.
• Měl by být krátký na jeden řádek, avšak stále dostatečně informativní.
• Při psaní titulku nepoužívejte pouze velká písmena.

Úvod do obsahu stránky

• Neměl by být delší než 2­3 řádky textu.  
• Formátování tučným písmem pro zvýraznění podstatného obsahu. 
• Používat hypertextové odkazy pro prolinkování s dalším relevatním obsahem.  
• Další struktura již podléhá samotným potřebám obsahu stránky. 

Obsah

• Návštěvník text nepročítá, ale nejdříve ho tzv. skenuje očima a hledá relevantní fráze (klíčová slova). Až v případě zájmu je ochoten text číst podrobně.  
• Vždy je důležité redukovat délku obsahu. Nezatěžujte uživatele.Používejte a zvýrazňujte klíčová slova. 
• Používejte tedy odstavce a článek rozdělte do několika sekcí, z nichž každá má svůj vlastní podnadpis.  
• Dbejte na strukturovaný text, využívejte odrážky a číslování. Vždy to dodá textu logickou strukturu. 
• Doplňujte obsah o ilustrační obrázky. Díky fotkám a obrázkům bude text mnohem zajímavější.

Obrazový materiál

Obrázky v textu

• Nahrávejte obrázky v menší velikosti a formátu, aby zbytečně nezpomalovaly načítání stránky.
• Je-li potřeba, obraz ořízněte. Oříznutí pomáhá definovat předmět obrazu tím, že odstraní nadbytečné pozadí.
• Aby váš obrázek zaujal pozornost čtenáře, používejte kontrastní barvy.

Formáty

• Existují tři obrazové formáty, které se využívají pro webové stránky – GIF, JPEG, PNG.
• Pro fotografie a grafiku doporučujeme používat formát JPEG.

Header na úvodní stránce

• Rozměry – 1280px x 250px.
• Obsahuje krátký titulek a perex (150 – 200 znaků).

Boční bannery na úvodní stránce

• U bannerů doporučujeme dodržovat pevný rozměr, v současné době je to 303px x 99px. 
• Na stránce může být maximálně 6 bannerů.
• Banner by měl být graficky co nejjednodušší a měl by obsahovat minimum textu.
• Banner musí být kontrastní k barvě pozadí stránky. Pokud má banner světlé pozadí, je nutné aplikovat rámeček v podobě tmavě šedivé čáry o šířce 1px. 
• V banner je nutné používat pouze krátké a výstižné nadpisy v rozsahu tří až šesti slov.  

 

Odkazy

Odkaz v textu

• Ujistěte se, že je odkaz funkční.
• Zkontrolujte obsah, na který odkazujete.
• Nepište “klikněte zde” jako jediný text odkazu.
• Propojte odkaz s textem přirozeně.
• Pište jasné odkazy. Pokud stojí v odkazu „tato kniha…“, link by měl vést ke knize, nikoliv do knihkupectví nebo na stránku autora biografie.
• Vytvářejte odkazy, které vedou na obsah, nikoliv rozcestník odkazů. Pokud posíláte čtenáře do rozcestníku, přidejte vysvětlení do textu.

URL

• Pojmenujte URL podle titulku.

Dokumenty

• Přiložené dokumenty vkládejte vždy v PDF formátu.
• Název dokumentu ideálně bez diakritiky a mezer.

HTML a CSS

• Stránka je vystavena na CSS a HTML, používejte proto validní HTML kód a respektujte kaskádové styly (CSS). Styly usnadňují zachovat vzhled našich stránek.

Intranet

• Při tvorbě nové stránky/aplikace je třeba dbát na její název, na základě kterého se tvoří URL, které je neměnné.