Slovník pojmů

Souběžné porovnání dvou verzí stránky na reálných návštěvnících.

Půlka návštěvníků vidí variantu A, druhá půlka variantu B, a měří se, která má lepší výsledek. Testovat má smysl jednu věc po druhé, jinak není jasné, co rozdíl způsobilo.

Aby výsledek něco znamenal, potřebuje test dost návštěv. U webu s desítkami návštěv denně bývá rychlejší se rozhodnout podle rozumu než čekat na statistiku.

Také: Google Analytics, GA4

Měření chování návštěvníků: odkud přišli, co si prohlédli, kde odešli.

Bez analytiky se web upravuje podle dojmů. S ní je vidět, že polovina lidí odchází na stránce s cenami nebo že mobilní formulář nikdo nedokončí.

Měření podléhá souhlasu s cookies, takže data nikdy nepokrývají úplně všechny návštěvy.

Dohoda o tom, kdo smí hotový web používat, měnit a přenést jinam.

Praktická otázka nezní, kdo je autor, ale co s webem může majitel dělat, když se rozejde se studiem. Odpověď má být ve smlouvě, ne v důvěře.

Také: zadání, podklady

Zadání projektu: co firma dělá, pro koho, čeho má web dosáhnout a jak má působit.

Česky se mu říká zadání nebo podklady. Je to nejlevnější místo, kde se dá projekt opravit: hodina strávená nad zadáním ušetří dny předělávání hotového webu.

U nás má podobu krátkého online formuláře, takže na něj není potřeba schůzka.

Také: mezipaměť

Dočasně uložená kopie stránky nebo souboru, aby se nemusely počítat znovu.

Česky mezipaměť. Díky ní se opakovaná návštěva načte skoro okamžitě. Má to jeden praktický důsledek: po úpravě webu člověk občas vidí starou verzi, dokud si mezipaměť nevyprázdní.

Síť serverů po světě, která web doručuje z místa nejbližšího návštěvníkovi.

Zkratka z content delivery network. Pro web, který má návštěvníky jen v Česku, je přínos menší; jakmile má web návštěvy ze zahraničí, je rozdíl v odezvě znát okamžitě.

Také: redakční systém, content management system

Systém pro správu obsahu: rozhraní, kde si majitel webu sám mění texty a fotky.

Zkratka z content management system, česky redakční systém. Bez něj musí každou opravu překlepu dělat vývojář. S ním si majitel otevře stránku, přepíše větu a uloží.

Nejrozšířenější je WordPress. Vedle něj existují systémy stavěné přímo k jednomu webu, které umí míň, zato nemají desítky doplňků, které je potřeba hlídat a aktualizovat.

Také: souhlas s cookies, cookie lišta

Malé soubory, které si web ukládá v prohlížeči návštěvníka.

Nezbytné cookies drží například obsah košíku a souhlas nepotřebují. Měřicí a reklamní cookies souhlas potřebují, a to předem a dobrovolně: předem zaškrtnuté políčko není souhlas.

Také: LCP, INP, CLS

Tři měřítka Googlu pro to, jak rychle a klidně se web načítá skutečným lidem.

LCP měří, za jak dlouho se objeví největší prvek stránky. INP měří, jak rychle web zareaguje na kliknutí. CLS měří, jak moc obsah poskakuje během načítání.

Google je počítá z dat opravdových návštěvníků, ne z testu na rychlém počítači. Proto se výsledek v laboratoři a v praxi může lišit.

Adresa webu, kterou lidé píší do prohlížeče, například nyxstudio.cz.

Doména se neprodává, pronajímá se na roky dopředu. Když registrace propadne, web zmizí a adresu si může zaregistrovat kdokoliv jiný, včetně konkurence.

Doména by měla vždycky patřit firmě, ne studiu, které web dělalo.

Malá ikona webu v záložce prohlížeče a v záložkách oblíbených.

