Website Fit Score 360°

Tato kategorie hodnotí, jak jsou vaše webové stránky pro návštěvníky použitelné a přívětivé. Skóre měříme pomocí následujících ukazatelů:

Responzivita a připravenost pro mobilní zařízení - Současným standardem pro webové stránky je použitelnost jak na stolních počítačích, tak na mobilních zařízeních bez snížení kvality, funkcí nebo obsahu. Mají-li na menším displeji webové stránky nižší kvalitu, uživatelé váš web opustí.

Orientace na uživatele – Orientace na uživatele znamená, že při volbě poskytovaných služeb jsou v centru pozornosti potřeby uživatelů. Ani honosné a inspirativní webové stránky uživatele neudrží, pokud nebudou uspokojena jejich očekávání a potřeby.

Struktura a navigace – Jasná hierarchie informací na celém webu je nezbytná pro úspěšné užívání webu uživateli - zahrnuje menu, prvky call-to-action, kontaktní stránky a záhlaví a zápatí. Pokud váš web postrádá přehlednost v některé z těchto položek, uživatelé budou zmatení a frustrovaní a nakonec z webu odejdou.

Bohatý obsah – Bohatý obsah se skládá z různých mediálních formátů na stejném místě - ať už jde o text, obrázky, formuláře atd. Klíčem k úspěšnému webu je jasný, relevantní a na klíčová slova bohatý obsah, který silně a přesvědčivě interpretuje sdělení. Obsah vašich webových stránek musí na publikum cílit, zaujmout ho a přimět k akci.

Použitelnost – Použitelnost se týká uživatelsky snadného používání vašich stránek. Návštěvníci webu by měli být schopni pohodlně číst a přijímat jeho obsah bez prvků, které je rozptylují a ruší.

Konzistentní design – Design vašeho webu by měl mít konzistentní interaktivní prvky, barevné schéma a funkce na všech stránkách. Bez této soudržnosti designu působí webové stránky rušivě nebo zmateně a vytváří dojem neprofesionality a nespolehlivosti.

Vzhled a vnímání – Vzhled a vnímání popisují, jak webové stránky na uživatele působí a jaké emocionální reakce v něm vyvolávají. Vzhled a vnímáni vašich stránek mají odpovídat sdělení, které chcete předat, nebo myšlence, kterou se snažíte vyjádřit; přispívají důvěryhodnosti.

Personalizace – Personalizace je definována tím, do jaké míry se obsah vašich webových stránek přizpůsobuje potřebám a preferencím uživatelů.

V této kategorii se hodnotí, jak efektivně vaše webové stránky dodržují standardy zpřístupnění webu všem uživatelům. Skóre měříme pomocí následujících ukazatelů:

Přístupná navigace - Navigace je způsob, jakým uživatelé vyhledávají a procházejí různé stránky vašeho webu, a často je první věcí, kterou noví uživatelé při otevření vaší stránky posuzují. Přístupnost webu zajistí, že číst a používat váš web bude moci každý, a že užívání významně zjednodušíte uživatelům podpůrných technologií.

Sémantika ARIA - Atributy aria-* slouží k definování a označení prvků na vašem webu. Použijte je v případech, kdy textový popisek není na obrazovce viditelný, aby k němu čtečky obrazovky měly přístup a rozuměly jeho účelu.

Názvy a popisy - Přesné a přístupné pojmenování prvků zajistí, aby všichni uživatelé věděli, co určité prvky vašeho webu dělají.

Pokud tlačítko nemá přístupný název, čtečky obrazovky a další asistenční technologie jej oznámí jen jako tlačítko a uživatelům neposkytne žádné informace o tom, co tlačítko dělá.

Poměrný kontrast barev - Poměrný kontrast barev měří rozdíl v jasu mezi barvou textu a barvou pozadí. Text, který má nízký poměrný kontrast, může být obtížně čitelný, což může snižovat porozumění textu a zpomalovat rychlost čtení.

Ačkoli je tento problém obzvláště náročný pro osoby se slabým zrakem, text s nízkým kontrastem může negativně ovlivnit čtení pro všechny vaše uživatele. Pokud například používáte mobilním zařízení venku, dobře znáte nutnost kontrastu pro čtení textů.

Tabulky a seznamy - Tabulky a seznamy jsou uspořádány vizuálním způsobem, který nemusí být srozumitelný lidem používajícím váš web pomocí asistenčních technologií. Může být nutné je upravit tak, aby zůstaly co nejpřístupnější a nevypisovaly matoucí nebo nepřesné informace.

Titulky k videu - Titulky umožňují použití videa pro neslyšící nebo nedoslýchavé uživatele a poskytují jim důležité informace, např. kdo právě mluví, co říká nebo jiné neverbální informace.

Internacionalizace a lokalizace - Internacionalizace a lokalizace jsou důležitými faktory poskytování optimální zkušenosti při čtení na obrazovce.

Aby byla zajištěna správná výslovnost, používají odečítače obrazovky pro každý podporovaný jazyk jinou zvukovou knihovnu. Čtečky obrazovky mohou mezi těmito jazykovými knihovnami snadno přepínat, ale pouze v případě, že webová stránka určuje, který jazyk se má pro daný obsah číst.

Pokud stránka neurčí jazyk pro element <html>, čtečka obrazovky předpokládá, že stránka je ve výchozím jazyce, který uživatel zvolil při nastavení čtečky obrazovky, a může tak znemožnit porozumění obsahu.

Tato kategorie hodnotí, jak dobře vaše webové stránky reagují v interakci s uživatelem. Skóre měříme pomocí následujících ukazatelů:

