Webová prezentace

Během procesu tvorby webu, ale také po jeho dokončení je na místě web otestovat. Projít všechny vytvořené stránky, zkontrolovat správné zobrazení, textový obsah, funkční odkazy. Kromě těchto viditelných částí web obsahuje další důležité části pro běžného uživatele neviditelné. Pracovně tomu říkám neviditelná střeva webu.

Sice nejsou na první pohled vidět, ale jsou životně důležité pro správnou funkčnost webu, spolupráci s vyhledávači, přizpůsobení zobrazování v různých zařízeních, hladké sdílení atd. Cizími slovy - jde například o SEO optimalizaci, validitu kódu nebo responzivitu.

Pro testování se používají nejrůznější nástroje. My se zaměříme na testovací aplikace, které jsou zdarma a online dostupné.

Základní validátory pro web

Validátory prověří správnost kódování a další aspekty webu nezbytné pro jeho funkčnost a zejména lepší akceptaci vyhledávači.

• Validátor W3C - W3C (World Wide Web Consortium) je autoritou v oblasti webových standardů. Kromě doporučení a norem nabízí i validátor HTML kódu, prověření stránky. Kontrolována je syntaxe, neuzavřené HTML elementy a další chyby, validátor používá normu, kterou tvůrce webu specifikoval v DOCTYPE. Výstupem je seznam nalezených chyb s číslem řádku a sloupce, v němž byl detekován problém, stručný popis a v některých případech i podrobnější vysvětlení.
• Validátor CSS - validační služba, sloužící ke kontrole kaskádových stylů.
• Validátor RSS/Atom, pokud nabízíte možnost odběru novinek přes RSS či Atom.
• Kontrola souboru robots.txt.
• O něco přísnější kontrola souboru robots.txt.
• Validátor sitemap.xml | Zároveň možnost vytvořit soubor sitemap pomocí Generátoru sitemap.xml.
• Google nástroj na testování strukturovaných dat.

Celková kontrola základních parametrů webu

Několik nástrojů, které otestují a analyzují web. Všechny uvedené testovací aplikace mají obdobný záběr: zjistí, jestli web má základní výbavu v pořádku. To jest splněné zásady pro SEO (délku a strukturu titulků, popis stránky, optimalizované obrázky včetně alternativního textu, validní odkazy, rychlost načítání, atd.). Každá aplikace klade větší důraz na něco jiného a mají různě podrobný výstup. Některé vám doporučí potřebné úpravy. Vyplatí se tedy otestovat web více aplikacemi a udělat si z toho vlastní závěr.

• Analýza síly webové stránky
• woorank.com - velmi komplexní test.
• SEO test - revize základních SEO prvků.
• SEO Webmaster Tools
• Test SEO webu
• Počet sdílení na sociálních sítích.
• Content Analyzer - náhled na míru sdíleného obsahu.
• builtwith.com - zjistí technologie, na kterých web běží a jak je web postaven.

Kontrola SEO

• Jak vidí web roboti
• Hromada SEO nástrojů pro testování a anylýzu, také řada užitečných generátorů.
• varvy.com
• Search Engine Optimization - několik destíek různých nástrojů pro sledování a tvorbu SEO.
• Test SEO
• Google Trends - klasika mezi nástroji: zjistěte, co uživatele internetu nejvíce zajímá.

Test responzivity neboli přizpůsobení zobrazení webu v mobilním telefonu

• Google test použitelnosti v mobilech
• responsivedesignsimulator.com - Simulátor & test responzivity webu
• responsivedesign.is - Test responzivity webu
• techsini.com - Test responzivity webu
• responsinator.com - Test responzivity webu
• varvy.com - Test responzivity webu

Rychlost načítání webu

Web by se měl každému uživateli načíst maximálně do 2 vteřin. Google definoval stupnici rychlosti načítání následovně:

• Načtení webu do 2 vteřin: Excellent
• Načtení webu do 4-5 vteřin: Good
• Načtení webu do 8 vteřin: Fair
• Načtení webu za více než 8 vteřin: Poor

Pěknou vizualizaci nabízí Google ve své online aplikaci.

• PageSpeed Insights - Google test rychlosti načítání webu na všech zařízeních
• Page speed optimization test rychlosti a doporučení pro optimalizaci (varvy.com)
• itcatcha.com - jak rychlý je váš hosting?
• Pingdom Website Speed Test
• Test a website's performance
• Ověření správnosti nastavení Vašeho DNS serveru
• uptime.com
• Doménové zdraví
• Globální test rychlosti

Struktura HTML tagu v hlavičce