Drobnost, které si nikdo nevšimne, dokud chybí. Bez ní má web v přeplněných záložkách prázdný čtvereček a hůř se mezi ostatními pozná.

Cena dohodnutá předem, která se během projektu nemění.

Opakem je hodinová sazba, kde konečná částka vyjde najevo až na faktuře. Fixní cena předpokládá jasně vymezený rozsah: co je v něm, je za dohodnutou cenu, co přibude nad rámec, se ocení zvlášť.

Prostor na serveru, kde web fyzicky běží a odkud se návštěvníkům odesílá.

Na hostingu záleží víc, než se čeká: rozhoduje o rychlosti odezvy, o dostupnosti a o tom, jestli existují zálohy. Nejlevnější sdílený hosting bývá pomalý ve chvíli, kdy na web přijde reklama.

Hláška, že požadovaná stránka na webu neexistuje.

Vzniká po smazané stránce, změněné adrese nebo překlepu v odkazu. Dobře udělaná stránka 404 nabídne cestu dál: vyhledávání, hlavní sekce, kontakt.

Také: indexování

Zařazení stránky do databáze vyhledávače, bez kterého se stránka nemůže zobrazit.

Vyhledávač stránku nejdřív projde (crawl) a pak se rozhodne, jestli ji zařadí (index). Nový web bývá zaindexovaný po částech a trvá to týdny; u čerstvé domény je to normální stav, ne chyba.

Stránka může být dostupná a přesto nezaindexovaná, například když ji blokuje robots.txt nebo značka noindex.

Také: canonical

Označení hlavní verze stránky, když je stejný obsah dostupný na víc adresách.

Typicky když je stránka s www i bez www, s parametrem i bez něj. Kanonická značka řekne vyhledávači, která adresa je ta pravá, aby si verze navzájem nebraly pozice.

Také: keyword

Dotaz, který lidé píší do vyhledávače a na který chce být web vidět.

Klíčové slovo je málokdy jedno slovo. Bývá to celá fráze, často i otázka: „kolik stojí web pro malou firmu“. Právě tyhle delší dotazy mají menší konkurenci a jasnější záměr než obecné „web“.

Také: revize

Jedna dávka připomínek k návrhu, poslaná najednou a zapracovaná najednou.

Připomínky posílané po jedné projekt protahují nejvíc. Proto se počítají po kolech: klient si projde celý návrh, sepíše všechno naráz a studio to zapracuje v jednom kroku.

Také: konverzní poměr

Splnění cíle, kvůli kterému web existuje: odeslaný formulář, objednávka, telefonát.

Konverze nemusí být jen prodej. U firemního webu je to většinou poptávka, u restaurace rezervace, u kliniky objednání termínu.

Konverzní poměr říká, kolik procent návštěv skončilo splněným cílem. Zdvojnásobit ho bývá levnější než zdvojnásobit návštěvnost.

Také: přistávací stránka, vstupní stránka

Jedna samostatná stránka postavená na jediný cíl, nejčastěji na jednu kampaň.

Česky přistávací nebo vstupní stránka. Nemá menu ani odbočky, protože každý odkaz pryč je návštěvník, který neudělal to, kvůli čemu na stránku přišel. Vede jedním směrem: k formuláři, objednávce nebo stažení.

Používá se pro placenou reklamu, jeden produkt nebo jednu akci. Firma jich může mít několik vedle běžného webu.

Právo použít fotografii na webu, dané smlouvou nebo nákupem.

Fotka stažená z internetu není volná k použití. Nároky za neoprávněně použitou fotografii chodí i po letech a řeší se penězi, ne omluvou.

Nástroj Googlu, který webu udělí skóre 0 až 100 za rychlost, přístupnost a SEO.

Je vestavěný v prohlížeči Chrome a je zdarma. Rozhodující je mobilní skóre, protože se měří na pomalejším zařízení a pomalejší síti, tedy blíž realitě.