Rychlost stránky - jak dlouho trvá prohlížeči načtení a vykreslení stránky a jak rychle mohou uživatelé se stránkou pracovat. Nízká rychlost stránky uživatele frustruje a může způsobit, že z vašeho webu odejdou ještě před dokončením načítání.

Minifikace souborů - Minifikace je proces zmenšování velikosti přenášených souborů. Minifikace zahrnuje odstranění komentářů, mezer a nadbytečného kódu v souborech CSS a JavaScript.

Čím menší jsou tyto soubory, tím rychleji se stahují, což vede k jejich rychlejšímu zobrazení prohlížečem. V některých případech také zefektivňuje kód použitím kratších názvů proměnných a funkcí.

Tento proces optimalizuje výkon stránky tím, že sníží objem přenášených dat.

Optimalizace obrázků - Optimalizace obrázků zahrnuje strategie pro udržení co nejmenší velikosti souborů, poskytování grafiky v nejvhodnějších formátech pro prohlížeč, odložení načítání obrázků, které nejsou ve zobrazovacím poli, dokud nejsou potřeba, a načtení obrázku vhodné velikosti pro zařízení uživatele. To nejen zajistí rychlejší načítání vizuálního obsahu webu a menší spotřebu šířky pásma nebo mobilních dat, ale také zlepší celkový zážitek návštěvníků z používání webu.

Integrace třetích stran - Integrace třetích stran je definována jako jakýkoli skript umístěný na jiné doméně, než je aktuální adresa URL, takže i když budete servírovat prostředky z alternativní domény, kterou sami spravujete, například cdn.mysite.com, bude stále vnímána jako třetí strana.

Včasné navázání spojení se zdroji třetích stran s využitím pomocných informací může pomoci snížit časovou prodlevu obvykle spojenou s těmito požadavky.

Velikost DOM - Velikost modelu DOM označuje, kolik uzlů v objektovém modelu neboli značek HTML má vaše stránka nebo jak složitá je struktura HTML. Nadměrná velikost modelu DOM znamená, že je na stránce příliš mnoho uzlů nebo že jsou značky HTML "vnořené" příliš hluboko.

Při načítání stránky s nadměrným množstvím uzlů modelu DOM bude prohlížeč často potřebovat větší výpočetní výkon k "vykreslení" stránky, což obvykle způsobí zpoždění při vykreslování stránky.

Načítání písma - Písma jsou často velké soubory, jejichž načítání chvíli trvá. Při načítání stránky prohlížečem může být textový obsah připraven dříve, než jsou webová písma zcela stažena. V těchto situacích zůstává text po krátkou dobu, než je webové písmo staženo, pro uživatele neviditelný nebo skrytý. Tento problém je znám jako problikávání neviditelného textu (FOIT).

Zajištění toho, aby načtená webová písma zůstala viditelná, pomáhá předcházet prázdným stránkám a zbytečným posunům v rozvržení, a zajišťuje tak lepší vnímání stránky.

Tato kategorie hodnotí, jak dobře by vyhledávače hodnotily vaše webové stránky. Skóre měříme pomocí následujících ukazatelů:

Metainformace o obsahu - Metainformace neboli metadata vašeho webu se skládají z názvu a popisu každé stránky. Ty poskytují vyhledávačům, jako je Google, důležité informace o obsahu a účelu každé jednotlivé stránky na vašem webu a pomáhají určit, zda je váš web dostatečně relevantní pro zobrazení ve výsledcích vyhledávání.

Texty hypertextových odkazů by měly jasně charakterizovat jejich cíle, aby uživatelé i vyhledávače pochopili jejich význam. Platné značky kanonických odkazů a odkazů na verze v jiných jazycích vyhledávačům sdělují, kterou verzi stránky mají načíst.

Popisné a alternativní texty - Popisný text odkazu, který jasně vyjadřuje jeho cíl, pomáhá uživatelům i vyhledávačům pochopit váš obsah a jeho vztah k ostatním stránkám.

Informativní obrázky by se měly poskytovat krátký popisný alternativní text.

Přívětivost pro procházení - Vyhledávače zkoumají vaše webové stránky, aby je správně zobrazily ve výsledcích vyhledávání. Pokud je váš web nastaven tak, že vyhledávače mate, bude se váš obsah ve výsledcích vyhledávání zobrazovat méně často a vaši stránku navštíví méně lidí.

Ujistěte se, že všechny vaše stránky jsou prohledávatelné, jsou odesílány se správnými stavovými kódy HTTP pro úspěšnou odpověď a web obsahuje správné pokyny pro prohledávací roboty.

Metainformace pro mobilní zařízení - Mnoho vyhledávačů hodnotí stránky podle toho, jak jsou přívětivé pro mobilní zařízení, tedy zda se váš web dobře zobrazuje na mobilních zařízeních. Ve stále mobilnějším světě je důležité zajistit, aby uživatelé jakéhokoli zařízení mohli na vaše stránky pohodlně přistupovat a používat je.

Nastavení metaznačky viewport vám umožňuje řídit šířku a měřítko zobrazení tak, aby byla velikost stránky správně nastavena na všech zařízeních. Písmo o velikosti menší než 12px je na mobilních zařízeních často špatně čitelné. Cíle klepnutí, jako jsou tlačítka a odkazy, by měly být dostatečně velké a dostatečně daleko od sebe, aby byla stránka přívětivá pro mobilní zařízení.

Vyhnutí se doplňkovým modulům - Vyhledávače nedokážou indexovat obsah doplňkových modulů a mnoho zařízení tyto moduly omezuje nebo je nepodporuje. Používání doplňkových modulů prohlížeče, jako je Java nebo Flash, byste se měli vyhnout.