Jak má vypadat školní web?

Co na školním webu nesmí chybět a čemu se naopak vyvarovat? Jak vypadají skvělé příklady z praxe?
Podívete se, jak na to
Image
Příklad responzivního webu.

Uživatelská přívětivost

Funkčně a přehledně

Špatně postavený web odradí až 69 % uchazečů (zdroj). Web je první místo, kde se lidé se školou potkají a na základně prvního si udělají představu, jestli je škola kvalitní nebo ne.

Nejdůležitější částí webu je konzistentní navigace (menu), protože se jedná o hlavní orientační prvek. Stránky a jejich podstránky musí být uspořádány logicky. Dobré je přidat drobečkovou navigaci, která návštěvníkovi ukazuje, kde na webu se právě nachází. Přidejte také vyhledávání, které prohledá všechny texty na webu.

Dnes je internet prohlížen nejčastěji na mobilu, pak na větších obrazovkách počítačů, tabletů nebo i chytrých televizí. Rozložení a vzhled prvků na stránce se tedy musí přizpůsobovat všem zařízením tak, aby veškeré důležité části webu byly snadno dostupné bez nutnosti zvětšování a posouvání.

Vhodné je volit snadno zapamatovatelnou školní doménu v české národní doméně (.cz). Web by měl být dostupný jak prostřednictvím adresy s prefixem www, tak adresy bez něj, návštěvník je vždy přesměrován na jednu školou preferovanou variantu. Dejte pozor na prázdné stránky a nefunkční odkazy na web i mimo něj.

Web by měl používat redakční systém, který umožňuje jednoduchou a rychlou správu obsahu internetových stránek i méně zkušenými správci. Nejrozšířenějšími open source (zdarma) jsou Wordpress, Joomla a Drupal, mezi systémy provozované jako služba patří například Google Weby nebo Webnode.

Image
Chování webu s automatickým přesměrováním.

Grafické zpracování

Oslovte vzhledem

Web by měl perfektně odrážet komunikační strategii a hodnoty školy. Grafika vhodně dokresluje obsah stránek a zvýrazňuje důležité interaktivní prvky. Návštěvník musí mít přehled a na stránce se lehce orientovat. Většinou platí: méně je více.

Grafika musí být konzistentní na všech podstránkách webu (například na každé podstránce by měla tlačítky vypadat stejně). Grafika na webu by vždy měla respektovat grafickou identitu školy.

Image

Obsah stránek

Komunikujte jasně

Logo a název

Na každé stránce by měl návštěvník vidět logo a oficiální název školy bez použití zkratek, nejlépe v hlavičce webu.

Kontakty

Odkaz na stránku kontaktů, která obsahuje podrobné kontaktní údaje, mapy či fotografie, mějte viditelně umístěný (nejlépe v menu) a rychlý kontakt a adresu např. v zápatí webu.

Kontakty na zaměstnance

Uveďte jména a kontakt na vedení školy nejlépe i s fotkami. Uveďte také seznam pedagogů, pracovníků poradny a školské rady, s jejich fukncemi a kontaktními informacemi.

Profil školy

Návštěvník musí být seznámen s charakteristikou školy, jejími studijními obory a její historií. Je dobré uvádět nabídku volnočasových aktivit, výroční zprávy nebo harmonogram školního roku.

Pro uchazeče a studenty

Přehledně uvádějte termíny dnů otevřených dveří, informace o přijímacím řízení a podání přihlášky. Rozvrhy a suplování by měly být snadno dostupné i bez potřeby hesla. Uvádějte také odkazy na školní informační systém a dostupné výukové programy (např. Microsoft 365)

Strategie a komunikace

Formulujte srozumitelně pro veřejnost vizi a strategii školy, metody práce včetně výstupů a výsledky vlastního hodnocení. Web by měl také nabízet možnost pro návštěvníky vyjádřit svůj názor a přihlásit se k odběru informací.
Image

Bezpečnost

Zpracování osobních údajů

Pokud váš web zpracovává osobní údaje, podle GDPR musíte uvádět totožnost a kontaktní údaje správce osobních údajů, účely zpracování, pro které jsou osobní údaje určeny a právní základ pro zpracování. Návštěvník webu musí mít možnost přijmout nebo odmítnout používané cookies. Web by měl mít implementovanou podporu protokolu IPv6 a doménu zabezpečenou pomocí DNSSEC.

Dejte pozor, aby z fotografií nešlo propojit žáky s jejich jmény. Bez přihlášení by web neměl umožnit ani propojení žáka s rozvrhem třídy, kterou navštěvuje. Stránky by také neměly obsahovat osobní údaje žáků jako jména, telefony, e-maily nebo adresy.

Příklady webů

Školní weby z praxe

Image
Image
Image
Image
Image
Image

Dejte nám vědět

Máte web, který by tu měl být?

Napište nám a my se na něj rádi podíváme.
Napište nám