Skóre není cíl sám o sobě. Je to ale rychlá diagnóza: pod 50 na mobilu web skoro jistě ztrácí návštěvníky při načítání.

Také: meta description

Krátký text pod titulkem ve výsledcích vyhledávání.

Do hodnocení se nepočítá, ale ovlivňuje, kolik lidí na výsledek klikne. Vejde se do něj asi 155 znaků a měl by slíbit konkrétní odpověď, ne opakovat název firmy.

Také: title tag, meta title

Název stránky, který se ukazuje jako modrý nadpis ve výsledcích vyhledávání.

Je to zároveň text v záložce prohlížeče. Má zhruba 60 znaků, než ho Google zkrátí, a rozhoduje o tom, jestli člověk klikne na nás, nebo o řádek níž.

Každá stránka webu má mít vlastní. Stejný titulek na deseti stránkách znamená, že se ve výsledcích přebíjejí navzájem.

Drobná reakce rozhraní na akci uživatele: zvýraznění, posun, potvrzení.

Tlačítko, které se při najetí lehce zvedne, nebo fajfka po odeslání formuláře. Samy o sobě jsou nenápadné, dohromady dělají rozdíl mezi webem, který působí živě, a webem, který působí jako obrázek.

Také: bounce rate

Podíl návštěv, které skončily bez jediné další akce na webu.

Vysoké číslo samo o sobě neznamená problém. U stránky s otevírací dobou je v pořádku, že člověk najde údaj a odejde. U produktové stránky je to varování.

Hierarchie nadpisů H1 až H6, která říká, jak je stránka poskládaná.

H1 je hlavní nadpis stránky a má být jeden. H2 jsou kapitoly, H3 podkapitoly. Vyhledávač i čtečka pro nevidomé se v textu orientují právě podle nich, ne podle velikosti písma.

Také: AEO, GEO

Příprava webu na to, aby si z něj uměly citovat jazykové modely a AI vyhledávače.

Odpovědi v ChatGPT nebo v přehledech Googlu čerpají z webů, které mají jasnou strukturu, konkrétní fakta a čitelný text bez nutnosti spouštět skripty. Web schovaný za těžkým JavaScriptem se do odpovědi nedostane.

Také: pay per click, Google Ads

Placená reklama ve vyhledávání, kde se platí za každý proklik.

Zkratka z pay per click. Výhodou je okamžitý provoz, nevýhodou to, že návštěvy končí ve chvíli, kdy se přestane platit. SEO je opak: pomalý start, ale provoz zůstává.

Také: redirect, 301

Automatické převedení návštěvníka ze staré adresy na novou.

Klíčové při redesignu. Když se změní adresy stránek a staré se nikam nepřesměrují, návštěvníci i vyhledávač narazí na chybu 404 a web přijde o pozice, které roky budoval.

Trvalé přesměrování se označuje kódem 301 a předává nové adrese i hodnotu odkazů.

Také: accessibility, a11y

Web použitelný i pro člověka se zrakovým, sluchovým nebo pohybovým omezením.

Prakticky jde o dostatečný kontrast textu, popisky u obrázků, ovladatelnost klávesnicí a smysluplnou strukturu nadpisů. Stejné věci pomáhají i běžnému návštěvníkovi na slunci nebo s rozbitým dotykem.

Zkracuje se jako a11y, což je jen anglické accessibility s jedenácti vynechanými písmeny.

Přestavba existujícího webu do nové podoby, obvykle i s novou strukturou.

Nejde jen o vzhled. Nejčastější důvod je, že web nepřináší poptávky, je pomalý nebo se v něm nedá nic upravit bez vývojáře.

Kritická část redesignu je zachování pozic ve vyhledávání: staré adresy se musí přesměrovat na nové, jinak web začíná od nuly.

Také: portfolio, realizace

Ukázky hotových projektů, na kterých je vidět, jak studio pracuje.

U webů má smysl dívat se na weby, které opravdu běží, ne na obrázky návrhů. Živý web ukáže i rychlost, chování na mobilu a to, jestli projekt někdy dojel do konce.