Pořadí a obsah tagů má vazbu na načítání stránky. Existuje také vlastní definice např. pro Android, které se říká Web Manifest. Tento soubor definuje některá chování stránky v závislosti na různých parametrech prohlížečů, apod. Jde o JSON soubor, který by měl být opět umístěn v rootu webu pod jménem manifest.json.

• Struktura HTML tagu
• Manifest generátor
• Příklad pro soubor manifest.json
• Google a manifest
• Manifest a Chrome
• Manifest validátor - otestuje správný kód manifestu

Jak je váš web připraven na sdílení?

Sdílení obsahu webu na sociálních sítích významně zvyšuje návštěvnost stránek. Nadšený návštěvník webu klikne na připravené sdílecí tlačítko anebo sdílí adresu webové stránky. Co se potom zobrazí na sociálních sítích?

Sociální sítě se zpravidla snaží zobrazit titulek, popis a obrázek související se sdílenou stránkou. Specifickým kódem ve stránce lze přesně definovat, co se má při sdílení na sociální síti zobrazit. Tuto situaci je dobré mít pod kontrolou.

Pro ověření správného nastavení a test finálního zobrazení nabízejí sociální sítě tzv. debugger, neboli nástroj pro odladění chyb. Debugger funguje online. Vložením webové adresy zjistíme, jak bude vypadat stránka při sdílení. Můžeme tak nastavit a vyladit obrázek, titulek i text.

• Facebook debugger
• Twitter validátor / Kódy a jejich použití

Kontrola unikátního obsahu webu

Jsou texty na webu originální anebo okopírované odjinud? Neobsahuje web nějaké duplicitní stránky?

• copyscape.com
• siteliner.com - kontrola duplicitního obsahu, nefunkčních odkazů, atd.
• Odevzdej.cz | Theses.cz - systémy pro porovnávání textů studentských prací. Porovnávají i vůči souborům na internetu bez ohledu na použitá skloňování, časování, přehození slov apod. Porovnávají soubory i v jiných jazycích.
• Kontrola původnosti textu

Kontrola zpětných odkazů

• Link Explorer moz.com
• majestic.com
• collabim.cz - základní funkce zdrama, více v placené verzi

Budování zpětných odkazů je disciplína, která stojí čas a trpělivé soustavné úsilí. Přitom může napomoci například Nástroj pro linkbuilding, neboli budování zpětných odkazů. Zjistíte tak oborově spřízněné weby, se kterými můžete navázat spolupráci.

• Vyhledání partnerského webu podle klíčového slova

Pro inspiraci si prohlédněte The Majestic Million - žebříček světových webů podle počtu zpětných odkazů. A začít můžete tím, že předložíte svůj web vyhledávačům.

Hračka na závěr: Jakou má váš web cenu?

Jedním z nástrojů, jak můžete sledovat kvalitu webu, je zjistit jeho hodnotu. Neboli za kolik korun či dolarů byste jej prodali. taková informace vás může velmi potěšit anebo naopak frustrovat.

Stanovení ceny webu je obecně velmi složitá problematika. Online dostupné automatické nástroje nikdy nemohou postihnout všechny aspekty hodnoty webu. Výsledky je proto třeba brát s rezervou a s jistou dávkou nadhledu. Výsledek bude vždy relativní, velmi orientační.

K čemu je to dobré? Můžeme se inspirovat indikací jednotlivých testů, případně sledováním trendu ceny v čase. Kdo hledá, najde náměty pro další zlepšování webu.

Automatizované aplikace mohou do svých výpočtů zahrnovat jednotlivé výstupy výše nastíněných testů. Vypočítávají tak cenu webu na základě nejrůznějších měřitelných údajů. Berou v úvahu stáří domény, celkový počet stránek a objem obsahu webu i jeho nárůst v čase. Samozřejmě kontrolují kvalitu SEO, validitu kódu a celkovou přístupnost webu jak pro vyhledávače, tak pro uživatele. Velkou roli hraje návštěvnost, množství zpětných odkazů a sdílení na sociálních sítích. Přidanou hodnotou je přítomnost platebních aplikací a jiných speciálních funkcionalit. Stranou nemusí zůstat ani geografická lokalita, jazyk nebo předpokládaný zisk z reklamy. Jak byste spočítali cenu svého webu sami?

• Hodnota webu jednoduchým zadáním adresy.
• Hodnota webu
• Kalkulátor ceny webu, který o sobě tvrdí, že je světovou jedničkou.
• Kalkulátor ceny webu ve vztahu k reklamě.
• Check Website Price
• yourwebsitevalue.com
• Cena webu v jednoduchém pojetí nastavením základních parametrů webu.
• Cena webu podle různých geografických lokalit.
• Ocenění webu postupným klikáním.

---

Zpět na předchozí stránku

Mapa webu