Také: responsive design

Schopnost webu vypadat a fungovat správně na mobilu, tabletu i na velkém monitoru.

Responzivní web nemá pro mobil zvláštní verzi. Je to jeden web, který si sám přeskládá obsah podle šířky obrazovky: sloupce se srovnají pod sebe, menu se schová do tlačítka, písmo se zmenší.

Většina návštěv dnes chodí z mobilu a Google hodnotí právě mobilní verzi. Web, který se dobře čte jen na počítači, je web, který se dobře čte pro menšinu.

Textový soubor v kořeni webu, který robotům říká, kam mají a kam nemají chodit.

Používá se na skrytí administrace nebo testovacích stránek. Není to zabezpečení: slušný robot ho respektuje, nikoho ale nezastaví. Špatně napsaný řádek dokáže z indexu vyřadit celý web.

Také: GSC, Google Search Console

Bezplatný nástroj Googlu, který ukazuje, na co se web ve vyhledávání zobrazuje.

Je to jediný zdroj, kde jsou skutečné dotazy, pozice a počty prokliků z Googlu. Zároveň hlásí problémy s indexací a rychlostí. Bez něj se SEO dělá poslepu.

Také: search engine optimization, optimalizace pro vyhledávače

Optimalizace webu pro vyhledávače, tedy práce na tom, aby web našli lidé, kteří ho hledají.

SEO stojí na třech nohách. Technická část řeší, jestli web jde vůbec projít a rychle načíst. Obsahová část řeší, jestli na webu je odpověď na to, co lidé hledají. Odkazová část řeší, jestli na web někdo odkazuje.

Nejde o trik ani o jednorázový zásah. Výsledky přicházejí v měsících, ne ve dnech, zato vydrží, protože se za ně neplatí za proklik.

Také: mapa webu, sitemap.xml

Soubor se seznamem všech stránek webu, který se předkládá vyhledávači.

Česky mapa webu. Je to obyčejný seznam adres s datem poslední změny, typicky na /sitemap.xml. Vyhledávači šetří práci s hledáním nových stránek, zvlášť u webu, na který ještě moc odkazů nevede.

Průběžná péče o hotový web: aktualizace, zálohy, dohled a drobné úpravy obsahu.

Web není nábytek. Certifikáty vyprší, systémy se aktualizují, odkazy se rozbijí. Správa je dohoda o tom, kdo za tohle ručí, aby to nezůstalo na nikom.

Také: https, TLS

Šifrování spojení mezi návštěvníkem a webem. Poznáte ho podle https a zámečku.

Bez něj prohlížeč u formuláře zobrazí varování „nezabezpečeno“, což u kontaktního formuláře stačí k tomu, aby ho lidé nevyplnili. Certifikát má omezenou platnost a musí se obnovovat, dnes většinou automaticky.

Také: schema.org, JSON-LD

Skrytý popis obsahu stránky ve formátu, kterému rozumí vyhledávač.

Díky nim vyhledávač ví, že číslo na stránce je cena, že text je recenze a že blok je otázka a odpověď. Odměnou bývají rozšířené výsledky: hvězdičky, ceny nebo rozbalovací otázky přímo ve vyhledávání.

Také: template

Předpřipravený vzhled webu, do kterého se jen doplní vlastní texty a fotky.

Šablona je hotový design prodávaný opakovaně. Její výhodou je cena a rychlost, nevýhodou je, že stejnou šablonu má i konkurence a že se často nese s balíkem funkcí, které web nepotřebuje, ale musí je načítat.

Práce s písmem: volba fontu, velikosti, řádkování a rozestupů.

Na webu tvoří písmo většinu plochy, takže typografie rozhoduje o čitelnosti víc než cokoliv jiného. Příliš dlouhé řádky, malý kontrast nebo natěsnané řádkování unaví čtenáře dřív, než dojde k ceně.

Také: user interface, uživatelské rozhraní

Uživatelské rozhraní: konkrétní tlačítka, pole, menu a stavy, se kterými člověk pracuje.

UI je zkratka z user interface. Zatímco UX je otázka „dostane se k cíli?“, UI je otázka „jak přesně ten prvek vypadá a chová se?“. Barva tlačítka, zvýraznění při najetí myší, hláška u chybně vyplněného pole.

Také: hero, hero sekce

První obrazovka webu: nadpis, věta pod ním a hlavní tlačítko.

Je to ta část stránky, kterou návštěvník vidí bez rolování. Rozhoduje se v ní, jestli člověk zůstane, takže musí do pár vteřin říct, co firma dělá, pro koho a co má návštěvník udělat dál.

V oboru se jí říká hero. Je to zkratka z anglického hero image nebo hero section, s hrdinou nemá nic společného.

Také: user experience, uživatelská zkušenost

Uživatelská zkušenost: jak snadno se člověk na webu dostane k tomu, pro co přišel.

UX je zkratka z user experience. Neřeší, jestli je web hezký, ale jestli je srozumitelný: kde je cena, kolik políček má formulář, jestli je jasné, co se stane po kliknutí.

Špatné UX se pozná bez měření. Lidé volají s otázkou, na kterou web odpovídá, jen ji nikdo nenašel.

Práce nad rámec původního zadání, kterou je potřeba ocenit zvlášť.

Nejsou to opravy chyb ani domluvené úpravy. Vícepráce vznikají, když se v půlce projektu přidá nová sekce, další jazyk nebo napojení na systém, o kterém v zadání nebyla řeč.

Také: CTA, call to action

Tlačítko nebo odkaz, který návštěvníkovi říká, co má udělat dál.

V oboru se označuje zkratkou CTA z anglického call to action. Funguje, když je konkrétní: „Poslat poptávku“ řekne víc než „Odeslat“ a mnohem víc než „Více informací“.

Web navržený a postavený přímo pro jednu firmu, ne poskládaný z hotové šablony.

U webu na míru vzniká rozvržení, typografie i grafika podle konkrétní značky a podle toho, co má web splnit. Nesdílí vzhled s tisíci dalších webů a není omezený tím, co šablona umí.

Opakem je šablonový web. Ten je levnější a rychlejší na spuštění, ale vypadá jako ostatní weby ze stejné šablony a při každé nestandardní potřebě se do něj musí zasahovat oklikou.

Také: drátěný model

Šedivý náčrt rozvržení stránky, kde jde jen o to, co kde bude.

Česky drátěný model. Záměrně nemá barvy ani finální texty, aby se při schvalování řešilo pořadí a důležitost bloků, ne odstín oranžové. Barvy a typografie přicházejí až v návrhu, který na wireframe navazuje.

Nejrozšířenější redakční systém na světě, na kterém běží velká část webů.

Jeho síla je v množství šablon a doplňků, jeho slabina ve stejné věci. Každý doplněk je kód od někoho cizího, který se musí aktualizovat a který může web zpomalit nebo otevřít útočníkovi.

Neaktualizovaný WordPress je nejčastější důvod, proč se firemní web nechá napadnout.

Kopie webu a jeho dat, ze které jde web obnovit, když se něco pokazí.

Rozhoduje ne to, jestli záloha existuje, ale jak je stará a jestli si někdo vyzkoušel obnovení. Záloha, kterou nikdo nikdy nezkusil nasadit, je jen soubor.

Také: backlink

Odkaz z cizího webu na váš. Vyhledávač ho čte jako doporučení.

Pro hodnocení je důležitější, odkud odkaz vede, než kolik jich je. Odkaz z důvěryhodného oborového webu váží víc než sto odkazů z katalogů, které nikdo nečte.

Nakupované odkazy jsou riziko: pokud je vyhledávač odhalí, poškodí to web víc, než mu odkazy pomohly.