Jak na tvorbu webových stránek v roce 2026

Vytvořte si od nuly web, co nadchne klienty i vyhledávače

Chcete, mít nové webové stránky jako výkladní skříň vašeho byznysu či projektu? Nemáte nicméně ani ponětí, jak na to? Mají vaši konkurenti nablýskané webovky a vy máte pocit, že za nimi těžce zaostáváte?

Tak právě tento návod vás naučí, jak na tvorbu webových stránek od píky. A třeba přitom ještě zjistíte, že pouhé “nablýskání” není u webu zdaleka všechno.

Pojďme si od A do Z říct, co je při vytváření webu opravdu důležité, a jak se postarat o to, aby byl vašemu byznysu skutečnou oporou.

Tento návod je součástí našeho cyklu Jak na SEO. Pokud vás zajímá, co je třeba udělat pro to, abyste měli nejen technicky perfektní stránky, ale aby tyto stránky byly ve vyhledávačích také dobře vidět, pak si určitě nezapomeňte přečíst i další z našich textů věnovaných SEO problematice.

Obsah

Potřebujete web vůbec? A k čemu přesně? Otázky, které si položit jako první

To, že vaši konkurenti web mají a vy máte pocit, že ho musíte mít také, ještě neznamená, že jej opravdu potřebujete. Existuje i spousta úspěšných podniků, které vlastní webovky nemají a nijak zvlášť je nepotřebují!

Rozhodnutí, zda a jak web tvořit a kolik peněz a úsilí do něj investovat by mělo být podloženo i jinými věcmi, než je pouhý pocit, že byste měli mít web.

Do úplného začátku byste si měli položit některé zásadní otázky o vás, vaší nabídce i vašich zákaznících.

Otázky, které byste si měli klást o sobě

Jaké hodnoty naše firma vyznává?

Nikdy neuškodí začít s definováním hlavních hodnot vaší firmy.

Zeptejte se, jaké jsou principy, které vaše firma dodržuje. Může to být třeba absolutní závazek kvality, původu nebo udržitelnosti vašich produktů.

Může jít o specifický způsob chování, komunikace a zákaznického servisu. Můžete se pyšnit etickým kodexem, od něhož se vy nebo vaše firma nikdy neodchyluje.

Některé firmy pracují i s čistými abstrakty, jako je “svoboda”, “transparentnost”, “jednoduchost”.

Je ale třeba zamyslet se nad tím, jak firma tyto hodnoty v praxi realizuje a jak se promítají do její každodenní činnosti. “Svoboda” může znamenat třeba neomezenou dovolenou pro zaměstnance.

“Transparentnost” zase třeba jasnou komunikaci o tom, odkud firma čerpá suroviny pro své produkty, nebo otevřenost ohledně interních procesů a stanovování cen.

Proč o tom mluvíme? Proto, že váš budoucí web by měl být schopen tyto hodnoty odrážet a komunikovat směrem k okolnímu světu.

Nový web, který nikdo nenajde, je k ničemu

Zjistěte, jak udělat maximum pro jeho zviditelnění již za pouhých 60 dní. Náš návod vás krok za krokem provede všemi SEO úkoly, které vaše stránky dostanou na strmě rostoucí trajektorii.

Na začátek

Jaká je identita naší značky?

Identita vaší značky do velké míry rozhoduje o tom, jak je firma vnímána zákazníky a širší veřejností, tedy o vaší image.

Identita značky je zjednodušeně to, co jde z vaší značky vizuálně vnímat nebo si přečíst (případně poslechnout).

Patří sem třeba logo, barevná paleta a další grafické prvky, které používáte a které by měly být konzistentní napříč všemi vašimi komunikačními kanály.

Další součást identity tvoří také komunikační styl, tedy tón a způsob, jakým oslovujete a pracujete se svými zákazníky. Jestli si zakládáte na formálním nebo neformálním přístupu, jaký jazyk a terminologii používáte, a tak dále.

Identita by měla vycházet z vašich hodnot a tedy se zrcadlit i ve vašem webu.

Jaké jsou naše konkurenční výhody?

Dalším krokem je identifikace hlavních konkurenčních výhod vaší firmy. Co vás vlastně odlišuje od podobných firem ve vaší branži?

Je to unikátnost vašich produktů nebo služeb? Nadstandardní zákaznický servis? Blesková doprava? Inovativní technologie, kterou jinde nemají? Anebo prostě nižší ceny, než kdekoliv jinde?

Zvažte, jaké výhody výběr vaší značky přinese zákazníkům. Je důležité, aby váš web dokázal tyto výhody představit návštěvníkům. Budou tvořit základ takzvaného Unique Selling Point (USP), o němž si ještě povíme.

Jaké produkty nabízíme?

Mimoto je třeba přesně definovat vaši nabídku. Zákazníci prostě musí vědět, co jim můžete poskytnout.

Základem je detailní specifikace vašich produktů nebo služeb. Každý takový produkt nebo služba by měla být podrobně popsána, včetně jejich hlavních vlastností a výhod.

Pokud vaše firma prodává například technologické produkty, je důležité zmínit jejich technické parametry, výkon, funkce i to, jaké potřeby tyto produkty uspokojují.

U služeb by měl být zase popsán jejich rozsah i užitek, který zákazníkovi přinesou.

Dále je třeba se zaměřit na hlavní problémy, které vaše produkty nebo služby řeší. Každý produkt nebo služba by měla být navržena tak, aby byla odpovědí na konkrétní potřeby nebo problémy zákazníků.

Může se jednat o zvýšení produktivity, úsporu času, zlepšení kvality života, snížení nákladů nebo třeba jen pocit pohodlí či potěšení.

Váš web tedy musí nabídnout jasnou Identifikaci problémů vaší cílové skupiny a prezentovat způsoby, jakými je můžete pomoci vyřešit. To je naprostým základem komunikace s vašimi návštěvníky a předpokladem k tomu, aby se stali zákazníky.

USP neboli Unique Selling Proposition

Na základě identifikace konkurenčních výhod vaší firmy a vašich produktů byste pak měli zformulovat takzvaný jedinečný prodejní argument. Anglicky USP neboli Unique Selling Proposition.

USP je to, v čem je vaše firma jedinečná a žádný z vašich konkurentů to nemá. Je to důvod, proč zvolit právě vás.

USP může být výsledkem inovací a unikátního know-how, jedinečné kvality produktu, jedinečného zákaznického servisu, nebo čehokoliv jiného, v čem vynikáte.

Je vaše instalatérská firma schopna vyjet třeba ve tři ráno kamkoliv po ČR? Nabízíte k vašim zdravým krabičkám volňásky do fitka? Nebo snáší vaše slepice zlatá vejce?

Tak to bude vaše USP. Mělo by být stručně formulovatelné jednou až dvěma větami, a podle vaší firemní identity a tónu komunikace může být i trochu nadsazené nebo humorné.

Třeba Saddleback Leather nabízí produkty, “o které se budou prát, až budete po smrti”. Na jejich kožené výrobky dávají stoletou záruku a kasají se jejich nezničitelností.

Takové USP je geniální, protože v sobě zahrnuje jak firemní identitu (smysl pro humor, ochota za své produkty ručit i daleko nad běžný rámec), tak i kvalitu zboží, které nabízí.

Také vy byste měli vymyslet USP, které zrcadlí vaši identitu i nabídku a jasně jej komunikovat napříč vaším webem všude, kde to dává smysl.

Kdo jsou vaši zákazníci?

Při plánování nového webu byste měli mít také jasnou představu o tom, kdo jsou vaši zákazníci.

Identifikace cílového trhu by se dala rozdělit hned do několika segmentů.

Demografické, psychografické a geografické aspekty

Mezi hlavní demografické aspekty patří věk, pohlaví, vzdělání, zaměstnání a příjem vašich zákazníků.

Stále vám ale zůstává poměrně velká a nerozlišená skupina. Proto je třeba se zaměřit ještě na psychografické údaje. Musíte zjistit, jak vaši zákazníci přemýšlí. Jaké jsou jejich zájmy, hodnoty, životní styl a nákupní chování.

Třetím aspektem je pak ještě geografická poloha. Měli byste zjistit, kde vaši zákazníci převážně žijí, eventuálně rozhodnout, zda se zaměřit na lokální trhy, národní nebo mezinárodní zákazníky.

Jaké jsou potřeby a očekávání vašich zákazníků?

Abyste mohli úspěšně podnikat, musíte porozumět potřebám a očekáváním vašich zákazníků.

Potřebami rozumíme konkrétní problémy, které zákazníci řeší, nebo příležitosti, které hledají.

Vaši zákazníci mohou například potřebovat rychlá a spolehlivá řešení pro domácnost nebo podnikání, mohou hledat produkty, které jim ušetří čas, peníze nebo zvýší jejich komfort. Nebo mohou hledat prémiové produkty, které signalizují status nebo určitý životní styl.

Jejich očekávání se pak typicky týkají kvality a životnosti produktů, úrovně zákaznického servisu, rychlosti dodání, ale třeba i snadnosti použití webu a bezproblémového objednacího procesu.

Váš web slouží mimo jiné také k tomu, aby vašim zákazníkům říkal: Chápeme vaše potřeby, a dokážeme naplnit vaše očekávání.

Analýza klíčových slov. Jaké informace vaše publikum na internetu hledá?

Abyste na internetu s vaším webem uspěli, musíte bezpodmínečně vědět, jaké informace vaši online zákazníci hledají.

Zajímají je specifikace konkrétních produktů? Jejich recenze? Ceny? Srovnání s konkurenčními produkty? Návody k použití? Tipy a triky? Možná je zajímají i informace o firmě samotné, jako je její historie, mise a hodnoty?

O struktuře a obsahu vašeho webu bude do velké míry rozhodovat právě to, co vaši zákazníci do vyhledávačů zadávají, jaké problémy řeší a jaké otázky pokládají.

Jak to všechno zjistit? Přesně tomuto účelu slouží analýza klíčových slov, která pokládá základy pro další optimalizaci vašeho webu.

Takzvaná klíčovka je velice rozsáhlé téma, které podrobně pokrýváme v našem návodu na analýzu klíčových slov, takže vás tímto odkazujeme na něj.

Ať už se o ni pokusíte sami nebo ji svěříte profesionální SEO agentuře, bez analýzy klíčových slov nedoporučujeme se do tvorby webu vůbec pouštět. Je podmínkou tvorby úspěšného obsahu.

Analýza stávajícího webu a chování návštěvníků na něm

Pokud vaše firma již má nějaký fungující web, je třeba analyzovat, jak zákazníci s tímto webem aktuálně interagují.

Sledování jejich chování na webu může zahrnovat například:

identifikaci stránek, které nejčastěji navštěvují
měření doby strávené na webu
mapování cest, kterými se na webu pohybují
měření konverzí, jako jsou nákupy nebo vyplněné formuláře, a míra jejich úspěšnosti

Hlavními body interakce mohou být vaše homepage, stránky produktů, nákupní košík, kontaktní formuláře, nebo třeba livechat a zákaznická podpora.

Měli byste také zkontrolovat, jestli váš aktuální web (a to především na výše uvedených stránkách) splňuje tato kritéria:

snadnou navigaci
rychlé načítání
přehlednou prezentaci informací
jednoduchý proces objednávky / nákupu

Zjistit případné problémy v těchto oblastech můžete vícero způsoby. Buď prostřednictvím přímé zpětné vazby vašich návštěvníků, případně skrze dotazníky či nasbírané recenze. Tvrdá data vám pak poskytnou specializované analytické nástroje, jako třeba…

Google Search Console

Google Search Console je bezplatný nástroj od Googlu, umožňující monitorovat a optimalizovat viditelnost vašich stránek ve výsledcích vyhledávání.

Jde s ním sledovat, jaká klíčová slova přivádějí návštěvníky na váš web, jaké stránky jsou nejčastěji indexovány, jakou míru prokliku (CTR) mají.

GSC neslouží přímo k analýze on-page chyb na vašem webu, ale může odhalit případné problémy s indexací nebo zabezpečením vašich stránek. Údaje z GSC se dají využít ke zlepšení vašich meta tagů a strukturovaných dat (nebojte se, oba pojmy ještě vysvětlíme).

Google Analytics

Je robustní analytický nástroj, který vám přinese podrobné statistiky o návštěvnosti webu. Umožňuje sledovat počet návštěvníků, jejich demografické údaje, chování na webu, zdroje návštěvnosti a konverzní poměry.

Pomocí Google Analytics můžete analyzovat, jaké stránky jsou nejnavštěvovanější, jak dlouho se návštěvníci zdržují na webu a kde web opouštějí, což pomáhá identifikovat jeho silné a slabé stránky..

Hotjar

Tento nástroj pro analýzu chování návštěvníků poskytuje vizuální zpětnou vazbu prostřednictvím heatmap, nahrávek uživatelských sezení a průzkumů.

Heatmapy ukazují, na jaké prvky vašich stránek návštěvníci nejčastěji klikají, jak daleko scrolují a které části stránky jsou naopak ignorovány.

Nahrávky uživatelských sezení umožňují sledovat interakce návštěvníků s webem v reálném čase, což pomáhá identifikovat problémy s použitelností a optimalizovat stránky pro maximální uživatelský zážitek.

Mixpanel

Mixpanel je pokročilý nástroj pro analýzu produktů a chování uživatelů, který se zaměřuje na sledování interakcí na webu a v mobilních aplikacích. Umožňuje sledovat, jak se uživatelé pohybují napříč vaším webem, analyzovat jejich chování a identifikovat klíčové metriky a trendy.

Mixpanel nabízí možnosti segmentace uživatelů, což vám umožní sledovat specifické skupiny uživatelů a jejich aktivity.

Nástroj také podporuje A/B testování a vytváření trychtýřů, monitorujících každý krok zákazníka od první návštěvy až po případnou konverzi. Můžete tak lépe optimalizovat uživatelskou cestu a zvyšovat konverze.

Ahrefs

Ahrefs je nepostradatelný nástroj pro analýzu SEO a zpětných odkazů, s nímž získáte komplexní přehled o výkonu webových stránek. Ať už jde o monitorování organické návštěvnosti, analyzování klíčových slov, která přivádějí návštěvníky na váš web, nebo identifikací příležitostí pro zlepšení SEO.

Kromě toho Ahrefs poskytuje také informace o konkurenčních webech, což vám umožní zjistit, co dělají vaši konkurenti dobře, a podle toho strategicky plánovat své SEO aktivity.

To byl samozřejmě jen drobný zlomek nástrojů, které můžete k analýze webů i zákazníků využít. Nejde ani tak o to, jaké nakonec vyberete, ale jak dovedete s jejich daty pracovat.

Čím komplexnější přehled o chování návštěvníků na svém webu získáte, tím snáze můžete identifikovat slabá místa a optimalizovat jeho obsah a strukturu pro lepší uživatelský zážitek a vyšší konverzní poměry.

Poznámka: Opravdu důkladná analýza vašeho cílového publika je ohromně časově i finančně nákladná záležitost.

Podmínkou spuštění vašeho webu není vynaložení ohromné částky na analýzu trhu a publika, zejména pokud nejste na trhu nějakým obřím hráčem. Pro začátek stačí mít o obojím základní povědomí a podrobnější data sbírat postupně.

Váš web by měl růst spolu s těmito znalostmi, tzn. že začnete s minimalistickou, osekanou verzí, kterou budete postupně rozšiřovat a přizpůsobovat nově nabytým poznatkům. Takovému základnímu webu říkáme MVP a ještě si o něm povíme více.

Analyzujte svou konkurenci

Když máte jasno v tom, kdo jste a co nabízíte vy a kdo jsou vaši zákazníci, je načase podívat se ještě, jak je na tom vaše konkurence, tedy firmy, které nabízejí podobné produkty nebo služby a oslovují stejnou nebo podobnou cílovou skupinu.

Identifikovat vaše hlavní konkurenty lze třeba skrze průzkum trhu, zpětnou vazbu od vašich zákazníků, nebo třeba již zmíněnou analýzou klíčových slov.

Jakmile vaše konkurenty znáte, je načase omrknout, jak dělají své webové stránky oni.

Jaké barvy, fonty a grafické prvky používají? Jak je strukturována jejich vizuální identita?
Jak jsou jejich webové stránky uspořádány? Je navigace intuitivní a snadno použitelná? Jaké jsou hlavní kontaktní body na jejich webu?
Jaké typy obsahu zveřejňují? Jaké informace považují za důležité a jak je prezentují? Mají svůj blog? Jak vypadají jejich stránky kategorií, produktů nebo služeb?
Jaké technologie a funkcionality jejich webové stránky obsahují? Například jaké e-commerce platformy používají, jaké mají nástroje pro zákaznickou podporu nebo jaké interaktivní prvky mají na svých stránkách?
Co jejich SEO? Jak se umisťují ve vyhledávačích a pro která klíčová slova? Jaké mají strategie pro optimalizaci obsahu a získávání zpětných odkazů?

Při analýze konkurence je třeba identifikovat prvky, které by bylo možné využít jako inspiraci pro vlastní web. Anebo si všimnout i chyb, u kterých je zřejmé, že je nechcete opakovat.

Můžete se inspirovat vizuálními prvky, jako jsou barevné palety, typografie nebo layout. Nesnažte se ale vaši konkurenci slepě kopírovat. Vizuální styl by měl odrážet především vaší vlastní značku a hodnoty.
Pokud konkurenti nabízejí uživatelsky přívětivou navigaci a intuitivní rozhraní, můžete se inspirovat jejich strukturou webu a použít podobné principy, abyste zlepšili uživatelskou zkušenost i pro vaše návštěvníky.
Ze všeho nejdůležitější je ale obsah. Analyzujte typy obsahu, které konkurenti publikují, a identifikujte příležitosti, jak vytvořit hodnotný obsah, který by mohl přilákat a zaujmout naši cílovou skupinu přinejmenším stejně, nebo ještě více.

Co píší vaši úspěšní konkurenti na svém blogu? Co videa, infografiky, ilustrace a další vizuální materiály? Obsahuje jejich web případové studie nebo zákaznické příběhy, které byste mohli využít také?
Inspiraci lze hledat také v technologiích a funkcionalitách, které konkurenti používají. Řeč je například o nástrojích pro personalizaci obsahu, chatboty pro zákaznickou podporu, interaktivních prvcích, všemožných kalkulačkách a personalizovaných filtrech nebo e-commerce řešení.
Analýza SEO strategie vaší konkurence odhalí klíčová slova a zpětné odkazy, které představují i potenciál pro vás. Rovněž můžete sledovat jejich marketingové kampaně, PPC a strategie na sociálních sítích, abyste zjistili, co funguje a co ne.

Udělat si můžete i určitou představu o ceně SEO a částce a úsilí, které bude třeba vynaložit, abyste vaše konkurenty začali z dosavadních pozic vytlačovat.

Vaše konkurenty nemusíte a ani byste neměli zcela kopírovat. Inspirovat se jejími silnými stránkami ale není špatně a věřte, že oni to dělají také.

Nastavte pro váš web správný kurz s naším strategickým sprintem

Důkladná analýza vašeho webu, odvětví i konkurentů přetvořená v akční SEO plán pro dobytí TOP pozic ve vyhledávačích.

Na začátek

Stanovte si hlavní cíle, jichž chcete s novým webem dosáhnout

Chtít web byste měli v první řadě proto, že si s jeho pomocí slibujete dosáhnout konkrétních cílů. Ne proto, že konkurence má hezké webovky a vy máte pocit, že je musíte mít taky.

Udělat si web pro zábavu samozřejmě můžete, ale nečekejte, že to nějak významně nakopne váš byznys, pokud si nestanovíte jasné strategické priority.

Typicky si firmy weby zakládají z následujících důvodů:

Zvýšení konverzí a prodejů

Dozajista nejčastější důvod, proč firmy web zakládají, je snaha o vyšší konverzní poměr, tedy poměr návštěvníků a zákazníků. Existuje spousta metod, jak tohoto cíle dosáhnout, ať už je to třeba

optimalizace vstupních stránek
zjednodušení registračního procesu
optimalizace nákupního košíku
zrychlení a zabezpečení plateb
nabídka různých platebních možností
minimalizace kroků, které je třeba udělat k nákupu
zveřejnění transparentních a podrobných informací o produktech
zlepšení výzev k akci (CTA)
nebo třeba personalizace obsahu

U již rozjetých webů je k tomuto účelu vhodné provádět analýzu uživatelských dat, abyste odhalili, kde proč návštěvníci opouštějí web nebo nedokončují nákupy a registraci a mohli tento problém zlepšit.

Zlepšení zákaznické zkušenosti

Naprostým základem dobré zákaznické zkušenosti je zjednodušení a zlepšení navigace na webu. To unamená třeba.

intuitivní menu
snadný a rychlý přístup k těm nejdůležitějším informacím
rychlé načítání stránek
responzivitu a schopnost bezproblémově fungovat na různých zařízeních

Nedílnou roli ve skvělé zákaznické zkušenosti hraje také kvalitní obsah. Váš web by měl obsahovat všechny důležité informace, které návštěvníci hledají.

Podrobné popisy produktů
Odpovědi na často kladené otázky (FAQ)
Návody k použití
Zákaznické recenze
Případové studie
Kontaktní informace

Vše přehledně uspořádané, snadno čitelné a nejlépe ještě vizuálně atraktivní. Jak se říká, Content is king neboli Obsah je král. Nezapomínejte!

Zvýšení zákaznické interakce

Usilovat můžete také o větší interakci a zapojení návštěvníků. To je nezbytné především pro budování věrnosti a dlouhodobého vztahu s vašimi zákazníky.

Míru interakce zvyšují prvky jako formuláře, hodnocení a recenze produktů, sdílení na sociálních sítích, newslettery nebo chatovací nástroje (live chat, chatboti).

Skvělým způsobem, jak zvýšit angažovanost, je i nabídka personalizovaného obsahu a doporučování služeb či produktů na základě předchozího chování návštěvníků.

Zviditelnění značky

Web, který se ve výsledcích vyhledávání nebude zobrazovat, je web k ničemu. Můžete se jím kochat po večerech, ale žádný reálný přínos pro váš byznys mít nebude.

Proto potřebujete SEO, neboli optimalizaci pro vyhledávače. SEO je souborem mnoha různých metod, ale s jediným cílem – dostat vás pro relevantní dotazy ve výsledcích vyhledávání co nejvýš a tak k vám přilákat organickou návštěvnost z vaší cílové skupiny.

Existuje bezpočet způsobů, jak toho docílit. Asi tím nejzásadnějším je tvorba kvalitního obsahu (souvisí i s bodem výše), který je navíc optimalizovaný pro relevantní klíčová slova.

Dále zajištění, že web je technicky optimalizovaný (rychlost načítání, responzivita, strukturovaná data).

A nakonec ještě linkbuilding, čili získávání zpětných odkazů.

Další marketingové kanály

SEO usiluje o to, aby vám získalo organickou, tedy přirozenou a neplacenou návštěvnost z vyhledávačů.

Pro propagaci nového webu ale můžete (a často je to dokonce žádoucí) využít různé marketingové kanály, jako jsou sociální sítě, online reklamy (Google Ads, Facebook Ads), nebo e-mailový marketing.

Každý takový kanál by měl být součástí integrované strategie, která cílí na různé segmenty cílové skupiny a podporuje jednak návštěvnost stránek, jednak konverze a zapojení vašeho cílového publika.

Vaše cíle musí být SMART

Jak už z předchozího textu možná samo vyplynulo, všechny výše uvedené cíle spolu souvisí a zlepšení jedné metriky často vede i ke zlepšení metrik ostatních.

Dejme tomu, že skvělé SEO přivede na váš web spousty návštěvníků. Tam je zaujmete skvěle strukturovaným webem plným super obsahu a přivedete je až ke konverzi. Následně ještě navážete se zákazníkem skrze různé interakce dlouhodobý vztah a zvýšíte šanci, že vám bude věrný i do budoucna.

Pro začátek ale doporučujeme stanovit si jednotlivé dílčí cíle, které jsou důležité pro vás. Usilujete v první řadě o zvýšení návštěvnosti stránek? Nebo chcete zvýšit konverzní poměr? Snížit míru opuštění stránky / košíku? Získat co nejvíce odběratelů pro váš super newsletter?

Sami musíte vědět, co chcete.

Při stanovování vašich cílů byste měli vždy myslet na pravidlo SMART. Tedy:

Specific (Specifické)

Cíle by měly být jasně definované a konkrétní, aby bylo zřejmé, co přesně chceme dosáhnout.

Measurable (Měřitelné)

Každý cíl by měl mít jasná kritéria pro měření úspěchu, aby bylo možné sledovat pokrok.

Achievable (Dosažitelné)

Cíle by měly být realistické a dosažitelné, beroucí v úvahu zdroje a kapacity firmy.

Realistic (Realistické)

Cíle by měly být v souladu s celkovou strategií a prioritami firmy.

Time-bound (Časově ohraničené)

Každý cíl by měl mít stanovený termín, do kdy má být dosažen, což pomáhá udržet zaměření a motivaci.

Příkladem SMART cíle je třeba: Chceme, aby náš e-shop generoval alespoň 5 objednávek denně do 1 roku od jeho spuštění.

Nebo: Chceme s našimi stránkami dosáhnout TOP 10 pro alespoň 5 relevantních klíčových slov. Chceme zvýšit organickou návštěvnost z Googlu o 35 % do 8 měsíců.

Takových cílů si můžete postupně vytyčovat více a více. Pro úplný začátek ale radíme držet se jen několika základních.

Pro jejich sledování, případně sledování dalších klíčových metrik, se vyplatí integrovat váš web s různými analytickými nástroji, které vám vaše cíle umožní sledovat a poskytnou vám tvrdá data místo dojmologie. Některé z takových nástrojů už jsme si představili a dalším se budeme ještě věnovat v závěru našeho návodu, kde si povíme více o webové analytice.

Na začátek

Jaký je váš rozpočet a časový horizont?

Při plánování nového webu si musíte zároveň definovat rozpočet a časový plán.

Rozpočet by měl zahrnovat veškeré náklady spojené s projektem, tedy náklady na vývoj, design, obsah, SEO, marketing a následnou údržbu webu.

Je skvělé, pokud máte interní tým, který tohle všechno zvládne sám, většina firem se ale pravděpodobně neobejde bez pomoci externí agentury nebo freelancerů. Váš finanční plán by měl zahrnovat také rezervu na nepředvídané výdaje.

Stanovit si časový plán je stejně důležité jako stanovit si rozpočet. Takový plán by měl zahrnovat všechny fáze projektu od počáteční analýzy a plánování, přes vývoj a testování, až po spuštění webu a jeho následnou optimalizaci.

Pro každý krok si stanovujte realistické termíny, které zohledňují váš rozpočet i zdroje, které jste schopni pro vývoj webu nasadit.

Všechny zúčastněné strany by měly být s vaším plánem také obeznámeny a měly by s ním souhlasit. V rámci vašeho časového plánu si stanovte také pravidelné kontrolní body pro sledování pokroku a případné úpravy plánu.

To byly tedy věci, nad kterými je třeba přemýšlet předtím, než se do samotného vytváření webu pustíte.

A nyní už se určitě nemůžete dočkat, až pokročíme do praktické fáze této tvorby. Pojďme na to!

58 stran strukturovaného přehledu činností, které v pouhých 60 dnech mohou nastartovat strmý růst pozic i návštěvnosti vašeho webu

Získejte nyní náš návod na základní SEO webu zdarma a předežeňte vaše konkurenty!

Výběr redakčního systému

Takzvaný redakční systém, někdy také nazývaný CMS (Content Management System) představuje oblíbené a cenově dostupné řešení pro tvorbu webu.

Weby vytvořené s pomocí některého z redakčních systémů tvoří většinu webů vůbec. Málokteré weby jsou dnes celé kódovány a programovány ručně.

Kvalitní redakční systém je platforma, která vám umožní vytvořit, nastavit, editovat, přizpůsobit, aktualizovat a spravovat webové stránky, aniž byste museli sami napsat byť jen jediný řádek v HTML nebo CSS.

Zároveň se nebudete muset zabývat množstvím drobností, které musí řešit jiní majitelé webů svépomocí (např. ruční instalace bezpečnostních funkcí, oprava některých chyb atd.).

Některé moderní redakční systémy mají i funkce využívající umělou inteligenci, což vám umožní pracovat efektivněji než kdy dřív.

Systémů, ze kterých je možné vybírat, je hromada. Výběr toho nejlepšího by se měl odvíjet především od toho, co od vašeho webu čekáte a jaké funkce byste chtěli, aby měl.
Pojďme si představit nejčastěji žádané funkce při výběru redakčního systému.

Přizpůsobitelnost

Dobrý redakční systém by měl nabízet možnosti přizpůsobení, tedy nastavení a návrhu webu podle vaší individuální představy.

Co to znamená v praxi?

Řekněme, že nechcete web statický, tedy stránky s neměnným obsahem, který se zobrazuje stejně pro všechny. Chcete dynamický web, který je interaktivní, s obsahem, který je schopen se okamžitě přizpůsobovat podle chování návštěvníka, případně jiné události.

Nebo hledáte maximální možný výběr šablon, které lze upravovat tak, aby odpovídaly vašemu stylu a značce.

Možná chcete co nejjednodušeji upravovat různé aspekty designu a funkčnosti webu. Třeba měnit barevná schémata, typografii a uspořádání prvků na stránce.

Nebo co nejrychleji a nejjednodušeji přidávat či odstraňovat různé pluginy a widgety.

Řada dnešních redakčních systémů disponuje i nástroji využívající umělou inteligenci, co pomáhají při rozhodování o designu, obsahu a uživatelské zkušenosti, a umožňují rychlou implementaci těchto návrhů.

Pokud hledáte redakční systém s maximální přizpůsobitelností, ale technické stránce tvorby webu moc nerozumíte, doporučujeme se poohlédnout po takovém, co nabízí náhledy a úpravy v reálném čase.

Redakční systémy s editorem WYSIWYG (What You See Is What You Get) umožňují uživatelům okamžitě vidět výslednou podobu webu už během úprav, což usnadňuje experimentování a jemné ladění designu, aniž byste k tomu museli disponovat technickými znalostmi..

Back-office nebo e-commerce nástroje

Kromě samotného návrhu webu přemýšlejte i nad tím, jestli nebudete potřebovat i nástroje pro správu back-office funkcí, které vám zefektivní provoz a řízení webových stránek.

E-commerce

Pokud plánujete provozovat e-shop, je důležité, aby váš redakční systém umožňoval integrovat i příslušné e-commerce funkce. Třeba:

Možnost přidávat, upravovat a odstraňovat produkty, nahrávat obrázky, přidávat popisy, nastavovat ceny a sledovat zásoby.
Integrovaný systém pro správu nákupních košíků a dokončení nákupu, který podporuje různé platební metody (kreditní karty, PayPal, bankovní převody).
Možnost integrovat různé platební brány a zajistit bezpečnost a rychlost plateb.
Nástroje pro sledování objednávek, zpracování vratek a řízení dodávek.
Podpora funkcí jako jsou slevové kupóny, věrnostní programy a emailové kampaně pro podporu prodeje.
Možnost sledovat stav zásob v reálném čase a automaticky aktualizovat dostupnost produktů na webu.
Automatická upozornění, když zásoby klesnou pod určitou úroveň, což pomáhá předcházet výpadkům zásob.
Nástroje pro generování přehledů a analýz zásob, což umožňuje lepší rozhodování o nákupu a správě produktů.

Tip: Nastavení a optimalizaci e-shopu se věnuje také náš návod SEO pro e-shopy, doporučujeme vám mrknout i na ten.

Nástroje pro poskytovatele služeb

Pro weby, které poskytují služby, je zase důležité mít integrované nástroje pro plánování schůzek.

Možnost zákazníků si rezervovat schůzky nebo služby přímo přes web.
Integrovaný kalendář pro správu schůzek a synchronizaci s osobními kalendáři (např. Google Calendar).
Systém pro automatické odesílání potvrzení a připomínek zákazníkům, čímž se snižuje počet neuskutečněných schůzek.

CRM funkce

Nástroje pro řízení vztahů se zákazníky (CRM) jsou nezbytné pro efektivní správu vašich kontaktů, schůzek, monitoring a analýzu vašich klientů i personalizaci a budování zákaznické věrnosti.

Existuje řada specializovaných CRM nástrojů, které lze s vaším redakčním systémem propojit, a spousta redakčních systémů může nabízet i CRM pluginy, které dokáží alespoň částečně suplovat řadu funkcí CRM systému.

Obecně ale doporučujeme volit místo pluginů kvalitní externí systém, který s vaším webem propojíte.

Popřemýšlet byste při té příležitosti měli o tom, zda vámi zvolený redakční systém podporuje integraci následujících CRM funkcí:

Funkce pro správu kontaktů / Centralizovaná databáze zákazníků s možností sledovat historii interakcí, nákupy a preference.
Možnost segmentovat zákazníky podle různých kritérií (demografie, nákupní chování) pro cílené marketingové kampaně.
Nástroje pro automatizaci emailových kampaní, sledování leadů a personalizované marketingové aktivity.
Přehledy a analýzy zákaznických dat, co vám umožní lépe pochopit potřeby a chování zákazníků.

Při hodnocení možností redakčního systému doporučujeme vytvořit si seznam nezbytných funkcí (must have) a funkcí, které vám ulehčí práci, ale nejsou nezbytné (good to have).

Tento seznam vám pak porovnejte s tím, co nabízí různé redakční systémy a vyberte ten, který nejlépe vyhovuje vašim potřebám a požadavkům.

Integrace s nástroji třetích stran

Tuto otázku jsme již v našem textu naťukli. Jestliže využíváte nebo do budoucna plánujete využívat další nástroje a platformy pro CRM, analytiku, e-commerce a další odvětví, bylo by skvělé, aby váš redakční systém umožňoval tyto nástroje třetích stran co nejsnáze integrovat.

Usnadní vám to spravování různých aspektů vašeho online podnikání z jednoho centralizovaného místa.

Nejčastějšími typy nástrojů třetích stran, které se s redakčními systémy integrují, jsou například

Platformy pro e-mailing

Integrace redakčního systému s těmito nástroji vám umožní snáze spravovat a automatizovat celý e-mailingový proces, ale třeba i personalizovat emaily na základě uživatelských dat získaných z webu.

Reklamní platformy

Integrace redakčního systému s těmito nástroji vám umožní snáze spravovat a automatizovat celý e-mailingový proces, ale třeba i personalizoTypicky jde o platformy typu Google Ads nebo Facebook / Meta Ads.

Jejich propojení s redakčním systémem vám ulehčí sledování konverzí, nebo třeba využívání dat získaných z webu pro remarketing (oslovování uživatelů, co web navštívili, ale neprovedli požadovanou akci).at emaily na základě uživatelských dat získaných z webu.

E-commerce platformy

Pokud jste maloobchodník, který chce rozšířit své prodejní kanály, poohlédněte se po systémech umožňujících integraci s obchodními platformami.

Může jít o prodejní platformy typu Zbozi.cz, Heureka, Glami, ze zahraničních pak třeba Amazon, eBay, Etsy, nebo dropshippingové platformy jako Oberlo. Hodí se také integrovat různé platební brány (PayPal, Stripe, Square)...

Sociální sítě

Díky integraci se sociálními sítěmi můžete efektivně spravovat a monitorovat váš obsah a interakce na různých platformách. Možnosti v tomto ohledu jsou nepřeberné.

Například možnost automaticky publikovat nový obsah z webu na sociálních sítích, nebo třeba integrace sociálních widgetů a pluginů, které umožňují váš obsah sdílet nebo se přihlašovat přes sociální sítě.

CRM systémy

Jak už jsme si řekli výše, integrace s CRM systémy vám umožní lépe spravovat vztahy se zákazníky a sledovat jejich interakce s vaší firmou.

Příklady jsou třeba automatické synchronizování uživatelských dat mezi vaším webem a CRM systémem, sledování a správa leadů a konverzí, nebo nastavení workflow pro procesy jako je sledování zákaznických dotazů, marketingové kampaně a prodejní aktivity.

Při výběru redakčního systému tedy přemýšlejte i o možnostech další integrace s vašimi oblíbenými nástroji a platformami.

Pokud to z nějakého důvodu není možné, snažte se jejich funkce alespoň suplovat adekvátními aplikacemi nebo pluginy pro váš redakční systém, pokud takové existují.

Bezpečnost

Zabezpečení webu a ochrana citlivých údajů je zásadním aspektem, který nikdy nemůžete podcenit.

Spolehlivý redakční systém by měl umožňovat integraci bezpečnostních funkcí, které zajistí ochranu vašich stránek a uživatelských dat před různými kybernetickými hrozbami.

SSL

Naprostým základem zabezpečení vašeho webu je použití SSL (Secure Sockets Layer) certifikátů. Tyto certifikáty šifrují data přenášená mezi serverem a uživateli a starají se o to, že obě strany jsou opravdu tím, za koho se vydávají.

SSL certifikát nejen chrání citlivé informace, jako jsou přihlašovací údaje a platební informace, ale také zvyšuje důvěryhodnost webu v očích uživatelů a vyhledávačů.

Bezpečnost webu je dokonce jedním z faktorů hodnocení vašeho webu ve vyhledávačích. Má tak svůj význam i z hlediska SEO.

SSL certifikát si samozřejmě můžete pořídit sami z různých zdrojů – není třeba spoléhat se na zabezpečení poskytované vaším redakčním systémem, případně hostingem.

Pořízení SSL certifikátu je také podmínkou nasazení protokolu HTTP/2, což je modernější verze klasického HTTP.

Podstatně zrychluje načítání webu díky efektivnější komprimaci a vyřizování více požadavků současně. Níže se tohoto tématu ještě dotkneme.

Zálohování a monitoring dat

Dalším krokem, který můžete podniknout k zabezpečení vašeho webu je pravidelné zálohování dat.

Redakční systém by měl automaticky vytvářet pravidelné zálohy, aby bylo možné rychle obnovit web v případě ztráty dat, útoku nebo jiného problému.

Zálohy by měly být uchovávány bezpečně a měly by být snadno dostupné pro rychlou obnovu. Minimalizuje tím dobu výpadku a ztrátu dat.

Další důležitou součástí ochrany webu je bezpečnostní monitorování. Váš redakční systém by měl mít integrované nástroje pro nepřetržité sledování aktivit na webu, detekci podezřelých aktivit a rychlou reakci na potenciální hrozby.

Typickými zástupci takových potenciálních hrozeb jsou třeba pokusy o neoprávněný přístup, škodlivý software nebo neobvyklé vzorce provozu, které by mohly naznačovat útok na váš web.

Užitečné je také pravidelné aktualizování softwaru a pluginů, což zajišťuje, že web bude chráněn před známými zranitelnostmi.

Některé redakční systémy vás automaticky upozorní na dostupné aktualizace a někdy je i automaticky instalují pro zajištění maximální bezpečnosti.

Další bezpečnostní prvky

Kromě těchto základních funkcí poskytují některé redakční systémy i další bezpečnostní opatření, například dvoufázové ověření, které přidává další vrstvu ochrany při přihlašování uživatelů.

Dvoufázové ověření vyžaduje kromě běžného hesla ještě další ověřovací krok, například kód zaslaný na mobilní telefon, což značně ztěžuje neoprávněný přístup.

Zabezpečení webu také zahrnuje ochranu proti DDoS (Distributed Denial of Service) útokům, které se snaží přetížit server nadměrným množstvím požadavků, což může způsobit výpadek webu.

Existuje možnost implementace technologií (typicky prostřednictvím pluginu), které takové útoky detekují a zmírňují. Váš web tak zůstává i nadále dostupný.

Při volbě redakčního systému tudíž myslete i na bezpečnost uživatelského prostředí, které takový systém případně dokáže zajistit.

Rychlost načítání

Rychlost načítání webových stránek tvoří nejen základ dobré uživatelské zkušenosti, ale je i důležitým SEO faktorem.

Pomalu se načítající stránky odrazují návštěvníky (každá vteřina načítání navíc může znamenat ztrátu 10 a více procent návštěvníků).

Vysoká míra opuštění (bounce rate) se pak neblaze promítne i do vašeho umístění ve výsledcích vyhledávačů.

Ačkoliv redakční systémy samy o sobě vaše stránky nijak nezpomalí (v tomto směru se ničeho nebojte), některé jejich funkce mohou rychlost jejich načítání zlepšit.

Například sítě pro doručování obsahu (CDNs) se postarají o rychlé a efektivní doručování obsahu podle geografické lokality, v níž se váš návštěvník nachází. (Přečtěte si k tomuto tématu i tento článek o integraci redakčních systémů (CMS) s CDN.)

Dále tu mohou být různé optimalizační prvky, které zajišťují caching, automaticky minifikují kód nebo se starají o optimální kompresi obrázků. To vše vede k rychlejšímu webu a větší uživatelské spokojenosti.

Více o výběru redakčního systému s ohledem na rychlost se dočtete například v tomto článku.

Spolehlivost

Spolehlivostí redakčního systému se rozumí jeho konzistentní provozuschopnost a minimální výpadky v případě, kdy nabízí i vlastní hosting.

Před výběrem systému si proto přečtěte recenze a zkontrolujte statistiky provozuschopnosti (uptime). Můžete si tak udělat představu o tom, jak často a jak dlouho jsou weby hostované na daném systému dostupné.

To, že bude váš web návštěvníkům stále přístupný, zvýší jejich důvěru ve vás i spokojenost s vašimi službami.

Zákaznická podpora

Většina z nás si ani neuvědomuje, jak důležitá zákaznická podpora je. Při výběru redakčního systému si také ověřte, že máte přístup k eventuální zákaznické péči a možnost řešit problémy s profesionálem.

Že je zákaznická péče dostupná ve vašem časovém pásmu a že můžete řešit eventuální problémy, než se zhorší.

Zjistěte si, jaké možnosti podpory váš redakční systém vůbec nabízí, ať už jde třeba o zákaznickou linku, livechat, nebo různé znalostní báze, návody a zdroje.

Využití umělé inteligence

Umělá inteligence frčí a její aplikace se nevyhýbá ani redakčním systémům.
Dnes můžete narazit na spoustu AI pluginů, nebo dokonce na AI integrované již do základních funkcionalit některých systémů, jako je například Wix.

AI vám může na základě vašich specifik vytvořit funkční web, přizpůsobený vašim požadavkům, a dokonce i dynamicky přizpůsobovat obsah na základě uživatelských dat a chování návštěvníků.

AI nástroje jde využít i pro analýzu obsahu a různá SEO doporučení – návrhy klíčových slov, optimalizace metadat, atd.

Variant, které je třeba při výběru redakčního systému zohlednit, je zkrátka nepřeberně a neexistuje jediná správná možnost pro všechny.

Sami byste měli vědět, co od svého webu vlastně chcete (a ideálně to mít podložené analýzou), a redakční systém volit podle toho.

A nyní pojďme od výběru redakčního systému postoupit ke konkrétním praktickým krokům tvorby webu.

Nejprve si vytvořte wireframe

Wireframe je v podstatě základní vizuální skica webových stránek. Reprezentuje strukturu a uspořádání jednotlivých prvků pro každou stránku – zatím bez ohledu na konkrétní designové, grafické a stylové prvky.

Představte si wireframe jako kostru, kterou budete postupně obalovat svaly, kůží a hezkým zevnějškem.

S pomocí wireframu můžete navrhnout nejen podobu jednotlivých stránek, ale i mapu webu jako celku, uživatelskou zkušenost, vizuálně reprezentovat cesty, jimiž se bude zákazník po vašem webu pohybovat, a identifikovat problémy před tím, než se začne s reálným designem a dalším vývojem

Před zahájením tvorby wireframu už byste měl mít zodpovězeny všechny otázky, které jsme nadhodili v úvodu. Tedy kdo jste vy a kdo jsou vaši zákazníci, i co chcete s novým webem docílit.

Optimálně už byste měli mít zpracovanou i analýzu klíčových slov. Podle ní totiž už můžete navrhnout i základní architekturu webu, určit hierarchii kategorií a podkategorií i rozmístění jednotlivých stránek.

Mapa stránek

Toto rozložení stránek byste měli reprezentovat i mapou stránek. V tomto případě nemyslíme mapou stránek .xml soubor určený pro vyhledávače, ale vizuální reprezentaci vašeho webu, jak to vidíte třeba na obrázku níže.

Taková mapa popisuje funkci jednotlivých stránek a pomáhá určit hierarchii a logický tok informací, díky němuž se vaši návštěvníci snadno dostanou ke všemu, co potřebují. Umožní vám tak lépe plánovat navigaci a strukturování obsahu do kategorií a podkategorií.

Vaše první mapa nemusí být ještě 100% závazná. Jednotlivé stránky můžete ještě přidávat, ubírat, slučovat a pružně reagovat na různé změny nebo nové poznatky. Rozhodně ale doporučujeme si takovou základní mapu do začátku načrtnout.

Jestliže je tento krok za vámi, můžete začít řešit wireframe pro každou z jednotlivých stránek.

Pár tipů pro tvorbu wireframu

Začněte s papírem a tužkou

Začít vytvářet wireframe lze i offline, pouze s tužkou a papírem.

Načrtněte si jednoduché skici pro každou stránku, které budou obsahovat základní prvky jako hlavička, navigace, obsahové bloky, obrázky, formuláře a patička. Na grafické a designové prvky se zatím vykašlete.

Pokročilejší nástroje pro tvorbu wireframů

V dalším kroku už můžete převést svoje nápady z papíru do digitální podoby. Nástrojů pro tvorbu wireframů je spousta, například Balsamiq, Sketch, Figma a mnohé další. Tyto nástroje nabízí různé šablony a prvky, které vám významně usnadní práci.

Zaměřte se na uživatelskou zkušenost (UX)

Při vytváření wireframu se soustřeďte na to, jak uživatelé budou interagovat s webem.

Snažte se vcítit do role člověka, co navštíví jakoukoliv z vašich stránek, přemýšlejte o cestách, kterými se bude pohybovat a představujte si různé scénáře interakce s vaším webem.

Kvalitní wireframe by měl v podstatě naznačovat cestu zákazníka od prvního setkání s vaším webem až po jeho konverzi.

Jednoduchost nadevše

Usilujte o to, aby bylo uspořádání prvků jednoduché, intuitivní a logické.

Nejdůležitější tlačítka, informace, menu, odkazy a další navigační prvky by měly být snadno viditelné a umístěné v horních částech stránky a ne někde dole, kam uživatel často ani nedoscrolluje.

Myslete na různé verze stránek

Vaše stránka se nebude zobrazovat pouze na obrazovkách počítačů, ale i na mobilech, tabletech, případně jiných zařízeních. Přemýšlejte proto i o tom, jak bude vypadat rozložení prvků stránky na menších obrazovkách.

Své wireframy konzultujte s vaším s týmem a sbírejte zpětnou vazbu od co nejvíce lidí. Jestli je to možné, zkuste otestovat wireframy i s vašimi reálnými uživateli, abyste zjistili, co funguje a co je naopak třeba vylepšit.

Wireframy nejsou konečnou verzí webu. Buďte připraveni je upravit, kdykoliv to bude třeba.

Na začátek

Volba šablony pro váš web

Jestliže máte jasno ve struktuře vašeho webu a máte hotový wireframe, je na čase začít se rozmýšlet nad konkrétní podobou vašeho webu.

Nedisponujete vlastním týmem grafiků a designérů? To vůbec nevadí. Vašemu účelu nejspíš bohatě postačí některá z volně dostupných a přizpůsobitelných webových šablon. Pokud nehledáte opravdu unikátní řešení, v 9 z 10 případů si vystačíte s kvalitní šablonou.

Šablona je předem navržený a stylizovaný design stránky, který obsahuje kompletní grafické prvky, barvy, písma, vybrané funkcionality a někdy i obsahové prvky. Používá se k rychlému vytvoření a přizpůsobení vzhledu webu.

Po šabloně saháte v momentě, kdy

Jste připraveni vizuálně definovat vaši identitu a značku
Potřebujete představit konkrétnější reprezentaci webu případným zainteresovaným stranám.
Chcete otestovat zpětnou vazbu na estetiku a vizuální design

Myslete na to, že webová stránka představuje vaši osobní nebo firemní značku a často je prvním místem, kde se s vámi lidé setkávají.

Proto by měla být jedinečně vaší. Neměli byste se spokojit jen se základní verzí šablony, ale přizpůsobit si ji, aby odrážela vaši identitu a vyjadřovala vaše hodnoty.

Ještě předtím, než se ponoříte do konkrétních jednotlivostí si ale ještě jednou připomeňte zásady vašeho brandu, které vám pomohou udržet konzistentní identitu.

Tyto zásady by se měly promítnout i do designu vašeho webu včetně těch nejdrobnějších detailů jako je font písma, umístění loga, barva tlačítek nebo barevná schémata.

Pro začátek si můžete vytvořit jednoduchou mapu nápadů jen s papírem a tužkou. Zapisujte si nápady, slova a fráze, které vystihují atmosféru, kterou chcete vytvořit.

Nekonvenční? Formální? Vtipnou? Každou frázi napište do samostatných kruhů vycházejících z ústředního nápadu.

Tyto nápady pak využijte pro inspiraci třeba při návrhu loga (pokud jej ještě nemáte) nebo při výběru správných obrázků pro váš web.

Jestli už máte vše vymyšlené, můžete už přistoupit k praktickým krokům pro personalizaci vašeho webu.

Pro začátek je tu několik kroků, které byste měli v tomto směru podniknout.

Vytvoření barevného schématu webu

Barvy nemají pouze estetický, ale i psychologický efekt. Vaše barevná paleta by měla odpovídat identitě vaší značky a vyvolávat korespondující dojem nebo emoci.

Například modrá barva je spojována s klidem, stabilitou a spolehlivostí. Je to barva, která uklidňuje a je proto hojně používána v korporátním designu a technologickém sektoru, protože vyvolává důvěru.

Na druhé straně, modrá může někdy také evokovat pocity smutku a melancholie. To se ostatně odráží i v anglické frázi „feeling blue“.
Červená je silná a energická barva, která je spojována s vášní, láskou, ale také s nebezpečím a agresivitou.

Červená může zvýšit srdeční tep a vyvolat pocit naléhavosti, čehož se v marketingu často využívá pro výzvy k akci, jako jsou výprodeje nebo speciální nabídky.
Zelená symbolizuje přírodu, růst a zdraví. Je uklidňující a obnovující, často spojována s pocitem rovnováhy a harmonie. Evokuje také bohatství a prosperitu, proto se často vyskytuje na webech věnovaných financím a obchodu.
Žlutá je jasná a optimistická barva, která vyvolává pocity štěstí a tepla. Je to barva slunce a lze ji využít k přitáhnutí pozornosti. Příliš mnoho žluté však může být rušivé a způsobit nepohodlí, proto s jejím používáním opatrně.
Oranžová kombinuje energii červené a veselost žluté. Je to barva, která evokuje pocity nadšení, dobrodružství a tepla.

Oranžová bývá používána v marketingu k povzbuzení k nákupu (schválně si všímejte, kolik tlačítek s výzvou k akci má oranžový odstín) nebo k vyjádření inovace a kreativity.
Fialová je spojována s luxusem a mystikou, často je využívána jako královská barva. Může vyvolávat pocity sofistikovanosti a elegance. Světlejší odstíny fialové, jako je levandulová, mohou být uklidňující a romantické.

Namíchat si vlastní odstín barvy si pak můžete například s pomocí tohoto generátoru barevných palet.

Kombinace barev a jejich efekt

Barvy nejenže vyvolávají emoce samy o sobě, ale i ve vzájemné kombinaci, která jejich efekt zesiluje nebo mění.,

Modrá a zelená evokuje pocity klidu a přírody. Je proto oblíbená v designu pro zdravotní a wellness produkty, protože sugeruje pocit bezpečí a obnovy.
Kombinace červené a žluté je energická a povzbuzující. Používána je například v rychlém občerstvení, protože stimuluje chuť k jídlu a vytváří pocit naléhavosti.
Černá a zlatá spolu vytvářejí dojem luxusu a elegance. Tuto kombinaci nacházíte například v luxusních produktech a službách, protože vyvolává pocity prestiže a exkluzivity.
Bílá a modrá společně vytvářejí čistý a profesionální vzhled. Pospolu je nacházíte třeba ve zdravotnictví (podobně jako modrou a zelenou), protože vyvolává pocity důvěry a čistoty, ale také v již zmíněných IT a technologických oborech.

Celá věc je samozřejmě složitější a neznamená to dejme tomu, že když celý web zahalíte do oranžové, zvýšíte tím vaše konverze.

Vše záleží do velké míry na kontextu a také individuálních zkušenostech, preferencích nebo kulturních vzorcích vaší klientely.

Podrobně se problematice barev v marketingu věnuje třeba tento článek.

Výběr správného písma

Stejně jako barvy, i písma mohou výrazně ovlivnit pocit, jaký si návštěvníci z vašeho webu odnesou.

Vaše písmo by mělo odpovídat celkovému stylu vaší značky – tradiční, moderní, formální, každý font může evokovat něco trochu jiného.

Existují tři hlavní typy písem:

Serif (patková písma): Písma s malým zakončením (patkou) na konci každého znaku.
Sans serif (bezpatková písma): Jednodušší, bloková písma bez zakončení.
Script: Elegantní písma, kde se jednotlivá písmena plynule spojují.

Ať už zvolíte jakékoli písmo, ujistěte se, že je dobře čitelné na desktopových i mobilních zařízeních. Důležité je proto používat takzvané web-safe fonty. Přehled některých z nich vám nabídne například tento článek.

Snažte se také udržovat konzistenci písma na celém webu.

Volba fontu pro web může ovlivnit i rychlost jeho načítání, protože například vlastní písma (custom fonts) vyžadují stahování z externích zdrojů.

Pokud zvolíte písma s velkým objemem dat nebo třeba více různých písem najednou, může se stát, že to rychlost webu zpomalí.

Proto je lepší držet se standardních systémových a webových písem, pokud nemáte opravdu dobrý důvod pro volbu nějakého zvláštního fontu.

Široký výběr fontů zdarma, navržených tak, aby načítání zbytečně nebrzdily, najdete třeba na Google Fonts.

Přidání dalších brandingových prvků

Při vytváření vašeho webu nezapomínejte ani na zdánlivé detaily, které ale hrají důležitou roli při posílení vašeho brandu.

Umístění loga

Logo by mělo být umístěno na webu na dobře viditelném a snadno přístupném místě, obvykle v levém horním rohu záhlaví stránky.

Toto umístění je standardní a intuitivní pro uživatele, protože většina lidí čte zleva doprava. Alternativně může být logo umístěno ve středu hlavičky, což může přidat symetrii a vyváženost designu.

V obou případech je důležité, aby logo bylo dostatečně velké, aby bylo dobře viditelné, ale ne tak velké, aby rušilo ostatní prvky designu.

Favicon

Je malá ikona, která se zobrazuje v adresním řádku nebo na záložce stránky.

Favicon je důležité na webu mít, protože zlepšuje profesionální vzhled stránky, usnadňuje rozpoznání vašeho webu mezi dalšími otevřenými záložkami a posiluje i identitu značky.

Různé redakční systémy mají různé způsoby přidání faviconu, tady se můžete podívat třeba jak lze přidat favicon ve WordPressu.

Funkcionalita šablony

Při výběru šablony myslete i na to, aby nabízela všechny funkce, které umožní vašemu webu plnit své cíle. Funkcionalita šablony má přímý dopad na uživatelskou zkušenost a výkon webu jako takový.

To, jaké funkce potřebujete a jaké jsou pro vás nadbytečné musíte rozhodnout vy sami, ale na drtivé většině webů by neměly chybět funkce jako:

Galerie

Pokud chcete na vašem webu prezentovat větší množství obrázků nebo fotografií, volte některou z šablon, které nabízí integrovanou galerii.

Galerie by měla umožňovat snadné nahrávání a správu obrázků v různých formátech a nabízet rozmanité možnosti zobrazení (mřížky, karusely, slideshow apod.)

Kromě toho se podívejte, jaké další funkce galerie nabízí - jestli zoomování, popisy obrázků, nebo třeba lightbox (zobrazení zvětšeného obrázku v popředí a ztmavení zbytku stránky).

Formuláře

Formuláře představují základní nástroj interakce s návštěvníky vašeho webu. Skrze formuláře můžete přijímat objednávky, sbírat kontaktní informace, přihlášky k odběru newsletterů, registrace nebo dotazníky.

Podívejte se, zda a jaké formuláře vaše šablona nabízí a jestli je lze přizpůsobit tomu, co potřebujete vy.

Formuláře by měly mít možnost přidání různých typů políček (textová, výběrová, zaškrtávací) a ideálně by měly jít rovněž propojit s vaším CRM nebo emailovým marketingovým systémem.

Blogová sekce

Pokud plánujete publikovat články, novinky, návody nebo jiný textový obsah, pak se neobejdete bez šablony obsahující dobře navrženou blogovou sekci.

Samozřejmostí by měla být podpora různých obsahových formátů (text, obrázky, videa), možnost tvorby kategorií a tagy pro lepší organizaci obsahu, komentářové sekce nebo tlačítka pro sdílení na sociálních sítích.

Podívejte se také, nakolik vaše šablonu umožňuje snadnou správu, publikaci a editaci příspěvků a že design blogu je atraktivní a čitelný.

E-commerce

Pro weby zaměřené na prodej produktů nebo služeb je nezbytné, aby vaše šablona podporovala e-commerce funkce.

Nákupní košík, platební brána, správa produktů a inventáře, možnosti prodeje digitálních i fyzických produktů - to jsou jen některé ze základních funkcí, které musí vaše šablona umožňovat, jestliže chcete na vašem webu prodávat větší množství zboží.

Mimoto se poohlédněte i po dalších rozšiřujících funkcionalitách, jako jsou třeba zákaznické recenze u produktu, návrhy souvisejících produktů, slevové kupóny, nebo třeba možnosti sledování objednávek.

Zabezpečení a aktualizace

Snažte se volit aktualizované šablony, které jsou kompatibilní s verzí vašeho redakčního systému.

Spousta redakčních systémů je pravidelně aktualizována s novými funkcemi, opravami chyb a bezpečnostními záplatami.

Pokud je vaše šablona zastaralá, může dojít k problémům s kompatibilitou, které mohou negativně ovlivnit výkon a bezpečnost webu.

Responzivní design

Responzivní design by měl být u moderních webových šablon samozřejmostí. Vaše stránky musí nejen hezky vypadat, ale také správně fungovat na různých zařízeních a při různých velikostech obrazovek – už jen z toho důvodu, že počet uživatelů mobilních telefonů začíná překonávat počet uživatelů klasických počítačů.

Responzivita je zásadní nejen pro uživatelskou zkušenost, ale také pro SEO, protože vyhledávače preferují weby optimalizované pro mobilní zařízení.

Plně responzivní šablona automaticky upravuje svůj vzhled a rozložení podle velikosti obrazovky zařízení, na kterém je zobrazena – na mobilních telefonech, tabletech, notebooku, atd.

Prakticky to znamená třeba:

Že se vaše navigační menu automaticky změní na ikonu hamburgeru (tzv. hamburger menu) nebo jinou “zhuštěnou” ikonu, která se rozbalí až po kliknutí, což šetří místo.
Obrázky se zmenší a přizpůsobí tak, aby se vešly na obrazovku bez ztráty kvality nebo deformace.
Velikost textu a typografie se upraví, aby zůstaly čitelné na všech zařízeních.
Pokud máte prvky na stránce rozloženy ve více sloupcích, může se zobrazení přepnout na jednosloupcové, aby byl obsah snadno čitelný na úzkých obrazovkách.
CTA, navigační tlačítka nebo odkazy se mohou naopak zvětšit, aby byly snáze klikatelné na dotykových obrazovkách.

Na obrázku výše vidíte různé možnosti, jak vaše menu zmenšit, aby se rozbalilo až po klepnutí na ně. Jde jen o jeden z mnoha příkladů aplikace principu responzivity v praxi.

Vaši šablonu je samozřejmě třeba ještě před spuštěním důkladně otestovat, abyste měli jistotu, že na mobilních zařízeních vše funguje, jak má.

Mnoho redakčních systémů a vývojových nástrojů nabízí vestavěné simulátory, které umožňují náhled webu na různých zařízeních. Třeba Google Chrome má nástroj DevTools, který simuluje různé velikosti obrazovek.

Užitečný vám v tomto ohledu může být třeba také tento mobilní test, kde si můžete nasimulovat zobrazení na více než 3000 zařízeních. Další skvělý nástroj je také Lighthouse od Chromu.

Simulátory jsou sice prima, ale i tak byste měli provést také skutečné testování na fyzických zařízeních, abyste získali co nejlepší představu o tom, jak stránka funguje v praxi. Ideální je vše otestovat na různých telefonech a tabletech s různými operačními systémy (iOS, Android).

Při testování se soustřeďte se hlavně na interaktivní prvky, jako jsou formuláře, tlačítka a navigace, kde obvykle vzniká nejvíce problémů. Kontrolujte také rychlost načítání.

Responzivita dnes není něčím, co se jen hodí. Jde o naprostou nezbytnost pro vytvoření profesionálního a přístupného webu, který osloví vaše publikum na všech typech zařízení.

Navigační prvky

Výběr a eventuální modifikace vaší šablony se může řídit i přehledností navigačních prvků, které taková šablona nabízí. Pojďme si ty hlavní připomenout.

Hlavní menu

Vaše navigační menu je klíčovým nástrojem k tomu, abyste nasměrovali návštěvníky na relevantní stránky vašeho webu. Toto navigační webu by nemělo chybět prakticky na žádné ze stránek, co na webu máte.

Většina hlavních menu má podobu horizontální nebo vertikální lišty s odkazy na různé sekce webu nebo hlavní produktové kategorie.

Není třeba zahrnovat do hlavního menu všechny stránky vašeho webu. Stačí odkazovat na nejdůležitější nebo nejčastěji navštěvované stránky a zároveň poskytnout jednoduchý způsob, jak se návštěvníci mohou vrátit na výchozí stránku.

Jedním z nejefektivnějších způsobů, jak toho dosáhnout, je přidat klikatelné logo v horní části stránky, které vede návštěvníky zpět na domovskou stránku.

Obecné pravidlo je, že navigační struktura vašeho webu by měla umožnit návštěvníkům přechod z jedné stránky na druhou maximálně třemi kliknutími (tzv. three-click rule)..

I když se toto pravidlo často zpochybňuje a není vždy 100% aplikovatelné, stále platí, že zbytečných mezistupňů by na vaší stránce mělo být co nejméně.

Pro inspiraci si můžete prohlédnout navigační menu na vašich oblíbených webech. U větších webů se vyplácí i použití takzvaného mega menu, které je vizuálně přitažlivější a umožňuje uživatelům zobrazit větší počty podkategorií při přejíždění myší nad hlavní kategorií menu.

Pokud vytváříte jednoduchý web s menším počtem stránek, můžete použít jednoduché horizontální menu v horní části stránky, které odkazuje na konkrétní stránky nebo sekce na stránce.

Podrobnější přehled různých typů menu i s jejich výhodami a nevýhodami vám přinese ještě tento průvodce po navigačních menu.

Zápatí / footer

Ačkoli je navigační menu hlavním nástrojem, který návštěvníci používají k procházení vašeho webu, k přidání dalších odkazů a informací můžete strategicky využít také zápatí stránky (footer).

Tento prostor se dá využít pro zobrazení stránek, které nejsou zahrnuty v hlavním menu (například kontaktní údaje a přímé odkazy na vaše sociální sítě).

Nebo pro přehled nejhledanějších stránek, pro nabídky práce, přehledy služeb a spoustu dalších věcí.

Drobečková navigace neboli breadcrumbs

Drobečková navigace, anglicky breadcrumbs, je navigačním prvkem, který významně pomůže uživatelům se na vašem webu zorientovat.

Drobečková navigace ukazuje hierarchickou cestu od domovské stránky k aktuálně zobrazené stránce, čímž usnadňuje pochopení struktury webu a jejich aktuální polohy.

Uživatelé takto nemusí klikat na tlačítko zpět, aby se dostali ke kategorii vyšší úrovně, případně se mohou vrátit i o více kategorií najednou. Zkracuje to čas potřebný k nalezení požadovaného obsahu a navigace je tak snazší.

Při implementaci drobečkové navigace pamatujte na pár základních pravidel, ať vám přinese co největší užitek.

Drobečková navigace by měla odrážet logickou hierarchii vašeho webu, počínaje buď domovskou stránkou nebo hlavní kategorií a pokračující přes podkategorie až k jednotlivým podstránkám.
Umístěte breadcrumbs na viditelné místo, obvykle na začátek stránky pod hlavním navigačním menu.
Všechny odkazy v drobečkové navigaci by měly být klikatelné a vést k relevantním stránkám. Aktuální stránka by měla být zobrazena jako poslední prvek v řadě. Na ni samotnou už se neodkazuje.
Oddělovače, například šipky ( > ), lomítka ( / ) nebo tečky ( . ), pomáhají vizuálně oddělit jednotlivé úrovně.

Na začátek

Výběr hostingu

Hosting je jednoduše řečeno služba, která umožňuje zpřístupnit vaše webové stránky na internetu.

Poskytovatel hostingu pronajímá prostor na svých serverech, kde jsou uloženy soubory a data vašeho webu. Díky hostingu pak mohou uživatelé k vašemu webu kdykoli přistupovat.

Výběr správného hostingu pro váš web bude mít vliv na jeho dostupnost, výkon i bezpečnost.

Zvažte při něm proto následující:

Typ hostingu

Existují různé typy webhostingů, každý se svými výhodami i nevýhodami.

Sdílený hosting. U tohoto typu hostingu sdílí více webů jeden server. Sdílený hosting představuje cenově dostupnou možnost, vhodnou pro menší weby s nízkým až středním provozem. Nevýhodou může být omezený výkon a bezpečnost, protože problémy na jiných webech na stejném serveru mohou ovlivnit i váš web.
Virtuální privátní server (VPS). Poskytuje větší výkon a flexibilitu než sdílený hosting. VPS nabízí vyhrazenou část výkonu hardwarového serveru jenom pro vás a virtuálně simuluje váš individuální server. Je vhodný pro weby s vyšším provozem a pro ty, kteří potřebují více kontroly nad prostředím.
Dedikovaný server. Celý server je vyhrazený pro váš web. Nabízí maximální výkon, bezpečnost a kontrolu. Tento typ hostingu je ideální pro velké weby s vysokým provozem a specifickými požadavky na výkon a zabezpečení.
Cloud hosting. Využívá síť propojených serverů k zajištění výkonu a dostupnosti. Je velmi flexibilní a škálovatelný, což znamená, že může snadno přizpůsobit kapacitu podle aktuálních potřeb. Vhodný pro weby s proměnlivým nebo vysokým provozem.
Managed hosting. Poskytovatel hostingu se stará o správu serveru, včetně aktualizací a zabezpečení. Ideální pro ty, kteří chtějí minimalizovat technickou správu svého webu.

Výkon a rychlost

Výběr hostingu má svůj vliv i na rychlost načítání vašich stránek. Zkontrolujte si:

Rychlost serveru. Jak rychle server zpracovává požadavky.
Šířku pásma. Dostupná kapacita pro přenos dat mezi vaším webem a jeho uživateli.
Dostupnost (uptime). Procento času, kdy je váš web online a dostupný. Hledejte poskytovatele s dostupností alespoň 99.9%.

Bezpečnost

Hledejte taky hosting, který zajistí dostatečnou ochranu vašich dat a dat vašich uživatelů. Zjistěte, jestli vám nabízí:

SSL certifikáty. Tedy šifrování dat mezi serverem a uživateli.
Ochranu proti DDoS útokům. Zabrání nelegitimnímu provozu, který by mohl zablokovat váš web.
Zálohování. Automatické a pravidelné zálohování vašich dat umožňuje rychlou obnovu v případě problémů.

Protokol HTTP/2

HTTP/2 je nejnovější verze protokolu HTTP, která přináší výrazná zlepšení výkonu ve srovnání se svým předchůdcem.

Mezi klíčové výhody patří multiplexování, které umožňuje současné odesílání více požadavků na různé zdroje přes jedno spojení, dále prioritizace při načítání stránek a komprese hlaviček. Protokol je šifrovaný, což zajišťuje bezpečný přenos dat.

Aby bylo možné HTTP/2 nasadit, musí váš web nejprve běžet na HTTPS, tedy mít SSL certifikát. Důležité je také, aby byl protokol podporován vaším hostingovým serverem.

Co ještě zvážit

Mezi další kritéria, které se vyplatí zvážit, je také kvalitní technická podpora. Hledejte poskytovatele, který nabízí nepřetržitou podpora pro rychlé řešení problémů, a ideálně ještě různé varianty podpory, ať už po telefonu, emailu, livechatu apod.

Pamatujte také na to, že vaše potřeby se mohou časem měnit, proto je důležité zvolit hosting, který může růst s vaším webem. Zjistěte, zda poskytovatel umožňuje snadné upgradování nebo downgrading vašich služeb.

Při rozmýšlení o ceně hostingu se také nekoukejte jen na samotnou cenovku, ale i na to, co je v ní vlastně zahrnuto.

Někteří poskytovatelé nabízejí nízké úvodní ceny, které se po prvním období mohou výrazně zvýšit, nebo si musíte připlácet za dodatečné služby. Ujistěte se, že váš hosting nabízí dobrý poměr cena/výkon.

Na začátek

Výběr jména domény

Název domény vašeho webu může mít větší dopad, než si možná myslíte.

Většina firem si do názvu domény dává jméno své značky, pokud je tato možnost dostupná.

Alternativně můžete zvolit doménu, která nějakým způsobem souvisí s vaším oborem, produkty nebo službami.

Vybírejte vždy tematicky relevantní názvy, tedy pokud prodáváte třeba outdoorovou výbavu, neměla by se vaše doména jmenovat dejme tomu krmivopropsy.cz. Takový název je matoucí a spoustu lidí bude odrazovat například od kliknutí na váš odkaz.

Vaše doména by měla být spíše kratší a snadno zapamatovatelná. Krátké a jednoduché názvy se snáze vtisknou do paměti uživatelů, což má svůj vliv na počet přímých návštěv a brandových vyhledávání (tedy vyhledávání, kdy člověk do vyhledávače zadává přímo název vaší značky).

V názvech domén spíše nedoporučujeme používat pomlčky, protože to není moc uživatelsky přívětivé.

Například je lepší psát www.instalatervpraze.cz než www.instalater-v-praze.cz

Také moc nedoporučujeme exact match domény, tedy domény, které přesně odpovídají klíčovým slovům, na která cílíte. Spekuluje se o tom, že takové domény jsou ve vyhledávačích hodnoceny o něco hůře než domény brandové.

Logicky tak není vhodné váš brand podle klíčového slova pojmenovávat, protože to může vést k tomu, že lidé hledající dané klíčové slovo skončí na stránkách konkurence a vaše značka nebude unikátní ani rozpoznatelná.

Nakonec je důležité zmínit, že starší domény mají pro SEO vyšší hodnotu. Vyhledávače preferují starší domény a považují je za autoritativní. Nové stránky na těchto doménách mají tendenci rychleji dosahovat lepších pozic ve vyhledávání než stránky na nových doménách bez historie.

Při rozmýšlení o volbě domény se nejprve ujistěte, že je vámi zvolený název dostupný. Dostupnost domény si můžete ověřit třeba zde.

Pokud vámi zvolený název není dostupný a opravdu o něj stojíte, je možné, že je třeba na prodej. Zakoupit doménu můžete například na bazaru domén, nebo dalších webech obdobného zaměření.

Pokud máte o názvu domény jasno a víte, že je dostupná, pak už ji zbývá jen zaregistrovat. Tady se můžete podívat na návod, jak registrovat .cz doménu, a tady zase, jak registrovat doménu zahraniční.

Poznámka: Některé hostingové služby nabízí automatickou registraci vámi vybrané domény (pokud je dostupná) a její propojení s hostingovým serverem, což vám šetří práci.

Zásada MVP (Minimal Viable Product)

Nyní již bude načase začít váš web plnit konkrétním obsahem. Dříve si ale připomeňme jednu zásadu, která vám může ze začátku ušetřit spoustu obtíží – zásadu MVP.

Minimal Viable Product (MVP) je koncept, který pochází původně ze startupového světa. Označuje produkt s minimálním množstvím funkcí, které jsou potřebné k tomu, aby byl uveden na trh a mohl získat zpětnou vazbu od uživatelů.

Ve webdesignu tato zásada znamená, že byste měli ze začátku vytvořit web pouze s nezbytnými funkcemi a s prvky, které jsou nutné k jeho základnímu fungování a které umožní rychlé uvedení na trh.

MVP umožňuje rychlejší spuštění webu, protože se soustředíte pouze na klíčové funkce. Místo čekání na dokončení všech detailů můžete začít získávat první objednávky rovnou.
Vývoj plně funkčního webu může být časově náročný a drahý. MVP přístup minimalizuje počáteční investice do času a zdrojů tím, že se zaměřuje pouze na základní funkce, které jsou nezbytné pro spuštění.
Spuštěním webu s MVP můžete rychle získat zpětnou vazbu od uživatelů, což vám umožní lépe pochopit jejich potřeby a preference. Tuto zpětnou vazbu můžete použít k postupnému vylepšování webu a přidávání nových funkcí. To je obzvláště důležité, pokud si nemůžete dovolit platit drahé zákaznické výzkumy a analýzy vaší cílové skupiny před spuštěním webu.
MVP přístup snižuje riziko neúspěchu tím, že vám umožňuje ověřit vaše nápady a předpoklady s reálnými uživateli. Pokud něco nefunguje podle očekávání, můžete provést změny nebo úpravy s menšími náklady.

Abyste MVP implementovali úspěšně, snažte se držet těchto zásad:

Definujte jasný cíl a účel vašeho webu. Zaměřte se na to, co je skutečně důležité pro vaše uživatele a co je nezbytné pro dosažení vašeho hlavního cíle.
Identifikujte a implementujte základní funkce, které jsou pro spuštění webu nezbytné. Jednoduchá navigace, kontaktní formulář, základní informace o produktu nebo službě, případně nákupní košík a podobné základní prvky.
Minimalistický přístup k designu usnadní uživatelům orientaci po vašem webu. Používejte čisté linie, dostatek bílého prostoru a především konzistentní vizuální styl.
Navrhněte web tak, aby byl do budoucna snadno rozšiřitelný. Jakmile získáte první zpětnou vazbu a blíže poznáte potřeby vašich uživatelů, měli byste být schopni snadno přidávat nové funkce a vylepšení.

Použití zásady MVP ve webdesignu vám umožní váš web spustit co nejrychleji a postupně jej za pochodu vylepšovat na základě reálných potřeb uživatelů. Tento přístup minimalizuje riziko a náklady a maximalizuje šance na úspěch vašeho webového projektu.

Pojďme si nyní říci něco o konkrétním obsahu na vašem webu a o tom, jaké stránky by měly a mohly tvořit jeho základní kostru.

Na začátek

Obsah webu

Jaké stránky by na vašem webu neměly chybět

Opakujeme to sice již poněkolikáté, ale stejně se vyplatí říkat to znovu: záleží na tom, kdo jste, co děláte a co nabízíte.

V tomto případě s sebou tyto otázky ale částečně nesou i odpovědi: na vašem webu by měly být jako naprostý základ právě stránky, které to vašim návštěvníkům řeknou a představí vás.

Přitažlivá domovská stránka

Takzvaná homepage je hlavní tvář vašeho webu, což znamená, že musí být nejen vizuálně přitažlivá, ale zároveň maximálně informativní.

Měli byste se snažit představit všechny klíčové prvky hned na začátku. Tímto způsobem zákazníci okamžitě pochopí, kdo jste a co děláte.

Domovská stránka by měla ideálně obsahovat následující:

USP nebo hlavní sdělení

To by měla být první věc, kterou návštěvníci uvidí. Měla by je okamžitě informovat o tom, co jim vlastně můžete můžete nabídnout.

Použijte krátký, srozumitelný, úderný text, který jasně vystihuje nabídku nebo hodnotu, kterou přinášíte.

Pokud provozujete e-shop s ekologickými produkty, vaše hlavní zpráva může znít třeba: „Udržitelná řešení pro váš každodenní život“ (ano, je to trochu klišé, určitě sami vymyslíte něco lepšího, ale chápeme se).

Hlavní zpráva by měla být okamžitě viditelná, aniž bychom museli někam scrollovat. Doporučujeme ji doplnit i vizuálně atraktivním prvkem, obrázkem nebo videem, které podporuje vaši značku.

Vaše nabídka a benefity

Na domovské stránce byste měli zároveň poskytnout i nejdůležitější údaje o vaší nabídce. Zahrňte přehled nejzásadnějších produktů nebo služeb, které poskytujete, a přidejte i konkrétní benefity, které vašim klientům nabízíte.

Snažte se vyhýbat otřepaným a nicneříkajícím frázím jako “individuální přístup” a “dlouholeté zkušenosti”. Benefity by měly být konkrétní výhody. “O 25% větší obsah čokolády”, “Veškeré práce stíháme do jednoho týdne”, a tak podobně.

Pokud máte nějaké speciální nabídky nebo akce, zobrazte je prominentně, aby upoutaly pozornost návštěvníků.

Výzvy k akci (CTA)

Výzvy k akci (Call to Action, CTA) jsou výzvy doplněné o interaktivní tlačítka, které motivují návštěvníky k dalším požadovaným krokům na vašem webu.

Umístěte viditelná a pochopitelná CTA tlačítka na strategická místa na domovské stránce. Tlačítka by měla vzbuzovat pocit naléhavosti, a zároveň být konkrétní.

Třeba: „Nakupujte ještě dnes se slevou 50%“ nebo „Rezervujte si bezplatnou schůzku“.

Spíše se vyhýbejte mlhavým výzvám typu, ze kterých není jasné, co bude následovat: “Vydejte se za dobrodružstvím”, “Pojďme na to”, “Klikněte sem” apod.

Samotnému tlačítku by mělo ideálně předcházet ještě stručné představení výhod, které člověk danou akcí získá.

Co se týká počtu CTA na stránce, tak to se typicky odvíjí od délky textu. Typicky se vyplatí zahrnout první 2 výzvy v rámci první normostrany textu, pak už stačí 1 výzva na 1 normostranu. CTA by mělo být na začátku i na konci vaší stránky.

Tip: Počet CTA se může různit, ale akce, kterou takto po návštěvnících žádáte, by měla být pouze 1, maximálně 2.

To znamená, že byste neměli na jedné stránce po návštěvnících chtít 1. aby něco koupili, 2. aby se někde zaregistrovali, 3. aby si objednali schůzku, 4. aby vyplnili dotazník, a tak dále.

Zbytečně tím lidi zmatete a také rozmělníte počet akcí, které provedou. Rozhodněte se, jakému účelu chcete, aby stránka sloužila, a tomuto účelu by měla odpovídat jedna akce.

Sociální důkazy

Sociální důkazy posilují důvěryhodnost vaší značky a mohou ovlivnit i rozhodování návštěvníků.

Nejsilnějšími sociálními důkazy, které můžete do domovské stránky zahrnout, jsou recenze a posudky od spokojených zákazníků, které podtrhnou kvalitu vašich produktů nebo služeb.

Pokud máte významné klienty nebo partnery, zobrazte jejich loga.

Certifikace a ocenění, které jste získali, vám také přidají na důvěryhodnosti a měly by být viditelně zobrazeny. Pokud jste získali ocenění za nejlepší zákaznický servis, umístěte toto ocenění na domovskou stránku s krátkým vysvětlením.

Takové sociální důkazy pomáhají návštěvníkům cítit se jistěji při rozhodování o nákupu nebo spolupráci s vaší firmou.

Stránky služeb nebo produktů

Pro eCommerce weby je stránka produktu obchodní sekcí, kde si zákazníci mohou vybrané položky přidávat do nákupního košíku.

Pokud se jedná o B2B produkty, které vyžadují další kroky před koupí, slouží tato stránka k vysvětlení funkcí produktu a sběru poptávek, registrací, domlouvání schůzek a podobně.

Produktové stránky

Každá produktová stránka by měla obsahovat vysoce kvalitní fotografie produktu, jeho detailní popis, cenu, specifikace jako váha, rozměry a materiály, dobu doručení, a recenze a doporučení zákazníků.

Popisy by měly být přesné a informativní, zahrnující všechny důležité vlastnosti a výhody produktu.

V popisech produktů používejte klíčová slova, která vaši potenciální zákazníci hledají, aby byly produkty snadno nalezitelné ve vyhledávačích.

Rovněž kvalitní fotografie produktů jsou nezbytné pro prezentaci vašich položek v tom nejlepším světle. Fotografie by měly ukázat produkt z různých úhlů, a poskytnout podrobný pohled na jeho vlastnosti.

Pokud je to možné, zahrňte také obrázky produktu v použití, což pomůže zákazníkům lépe si představit, jak produkt vypadá a funguje v praxi. Pár tipů na produktovou fotografii najdete třeba v tomto článku.

Jestli můžete, přidejte k produktu i hodnocení a doporučení od ostatních zákazníků. Posiluje to důvěru a pomáhá to v rozhodovacím procesu.

Stránky kategorií

Pokud nabízíte širokou škálu různých produktů, je měli byste mít kromě produktových stránek ještě stránky kategorií, případně ještě podkategorií, které pod sebou sdružují více produktů.

Stránka kategorie se řídí trochu jinými pravidly než stránka individuálního produktu. Při její tvorbě myslete na pár tipů, které zaručeně posílí její konverzní potenciál.

Přidejte na stránku popis kategorie. Nemusí být extra dlouhý a podrobný, ale měl by obsahovat relevantní klíčová slova a informativní přehled o tom, co daná kategorie vůbec nabízí.
Někdy můžete přidat i stručné shrnutí vlastností ke každému z produktů, které v dané kategorii nabízíte. Není to nutné a ne všechny obchody to dělají, ale může to motivovat k dalšímu prokliku. K produktu se vyplatí kromě takového popisku dopsat i cenu, hodnocení, dostupnost, případně další informace, jak to vidíte níže na obrázku.

Ve vrchní části kategorie můžete prezentovat vybrané produkty, které jsou třeba nejhledanější, nejpopulárnější, nejnovější, nebo ke kterým chcete z nějakého důvodu přilákat pozornost. Anglicky se tomu říká featured products.

U e-shopů s velkým množstvím produktů doporučujeme implementovat i vyhledávací řádek s autocomplete funkcí, abyste vašim návštěvníkům usnadnili hledání produktu podle názvu.
Využívejte vertikální i horizontální menu pro usnadnění navigace.

Používejte drobečkovou navigaci (o té jsme tu již mluvili), pokud máte více kategorií a podkategorií.
Přidejte na stránky pokročilé filtrování a umožněte návštěvníkům filtrovat produkty podle různých kritérií, jako jsou cena, barva, velikost, hodnocení zákazníků a další. To usnadní hledání konkrétních položek.
Zároveň nabídněte možnosti seřazení produktů podle relevance, ceny, novinek nebo hodnocení, aby si návštěvníci mohli přizpůsobit zobrazení podle svých preferencí.
Pro zvýšení konverzí doporučujeme přidat na stránku kategorie třeba i nabídku k registraci, odběru newsletteru a tak podobně. Řada návštěvníků se na stránce třeba ocitla náhodou nebo se jen tak prochází, aniž by byla rozhodnuta něco nakupovat. Přidáním takovýchto pobídek můžete získat pár nových leadů a vtisknout vaši značku do jejich povědomí.
Přidejte na konec stránky i kontaktní informace a tlačítka pro sdílení na sociálních sítích.

Stránky služeb

Stránka věnovaná vašim službám by měla podobně jako u produktu popisovat jednotlivé funkce a výhody, které vaše služby nabízí.

Tento podrobný popis by měl být jasně strukturovaný a snadno čitelný, aby návštěvníci rychle pochopili, jak může vaše služba řešit jejich konkrétní problémy nebo potřeby.

Každá funkce by měla být popsána co nejpodrobněji. Uveďte, co zahrnuje, jak funguje a jaké konkrétní přínosy přináší.

Pokud nabízíte dejme tomu softwarovou službu, popište, jaké nástroje a funkce má, jakým způsobem zjednodušuje práci uživatelů nebo zvyšuje jejich produktivitu.

Používejte vizuální prvky, jako jsou ikony, obrázky nebo videa, které pomohou jednotlivé funkce lépe ilustrovat a vysvětlit.
Stránka by měla být navržena tak, aby postupně vedla návštěvníky k dalším krokům, které mohou podniknout.

Po podrobném popisu funkcí a výhod je důležité nabídnout jasné a viditelné CTA, které je navedou k registraci, požadavku na demo nebo vyzkoušení zkušební verze.

CTA na stránce umiťujte strategicky, například po každém popisu klíčové funkce nebo na konci sekce výhod.
Uspořádejte informace do logických sekcí s nadpisy a podnadpisy, které návštěvníkům umožní snadno najít to, co hledají.

Například můžete mít sekce jako "Hlavní funkce", "Výhody", "Plány a ceny". Každá sekce by měla být jasně označena a obsahovat relevantní informace v přehledném formátu.
Pokud nabízíte různé úrovně služeb, je důležité, aby byly jasně uvedeny plány a ceny. Uveďte přehledně, co každý plán zahrnuje a jaká je jeho cena.

Pro snadné srovnání jednotlivých plánů doporučujeme použít tabulky nebo grafy. Také nezapomeňte zahrnout informace o možnostech platby a podmínkách zrušení, aby měli návštěvníci všechny potřebné informace pro informované rozhodnutí.

Osobní stránka / stránka O nás

Tato stránka je taková vaše online vizitka, kde můžete představit, kdo jste a za čím si stojíte, své silné stránky, hodnoty a tak dále. Zkrátka důležité informace, které by měli návštěvníci vědět o vašem týmu a podnikání.

Není žádný univerzální návod, jak by měla taková stránka vypadat – její podoba by měla vycházet především z vaší firemní identity a stylu komunikace.

Typická stránka O nás obsahuje informace o historii firmy, kdy a jak byla založena, její klíčové milníky a vývoj. Vysvětlují se na ní také vaše hodnoty a závazky a zdůrazňují se vaše silné stránky.

Někdy můžete stránku využít pro představení vašeho týmu s krátkými biografiemi jeho členů a jejich fotografiemi, což přidává ještě “lidský rozměr”.

Do stránky se také vyplácí zahrnout informace o oceněních, certifikacích, případně významných projektech, na kterých jste se podíleli.

Nakonec nezapomínejte na kontaktní informace či odkazy na vaše sociální sítě, aby se vám návštěvníci mohli snadno ozvat.

Stránka kontaktů

Stránka kontaktů pomáhá návštěvníkům rychle a navázat kontakt s vaší firmou.

Měla by proto obsahovat všechny důležité kontaktní údaje:

telefonní číslo
emailová adresa
fyzická adresa
odkazy na vaše sociální sítě
případně čísla na váš WhatsApp nebo Telegram

Pokud máte fyzické sídlo nebo prodejnu, přidejte na stránku zabudovanou Google mapu s vaší lokací. Návštěvníci si k vám tak mohou snadno naplánovat cestu. Tady je když tak návod pro zabudování Google mapy.

Nezapomeňte uvést ani provozní dobu, aby lidé věděli, kdy vás mohou kontaktovat nebo navštívit.

Umístěte na stránku také jednoduchý a přehledný kontaktní formulář, skrze nějž se s vámi jde spojit. Mějte takový formulář co nejjednoduší, s minimem políček, které by musel člověk vyplňovat. Typicky stačí jen jméno, email a prostor pro zprávu.

Alternativně můžete na vaši kontaktní stránku (ale i na další stránky vašeho webu) zabudovat i live chat.

Stránka blogu

Blogová stránka slouží jako přehled všech vašich blogových článků. I když není povinnou součástí webu, důrazně doporučujeme její vytvoření. Přinese vám mnoho výhod z marketingového hlediska a kvalitní blog vás může zároveň etablovat jako odborníka na danou problematiku.

Blogování je vynikající způsob, jak sdílet své myšlenky, nápady a inspirace. Můžete psát o tématech, která vás nadchnou nebo motivují, což přidává vašemu webu osobní a autentický rozměr.

V blogu lze také představovat ukázky zákulisí vaší práce, a dát nahlédnout takzvaně pod pokličku. Můžete tak představit procesy, co vedou k vytváření vašich produktů nebo služeb – vaše klienty takové věci vždy zajímají.

Dalším populárním blogovým obsahem jsou úspěchy a reálné příběhy lidí, kteří využili vaše produkty a nabídky.

Z marketingového hlediska je blogování naprosto zásadní pro zlepšení viditelnosti vašeho webu ve vyhledávačích.

Psaní o specifických tématech a používání relevantních klíčových slov pomáhá optimalizovat váš web pro SEO. Zvyšuje se tím šance, že váš web objeví potenciální zákazníci při vyhledávání témat souvisejících s vašimi produkty nebo službami.

Blogování je také, jak jsme již zmínili, skvělá příležitost pro předvedení vaší odbornosti, čímž se můžete etablovat jako lídr v oboru. Pravidelné publikování kvalitního obsahu posiluje vaši důvěryhodnost a autoritu v očích čtenářů a vašemu webu může přinést i nejeden cenný odkaz.

Nakonec má blog i svůj komunitní aspekt. Komentáře a diskuse pod články mohou vytvořit komunitu kolem vašeho webu, kde čtenáři sdílí své názory a zkušenosti.

Pro vás to znamená vyšší angažovanost, ale často i cennou zpětnou vazbu, kterou můžete využít k dalšímu vylepšování svých produktů a služeb.

Stránka případových studií

Stránka případových studií která může výrazně posílit vaši důvěryhodnost a přilákat k vám nové zákazníky.

Případové studie představují podrobné příklady projektů nebo zakázek, které vaše firma úspěšně realizovala. Na této stránce máte příležitost ukázat konkrétní problémy, kterým vaši klienti čelili, i to, jak jste tyto problémy pomohli vyřešit skrze vaše produkty nebo služby.

Potenciálním zákazníkům takto poskytujete hmatatelné důkazy o vašich schopnostech a odbornosti.

Na rozdíl od obecných tvrzení o kvalitě vašich služeb ukazují případové studie reálné výsledky a přínosy, které mohou klienti očekávat. Popisují výchozí situaci klienta, průběh spolupráce, použité metody a dosažené výsledky, což je mnohem více přesvědčivé.

Mít stránku s případovými studiemi na webu je užitečné také z hlediska SEO. Tyto studie často obsahují relevantní klíčová slova a mívají typicky delší formát, což je z hlediska vyhledávačů žádoucí.

Kromě toho jsou i perfektním typem obsahu pro publikaci na sociálních sítích, který mohou lidé dále sdílet nebo na něj odkazovat ve svých vlastních materiálech a rozšiřovat tím povědomí o vás.

Když zákazníci vidí konkrétní příklady úspěšných projektů, je pro ně snazší si představit, jak by vaše řešení mohlo fungovat pro jejich vlastní potřeby. Případové studie tak tak fungují jako silný marketingový nástroj, co vám může přinést nové obchodní příležitosti.

Stránka SEO případových studií nechybí ani na našem webu – podívejte se, jak může takový obsah v praxi vypadat.

Stránka o zásadách osobních údajů

Jestliže na vašem webu jakýmkoliv způsobem pracujete s osobními údaji vašich návštěvníků (což se děje třeba u každého e-shopu), musíte mít i příslušnou GDPR stránku.

GDPR stránka by měla obsahovat jasné a srozumitelné informace o tom, jak vaše firma shromažďuje, používá, uchovává a chrání osobní údaje návštěvníků.

Stránka by měla zahrnovat informace o právech návštěvníků podle GDPR, jako je právo na přístup k údajům, právo na opravu, právo na výmaz, právo na omezení zpracování a právo vznést námitku proti zpracování.

Rovněž by měla obsahovat informace o používání cookies a způsobu, jakým mohou uživatelé spravovat své preference ohledně cookies.

Tady si můžete stáhnout univerzální podmínky ochrany osobních údajů. GDPR stránka není nijak atraktivní pro vaše publikum, ale jde o právní nutnost, která na vašem webu být musí, pokud sbíráte od vašich návštěvníků osobní data.

Stránka obchodních podmínek

Také tato stránka není povinná jako GDPR stránky, ale přesto se rozhodně doporučuje ji na vašem webu mít.

Pomáhá totiž vyjasnit pravidla a povinnosti při používání vašeho webu a při nákupech. Stránka může předcházet nedorozuměním a potenciálním sporům, protože přesně stanovuje podmínky prodeje a používání vašich služeb nebo produktů.

Co by měla stránka s obchodními podmínkami obsahovat?

Identifikace provozovatele: Název, adresa a kontaktní údaje vaší firmy.
Podmínky používání: Pravidla pro používání vašeho webu a služeb.
Platební a dodací podmínky: Informace o způsobech platby, dodací lhůtě, nákladech na dopravu a možnostech vrácení zboží.
Reklamační řád: Postup při reklamaci zboží nebo služeb.
Duševní vlastnictví: Ochrana vašich autorských práv a ochranných známek.
Odpovědnost a omezení odpovědnosti: Jasné vymezení vaší odpovědnosti a jejích omezení.
Postup při změnách podmínek: Informace o tom, jak budete zákazníky informovat o změnách obchodních podmínek.

Tady si můžete stáhnout univerzální vzor obchodních podmínek, ale jinak doporučujeme vytvořit si obchodní podmínky na míru odpovídající vašemu modelu podnikání, klidně s pomocí právníka.

Stránky, co se vyplatí mít, ale není to nutné

Výše uvedené stránky by na vašem webu neměly chybět. Jsou ale ještě další typy stránek, které sice nejsou natolik zásadní, ale mohou udělat hodně pro zlepšení dojmu, který návštěvníci z vašich stránek mají.

Stránka s recenzemi nebo hodnoceními

Málokterá věc zvýší důvěru ve vás natolik, jako autentické recenze vašich zákazníků. Sami můžete chválit svůj produkt, jak chcete, ale mnohem lepší je, když kvalitu vašich služeb nebo produktů dosvědčí také upřímný názor zákazníka.

Recenze mohou mít podobu psaného textu, recenzních videí, hvězdičkového hodnocení, nebo třeba i rozhovorů se spokojenými klienty.

Můžete proto zvážit tvorbu specializované stránky recenzí, kde mohou lidé své recenze zanechávat třeba prostřednictvím zabudovaného formuláře.

Alternativa je sbírat recenze na Googlu – k tomu si potřebujete založit profil vaší firmy. Tady je návod, jak profil firmy založit. Recenze nasbírané na tomto profilu pak můžete zabudovat přímo do vašich stránek. Podívejte se, jak je možné Google recenze s vaším webem propojit.

Stránka FAQ

Při analýze klíčových slov jste si možná všimli řady dotazů, které se v souvislosti s vaším oborem hodně opakují, nebo třeba z praxe víte, co lidi nejvíce zajímá.

Občas se proto vyplatí za tímto účelem založit stránku s Často kladenými otázkami (FAQ) a na ní poskytnout odpovědi.

Snížít tak můžete počet přímých dotazů a ulevit zákaznické podpoře, které pak může řešit vážnější problémy. Navíc i zvyšujete svou důvěryhodnost a předvádíte svou odbornost.

Tip: Pro úhlednější strukturování stránky použijte akordeonové menu. Odpovědi takto zůstávají skryté dokud návštěvníci nekliknou na konkrétní otázku. Tak, jak to vidíte výše na obrázku.

Stránka s mapou webu / sitemapa

O mapě webu jsme již hovořili v kapitole o wireframu, když jsme si říkali, že je dobré vizuálně si znázornit strukturu všech vašich stránek.

Můžete ale vytvořit i mapu webu přímo na něm. Tato stránka bude obsahovat hierarchický přehled všech důležitých stránek vašeho webu i s odkazy na ně. Návštěvníci tak vidí, co všechno mohou na vašem webu najít a mohou si udělat představu o jeho struktuře.

Mrkněte se třeba, jak vypadá naše vlastní mapa stránek. Odkaz na takovou mapu se obvykle umisťuje dolů do patičky webu. Mapu webu lze vygenerovat i automaticky ve vašem redakčním systému, podle toho, jaký používáte.

Mapa webu neslouží jen k orientaci návštěvníků, ale je užitečná i pro roboty vyhledávačů, kteří tak mohou snáze objevovat váš obsah a stránky, které chcete ve vyhledávačích indexovat.

Sitemap.xml

Abyste proces indexování zrychlili, měli byste nicméně vytvořit ještě specializovanou mapu webu přímo pro roboty vyhledávačů. Zatímco výše uvedená mapa webu je ve formátu HTML, mapa určená vyhledávačům je soubor ve formátu .xml

Bez tohoto souboru by vyhledávače musely procházet váš web stránku po stránce, podle toho, jak jsou tyto stránky propojeny vzájemnými odkazy. Zejména u velkých webů to je to velmi zdlouhavé a může se stát, že některá stránka zůstane vynechána.

Soubor sitemap.xml tento proces zrychluje tím, že robotům vyhledávačů předkládá seznam všech stránek najednou. Nový obsah je tak indexován mnohem efektivněji. Zejména u nového webu, o kterém vyhledávače ještě neví, je sitemap.xml prakticky nezbytností.

Soubor sitemap.xml jde vytvořit ručně, ale jinak jsou běžně dostupné různé generátory sitemap, které jsou zdarma. Tady je jeden z nich.

Po vytvoření je třeba sitemap.xml ještě vyhledávači předložit. Přečtěte si tento návod od Googlu, jak na to.

Personalizovaná stránka 404 / „Stránka nenalezena“

Stránka se stavovým kódem 404 informuje čtenáře, že URL, na které se u vás snažili dostat, už neexistuje.

Stránka mohla být smazána, URL se změnilo, nebo jste jej zadali špatně. Základní stránka 404 je jen holé chybové sdělení, které nevypadá příliš atraktivně.

Pro zlepšení uživatelské zkušenosti a minimalizaci jejich frustrace je proto vhodné stránku 404 podstatně vylepšit.

Informujte návštěvníky, že stránka nebyla nalezena, a nabídněte jednoduché vysvětlení, proč se tak stalo.
Přidejte odkazy na důležité části webu, jako je domovská stránka, kontaktní stránka nebo často hledané kategorie.
Přidejte vyhledávačí formulář a umožněte návštěvníkům snadno vyhledat obsah, který hledají.
Použijte vtipné nebo vizuálně zajímavé prvky, jako jsou obrázky nebo GIFy, aby byla stránka příjemnější.

Zvýšíte tak vaše šance, že návštěvníci na vašem webu setrvají. Tady se můžete podívat na 30 příkladů originálních stránek 404 a třeba se inspirovat.

Stránka s informacemi o dopravě

Pokud prodáváte zboží, hodí se mít na webu i stránku s informacemi o dopravě. Nemusíte ji nijak překomplikovat, stačí sem zahrnout to nejdůležitější:

Místa dodání: Seznam zemí nebo regionů, kam dodáváte.
Doba dodání: Odhadované časy doručení.
Možnosti doručení: Různé způsoby dopravy, jako je standardní, expresní nebo mezinárodní přeprava.
Náklady na dopravu: Přehled cen za jednotlivé typy dopravy.
Sledování zásilky: Informace o tom, jak zákazníci mohou sledovat své zásilky.
Doprava zdarma: Podmínky, za kterých nabízíte dopravu zdarma.
Dodatečné informace: Speciální instrukce, možnosti pojištění zásilky nebo celní poplatky pro mezinárodní dopravu.

Pomáháte tak nastavit zákaznická očekávání a předcházet případným nedorozuměním.

Spouštíte nové webové stránky, ale nemáte tušení, jak je správně propagovat?

Jasný směr vám dá naše příručka “60 dní pro úspěch SEO”. Čtivý, přehledný a konkrétní seznam činností, díky nimž váš web začne být rychle vidět a vydělávat vám peníze.

Na začátek

Copywriting aneb čeho se držet při tvorbě obsahu pro váš web

SEO copywriting je proces tvorby obsahu, který je optimalizovaný pro vyhledávače a zároveň přitažlivý a hodnotný pro čtenáře. Dobře napsaný SEO obsah zvýší viditelnost vašeho webu ve výsledcích vyhledávání a přitáhne k vám více návštěvníků.

Pojďme si představit pár základních pravidel, kterých se při tvorbě textu pro váš web držet.

Klíčová slova

Identifikace relevantních klíčových slov je absolutním základem pro efektivní SEO copywriting.

Pokud jste náš návod pilně sledovali, víte, že byste měli v tuto chvíli mít hotovou analýzu klíčových slov. Nedoporučujeme se tedy do psaní textů pouštět, dokud nevíte, která slova a fráze uživatelé vyhledávají a co čekají jako vhodný typ obsahu pro tato klíčová slova.

Jestli už máte analýzu hotovou, výborně, můžete se pustit do práce.

Typ konkrétního obsahu by se měl odvíjet od hlavního klíčového slova a záměru, který se s ním pojí. Obojí byste měli zjistit z analýzy klíčových slov. Vedle hlavního klíčového slova máte ještě slova vedlejší, které se zněním liší od hlavního, ale sdílí s ním podobný záměr.

Všechna klíčová slova by měla být použita přirozeně v celém textu. Začněte tím, že hlavní klíčové slovo zahrnete do nadpisu (H1) a nejlépe ještě podnadpisu (H2).

Dobrou praxí je také hlavní klíčové slovo zahrnout v prvních 300 znacích textu a vytučnit jej.

Vedlejší klíčová slova pak zakomponujte do dalších nadpisů H2 a H3, eventuálně do textu. Jejich posloupnost by se měla ideálně řídit hledaností jednotlivých klíčových slov. Ta hledanější používejte v nadpisech dříve.

Vyhněte se takzvanému tapetování textu klíčovými slovy (keyword stuffing), které nejenže zhoršuje čitelnost textu, ale může být také penalizováno vyhledávači. Místo toho se soustřeďte na přirozený tok textu a klíčová slova v něm používejte s citem.

Pochopitelný obsah, co zaujme

Váš obsah by měl splňovat základní podmínky. Měl by být

informativní, tedy poskytovat pravdivé a užitečné údaje
hodnotný, tedy pomáhat řešit nějaký problém nebo přinášet nové poznatky
a relevantní, tedy odpovídat záměru vyhledávání, zájmům a potřebám vašeho publika

Při psaní obsahu používejte jasný a stručný jazyk. Vyhýbejte se odborným termínům a složitému jazyku, pokud to není nezbytné.

Cílem je, aby váš obsah byl snadno pochopitelný pro co nejširší publikum. Takový obsah zvyšuje pravděpodobnost, že návštěvníci zůstanou na vašem webu co nejdéle, případně p

Struktura textu

Dobrá struktura textu jej činí přehlednějším a čitelnějším a má také svůj smysl z hlediska SEO. Pro dělení textu používejte nadpisy a podnadpisy (H1, H2, H3 atd.). Každá sekce by měla mít jasný nadpis, který čtenářům sdělí, o čem následující text pojednává.

Kromě nadpisů je důležité používat odstavce a odrážky. Krátké odstavce zlepšují čitelnost a udržují pozornost čtenářů.

Odrážky zase využívejte pro seznamy a zvýraznění klíčových bodů.

Meta tagy

Meta tagy, skládající se z meta titulku a popisku, jsou tím, co se z vaší stránky zobrazí ve výsledcích vyhledávání.

Optimalizace meta tagů je tedy pro zlepšení viditelnosti vašeho obsahu ve vyhledávačích nezbytná.

Meta titulky by měly být stručné, výstižné a obsahovat hlavní klíčové slovo, ideálně hned na začátku. Meta titulky jsou často první věcí, kterou uživatelé vidí ve výsledcích vyhledávání. Měly by proto být napsány tak, aby přitáhly pozornost a motivovaly ke kliknutí, třeba zvýrazněním nějakého hlavního benefitu. Běžná délka meta titulku je mezi 50–65 znaky.

Meta popisky by musí stručně shrnout hlavní obsah stránky. Můžete do nich opět zahrnout klíčová slova (hlavní kw zde můžete zvýraznit tučně). Ideální délka meta popisu je mezi 150 a 160 znaky. Meta popisky můžete ozvláštnit i některými vybranými emoji, například ⭐, ✔️ nebo ❤️ a zvýšit tak šanci na proklik.

Meta popis by měl být lákavý a poskytovat jasnou představu o tom, co návštěvník na stránce najde. Optimalizované meta tagy nejen zvyšují míru prokliků (CTR), ale také poskytují vyhledávačům více informací o obsahu stránky. Pro SEO jsou tedy naprosto nepostradatelné.

Tip: Ještě mnohem více informací a tipů pro lepší copywriting, které by v našem návodu zabíraly až příliš místa, najdete v našem dalším textu Jak na SEO copywriting.

Skvělý, přesvědčivý, pro vyhledávače optimalizovaný obsah

Takový pro vás zajistíme v rámci našeho Obsahového sprintu. Oslovte s ním vaše publikum v každé fázi rozhodování a doveďte jej až k finální objednávce.

Microcopy

Takzvané microcopy je trochu odlišné od běžných marketingových a copywriterských textů a spadá více do sféry UX – uživatelské zkušenosti.

Jedná se o krátké texty nebo fráze, které se nacházejí na webových stránkách, v aplikacích a digitálních produktech.

Tato drobná textová pole jsou navržena tak, aby poskytovala uživatelům jasné pokyny, usnadňovala navigaci a zlepšovala celkovou uživatelskou zkušenost. Příklady microcopy zahrnují třeba již zmíněná CTA tlačítka, názvy políček u formulářů, chybové zprávy, návodné texty nebo třeba potvrzovací zprávy (např. po provedení objednávky).

I když jde o drobounké textíky, mohou mít velký dopad na to, jak se vaši uživatelé budou po vašem webu pohybovat a chovat se na něm.

Efektivní microcopy může vést uživatele k požadovaným akcím, jako je registrace, nákup nebo vyplnění formuláře. Jasné a motivující texty na tlačítkách a formulářích mohou zvýšit míru konverze, nebo předcházet chybám a nejasnostem tím, že poskytnou jasné pokyny nebo varování.

Abyste si celou věc dokázali dobře představit, podívejte se třeba na tento obrázek.

Pouhým sjednocením pokynu v textu a tlačítku

Sign up > Sign up
namísto
Sign up > Submit

Pomáháte předcházet eventuálním nejasnostem a zvyšujete pravděpodobnost, že lidé vaši akci provedou.

Efektivní microcopy může občas výrazně zvednout míru prokliků nebo konverzí. Jedná se tak o malý, ale mocný nástroj, který může k úspěchu vašeho webu přispět. Vyplatí se proto při tvorbě vašeho webu přemýšlet i o takovýchto drobnostech.

Fotky, videa, ilustrace a infografiky

Obsah vašeho webu není jen textový. Váš text byste měli zpestřovat i různými typy vizuálního obsahu (obrázky, infografiky, videa, grafy či ilustrace), které váš text doplní, rozšíří o nové informace, data a názorné ukázky.

Při implementaci obrázků a videí na váš web pamatujte na některá základní pravidla, která vaši vizuální složku učiní přívětivější pro vyhledávače.

Komprese obrázků a videí

Optimalizace velikosti obrázků a videí je nutnost pro zrychlení načítání stránek (a už víme, jak moc je to důležité. Většina obrázků jde zkomprimovat klidně o polovinu a více, aniž by přitom lidské oko zaznamenalo nějaký rozdíl.

Pro komprimování obrázků, videí, nebo obojího dohromady existuje celá řada volně dostupných nástrojů např. TinyJPG nebo JPEGmini a HandBrake. Správná komprese zajistí, že se budou soubory načítat rychleji, aniž by ztratily na kvalitě.

Alt texty

Alt texty jsou popisky obrázků, které se zobrazují, pokud se obrázek nenačte, a také pomáhají vyhledávačům pochopit obsah obrázku.

Používání alt textů zlepšuje SEO a přístupnost webu pro uživatele s vizuálním postižením. Při vytváření alt textů konkrétně popište, co se na obrázku nachází, a pokud možno zahrňte relevantní klíčové slovo.

Alt texty jde přidávat k obrázkům přímo v redakčním systému, můžete je přidat i ručně do HTML kódu. Tady je třeba návod, jak přidat alt texty ve WordPressu.

Vlastní versus externí hosting obrázků a videí

Pokud se rozhodnete zahrnout obrázky a videa přímo mezi ostatní webové soubory, můžete tak získat větší kontrolu nad vaším obsahem, zrychlit načítání a potenciálně zvýšit i bezpečnost vašich stránek. Nevýhodou takového řešení je ale vyšší nárok na úložiště a šířku pásma serveru.

Výhodami externího hostingu (například pokud je vaše video na Youtube a na vaší stránce se jen přehrává) je úspora úložného prostoru, stejně jako potenciální rychlejší načítání díky využití Content Delivery Networks (CDN).

Hlavní nevýhodou je v tomto směru závislost na třetích stranách, což může vést k problémům s dostupností obsahu a někdy i k bezpečnostním problémům, pokud externí služba selže.

Vlastní obrázky vs. obrázky z fotobank

Pokud máte na webu vlastní obrázky, zvyšuje to jeho autenticitu a unikátnost. Vlastní fotografie a grafika lépe odráží vaši značku a mohou být přesně přizpůsobeny vašim potřebám. Někdy je ale jejich pořízení náročnější na čas i finance, a proto se spousta webů uchyluje k obrázkům z fotobank.

Fotobanky poskytují širokou škálu materiálů, které jsou rychle dostupné, většinou levné, nebo dokonce zdarma. Vzniká tím ale riziko používání stejných obrázků jako konkurence, což může snížit unikátnost a autenticitu vašeho webu.

I když to není 100% potvrzené, vyhledávače podle všeho preferují unikátní obrázky. Váš web pak může dostat přednost i ve výsledcích vyhledávání.

Formát obrázků

Zvolte také správný formát obrázků. PNG je vhodné pro grafiku s průhledným pozadím, JPEG zase pro fotografie.

Na popularitě nabývá také WebP, moderní formát, který kombinuje vysokou kvalitu s nízkou velikostí souboru. Použití správného formátu se promítne i do rychlejšího načítání.

Lazy loading

Implementace techniky lazy loading zajišťuje, že se obrázky a videa načítají pouze tehdy, když se stanou viditelnými na obrazovce uživatele.

Stránka se tak načítá rychleji, protože se nemusí načítat všechny vizuální prvky najednou. Tady se můžete mrknout na článek o lazy loadingu a některých způsobech jeho implementace.

Responzivní obrázky

A jako u všech prvků vašeho webu, i u obrázků a videí zajistěte, aby se přizpůsobily různým velikostem obrazovek a zařízení. O důležitosti responzivity jsme zde již hovořili.

Na začátek

Vnitřní odkazování

S pomocí vnitřního odkazování se propojuje obsah vašeho webu, což umožňuje uživatelům i vyhledávačům snadněji objevovat související stránky.

Také s ním pomáháte rozdělit autoritu stránek (PageRank) po celém webu, což přispívá k lepšímu hodnocení ve vyhledávačích.

Pod vnitřní odkazy spadají i navigační prvky, o kterých jsme již hovořili tedy breadcrumbs, navigační lišty či mapa stránek.

Důležité jsou ale i ručně přidávané odkazy (tzv. kontextové odkazy) přímo v textu. Takovým odkazům přikládají vyhledávače větší hodnotu nežli klasickým odkazům navigačním.

Kontextové odkazy by měly používat jasný a popisný anchor text, který může (a u vnitřních odkazů je to dokonce žádoucí) obsahovat klíčové slovo stránky, na kterou odkazují.

Naopak omezte používání nejasných anchorů typu „klikněte sem“. Důležité také je, aby interní odkazy přirozeně vycházely z kontextu stránky. Neumisťujte je tedy náhodně a beze smyslu jen abyste vaše stránky propojili.

U vnitřního odkazování není třeba, aby každá stránka vedla na každou. Soustřeďte se na logické a užitečné odkazy, které pomáhají uživatelům v navigaci porozumění struktuře webu. Příliš mnoho interních odkazů může působit zmateně a snížit účinnost odkazování.

Obecně platí, že autoritativní stránky, jako je třeba homepage, by měly odkazovat na méně autoritní stránky, jako jsou méně čtené příspěvky, produktové stránky nebo nové stránky.

Kromě propojení vašich vlastních stránek skrze odkazy se vyplácí přidat i pár odkazů na důvěryhodné externí weby.

Odkazováním na autoritativní a zajímavé zdroje poskytujete další přidanou hodnotu vašim návštěvníkům. Je důležité používat sdělný anchor text, který jasně ukazuje, kam vede odkaz.

Příliš mnoho externích odkazů ale může být kontraproduktivní, proto je nutné nalézt správnou rovnováhu, aby celá věc nevypadala jako spam.

Je váš web hotový?

Teď ho ještě nastavit tak, aby přiváděl zákazníky. Stáhněte si náš bezplatný průvodce lokálním SEO a krok za krokem zopakujte osvědčené postupy z desítek úspěšných projektů.

URL stránek

Věnujte pozornost i podobě URL vašich stránek

Za analýz výsledků vyhledávání vyplývá, že kratší URL stránek si ve vyhledávačích vedou o trochu lépe než URL dlouhá. Potvrdila to například tato studie od Authority Hacker.

Nejde ale o zásadní faktor rankingu a neznamená to, že delší URL vaše umístění zásadně ovlivní, pokud jde jinak o kvalitní stránku.

V každém případě se ale vyhýbejte tomu, aby se na vaší stránce vyskytovala nijak neupravená URL, jako třeba

https://www.vasweb.cz/index.php?page=article&id=5678&category=gardening&subcategory=tools&user=12345

Tento zmatek nahraďte takzvaným content slugem, což je textový řetězec, který napovídá, co je obsahem dané stránky. Ideálně by tento content slug měl odpovídat hlavnímu klíčovému slovu stránky. Pokud jde o víceslovnou frázi, oddělujte jednotlivá slova pomlčkou. U stránek produktů podkategorií by mělo URL zahrnout i název kategorie vyšší úrovně, nejde ale o povinnost.

https://www.vasweb.cz/hracky/drevene-hracky

Všechno o problematice URL slugů i o tom, jak je měnit a přidávat konkrétně ve WordPressu vám poví tento článek od Semrush.

Strukturovaná data

Strukturovaná data neboli Schema Markup, jsou způsobem formátování informací na vašich webových stránkách tak, aby je Google snadno pochopil.

Běžný text jako „10 kilometrů“ nebo číslo „95“ nemá pro vyhledávače mezi ostatním textem žádný zvláštní význam.

Když ale tyto informace označíme pomocí strukturovaných dat, poskytujeme vyhledávačům jasný kontext toho, co tyto údaje znamenají. Ten tak pochopí, že „10 kilometrů“ znamená délka trasy, nebo že „95“ je dejme tomu počet produktů na skladě.

Tyto klíčové informace mohou být následně občas zahrnuty přímo do výsledků vyhledávání, což se nazývá Rich Snippets. Díky nim jsou vaše výsledky vyhledávání viditelnější, atraktivnější a více přitahují k prokliknutí.

Strukturovaná data se zapisují přímo do HTML kódu stránky s pomocí formátu JSON (JavaScript Object Notation), což umožňuje vyhledávačům snazší rozpoznání a interpretaci obsahu stránek.

V praxi vypadá takový kód třeba takto:

				
					


    <meta charset="UTF-8">
    <title>Jak správně pěstovat růže</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "BlogPosting",
      "headline": "Jak správně pěstovat růže",
      "author": {
        "@type": "Person",
        "name": "Eva Nováková"
      },
      "datePublished": "2025-06-01",
      "image": "https://www.priklad.com/images/ruze.jpg",
      "articleBody": "Pěstování růží je jednoduché, pokud znáte základní kroky. Zde je několik tipů, jak na to..."
    }
    </script>


    <h1>Jak správně pěstovat růže</h1>
    <p>Pěstování růží je jednoduché, pokud znáte základní kroky. Zde je několik tipů, jak na to...</p>

Tento příklad ukazuje, jak lze strukturovaná data použít k označení článku na blogu. JSON-LD zde obsahuje základní informace o článku (nadpis, autor, datum publikace, obrázek a úvodní text článku). Tyto informace následně pomáhají vyhledávačům lépe pochopit obsah stránky.

Hlavním zdrojem různých typů strukturovaných dat je web schema.org.

Podívejte se také na přehled strukturovaných dat, která Google podporuje.

Strukturovaná data můžete přidávat na vaši stránku manuálně s pomocí nástroje Pomocník pro práci s označením strukturovaných dat. Mrkněte také na tento návod na přidávání strukturovaných dat, který vám může usnadnit práci.

Pro přidávání strukturovaných dat můžete využít i různé pluginy pro váš redakční systém. U WordPressu je to například Schema & Structured Data for WP & AMP, případně Yoast SEO nebo Rank Math.

Na začátek

Robots.txt

Prostý textový soubor robots.txt se umisťuje do kořenového adresáře vašeho webu. Slouží jako průvodce pro vyhledávací roboty, kteří váš web procházejí. Robots.txt umožňuje specifikovat, které URL adresy by měly být procházeny a které ignorovány.

Správná konfigurace souboru robots.txt zajistí, že nebude docházet k blokování přístupu k důležitým stránkám nebo zdrojům nebo zákazu indexace důležitého obsahu.

Naopak, pro stránky jako interní administrativní oblasti, duplicitní stránky, individuální uživatelské profily nebo velké mediální soubory, je vhodné procházení zakázat.

Dávejte si ale pozor, soubor robots.txt není absolutní ochranou proti indexaci nežádoucích stránek. Slouží spíše k omezení zbytečného zatížení webu požadavky robotů. Pokud chcete zcela zakázat indexaci, použijte meta tag robots s hodnotou noindex v HTML kódu stránky:

Indexaci můžete také zakázat bez nutnosti zasahovat do kódu, například ve WordPressu se to dá udělat pomocí pluginu Yoast či Rank Math.

Co se týče souboru robots.txt, návod na jeho vytvoření a odeslání do vyhledávače naleznete zde.

Caching

Caching je technika ukládání kopie webových stránek, dat nebo souborů na dočasném místě (cache), aby se mohly rychleji načítat při další návštěvě webu.

Místo opakovaného načítání zdrojů ze serveru jsou tak tyto uložené kopie rychle přístupné z cache. To snižuje zatížení serveru (snižuje se počet požadavků na něj) a zkracuje dobu načítání stránky.

Díky cachingu tak uživatelé rychleji získávají přístup k obsahu, což vede k nižší míře opouštění stránek..

Existuje více druhů cachingu:

Caching na straně serveru

Page Caching: Do cache se ukládají celé stránky, takže mohou být rychle zobrazovány uživatelům bez nutnosti opakovaného generování obsahu na serveru. Tento přístup se často používá u statických stránek.

Object Caching: Ukládání výsledků složitých databázových dotazů nebo výpočtů do cache. Tím se snižuje počet dotazů na databázi.

Opcode Caching: Ukládání zkompilovaných PHP skriptů do paměti pro rychlejší zpracování.

Caching na straně klienta

Browser Caching: Tento typ cachingu je pro vás jako vlastníka webu asi nejdůležitější. Spočívá v konfiguraci hlaviček HTTP tak, aby prohlížeče ukládaly kopie statických souborů, jako jsou obrázky, CSS a JavaScript. Hlavičky jako "Cache-Control" a "Expires" určují, jak dlouho by měl prohlížeč uložené soubory zachovat.

Content Delivery Network (CDN): Distribuce statického obsahu prostřednictvím sítě serverů po celém světě. CDN servery ukládají kopie souborů a poskytují je uživatelům z geograficky nejbližšího serveru, čímž zrychlují načítání stránky.

Implementace cachingu

Asi nejjednodušší pro vás bude caching implementovat s pomocí pluginů jako W3 Total Cache, WP Super Cache nebo WP Rocket umožňují snadnou implementaci různých typů cache na vašem webu.

Existují také různé caching pluginy nebo moduly pro jiná CMS, jako je Joomla, Drupal atd.

Ruční nastavení cachingu je samozřejmě možné také a tady je návod, jak to udělat.

Čistota kódu

Nakonec byste se měli také ujistit, že je HTML a CSS, JavaScript a další kód vašich stránek řádně strukturovaný a takzvaně čistý, bez nepotřebných tagů, zbytečných mezer, nebo řádků, co nemají žádný účel.

Čistý kód se nejen rychleji načítá, ale je i snadněji pochopitelný a udržovatelný. Vaši vývojáři pak mohou snadno identifikovat a opravovat chyby, přidávat nové funkce a vylepšovat web bez zbytečného úsilí.

A v neposlední řadě kvalitní kód zajišťuje lepší kompatibilitu napříč různými prohlížeči a zařízeními. Minimalizuje problémy s vykreslováním a umožňuje konzistentní zobrazení obsahu.

Pravidla úpravy kódu

Používejte standardy W3C pro HTML a CSS. Validní kód zaručuje lepší kompatibilitu a výkon.
Používejte sémantické HTML tagy (např. <header>, <article>, <section> ) k označení struktury stránky. Zvyšuje to čitelnost kódu a zlepšuje SEO.
Odstraňte z kódu všechny zbytečné značky a prvky. Pro takzvanou minifikaci CSS a JavaScriptu lze využít řadu volně dostupných nástrojů( JSMin, Microsoft Ajax Minifier, Closure Compiler od Googlu.) Pro HTML pak HTML Minifier, Toptal HTML Minifier a další.
Rozdělte CSS do modulů nebo komponent, aby bylo snazší je spravovat a udržovat.
V tomto článku se o tématu CSS modulů můžete dočíst více.

K ověření, že váš kód splňuje standardy, existují užitečné nástroje jako W3C Markup Validation Service či W3C CSS Validation Service.

Pro JavaScript používejte například ESLint nebo JSHint k odhalování chyb a nekonzistentností v kódu. Pro CSS je tu zase Stylelint.

Jestli máte jen malý web a potřebné znalosti, můžete kód projít i ručně, ale výše uvedené nástroje jsou v tomto směru velmi spolehlivé.

Na začátek

Web si nezapomeňte zálohovat

Zálohování webu je naprostou nezbytností pro zajištění bezpečnosti a stability vašeho online projektu. Bez pravidelných záloh můžete čelit vážným problémům, pokud dojde k selhání serveru, napadení malwarem nebo chybě při aktualizaci. Zálohy vám umožňují rychle obnovit web do původního stavu a minimalizovat dobu výpadku.

Na výběr máte více zálohovacích metod, od manuálních záloh a záloh prostřednictvím hostingu až po využití zálohovacích pluginů nebo nástrojů.

V každém případě doporučujeme ponechávat si jednu zálohu vašeho webu na vašem pevném disku, případně na osobním cloudovém úložišti.

Mnoho poskytovatelů hostingu jinak nabízí automatické zálohování jako součást jejich služeb. Podívejte se proto, jestli váš hostingový poskytovatel tuto možnost nabízí, za jakých podmínek a jak často jsou zálohy prováděny.

Ujistěte se, že zálohy jsou uloženy na bezpečném místě mimo hlavní server, aby byly chráněny před stejnými riziky, kterým může čelit váš web.

Pro různé redakční systémy také existuje řada zálohovacích pluginů. U WordPressu jsou to například UpdraftPlus, SolidBackups nebo VaultPress.

Tyto pluginy umožňují automatizované zálohování souborů i databází a ukládání záloh na různé cloudové služby, jako jsou Google Drive, Dropbox nebo Amazon S3.

Frekvenci záloh jde nastavovat podle potřeby – denní, týdenní nebo měsíční zálohy v závislosti na frekvenci aktualizací vašeho webu.

Pokud je to možné, uchovávejte také více verzí záloh. To vám umožní vrátit se k předchozímu stavu webu, pokud aktuální záloha obsahuje chyby nebo malware.

Analytika

Abyste si ověřili, že váš web plní cíle, které si od něj slibujete, bude potřeba měřit jeho výkon s pomocí analytických nástrojů.

Je celá řada věcí, které na vašem webu sledovat. Nejčastěji lidi zajímá, jak si jejich web vede v těchto oblastech:

Na prvním místě to jsou konverze. Jde o zásadní akci, kterou návštěvníci na vašem webu provedou. Jejím provedením je v podstatě splnění jeden z nejhlavnějších účelů webu jako takového.

Konverzemi mohou být dokončení nákupu, registrace k odběru newsletteru, vyplnění kontaktního formuláře nebo stažení souborů.
Určitě by vás měl zajímat také provoz, tedy počet návštěv na vašem webu. Můžete sledovat provoz organický, tedy přirozené návštěvy z vyhledávačů, případně placený provoz v důsledku různých reklamních kampaní.
Dále se zajímejte o pozice klíčových slov, čili jejich umístění ve výsledcích vyhledávání.
Vyplatí se měřit i CTR (Click-Through Rate) - míru prokliku pro vaše výsledky ve vyhledávání. Vysoká nebo naopak nízká CTR se může odvíjet nejen od konkrétní pozice v SERPu, ale třeba i od atraktivity vašich meta tagů a rich snippets.
Měřit byste také měli konverzní poměr, který vám přináší buď organický provoz, nebo některá z vašich reklamích kampaní. Konverzní poměr = počet návštěvníků, co na vašem webu provede cílovou akci.
Sledujte i dobu strávenou na stránce. Vysoká průměrná doba, kterou u vás lidé stráví, je silným indikátorem kvality vašeho obsahu.
Míra opuštění stránky (Bounce Rate) udává procento návštěvníků, co opustí váš web po návštěvě první stránky a už nepřejdou na žádnou další.

Podle toho, o jakou stránku jde, nemusí být vyšší bounce rate špatně, ale u některých typů stránek může signalizovat problém. aniž přejdou na další. Nižší bounce rate obvykle znamená vyšší zájem uživatelů o váš obsah. .
Jakmile bude váš web nějakou dobu funkční, určitě začně sbírat i zpětné odkazy. Rozhodně se vyplatí monitorovat také ty.

Pro měření těchto metrik je nutné váš web propojit s příslušnými analytickými nástroji, které budou jeho výkon sledovat.

Nejběžnějšími analytickými nástroji, co se na vašem webu určitě uplatní, jsou

Google Analytics

Jeden z nejpopulárnějších nástrojů pro sledování a analýzu webové návštěvnosti. Poskytuje detailní přehledy o chování uživatelů, konverzích a výkonu stránek.

Google Search Console

Google Search Console je nástroj od Google, který vám pomáhá monitorovat a optimalizovat viditelnost vašeho webu ve výsledcích vyhledávání. Poskytuje informace o indexaci, zobrazeních, kliknutích a případných problémech s webem.

Ahrefs, SEMrush nebo MOZ

Komplexní nástroje pro analýzu zpětných odkazů, SEO a analýzu konkurence. Všechny tři z těchto nástrojů jsou poměrně rovnocenné a nabízí širokou škálu funkcí pro sledování klíčových slov, analýzu odkazového profilu a audit webu.

Matomo

Matomo je open-source alternativa k Google Analytics, která poskytuje podrobné přehledy o návštěvnosti a chování uživatelů. Nabízí plnou kontrolu nad daty a možnost hostování na vlastním serveru.

Hotjar

Hotjar nabízí nástroje pro analýzu chování uživatelů, včetně heatmap, nahrávání návštěv, průzkumů a zpětné vazby. Pomáhá porozumět, jak uživatelé interagují s vaším webem.

Crazy Egg

Crazy Egg také poskytuje nástroje pro vizualizaci uživatelského chování, jako jsou heatmapy, scrollmapy a analýza kliknutí. Pomáhá identifikovat oblasti pro zlepšení uživatelské zkušenosti.

Všelijakých nástrojů pro měření výkonu webu je samozřejmě více a doporučujeme v tomto směru udělat si vlastní průzkum, abyste zjistili, co pro vás je nebo není užitečné.

Podrobněji se analytikou (zaměřenou primárně na SEO) zabývá náš obsáhlý průvodce tím, Jak měřit úspěch SEO. V něm najdete i pár praktických tipů na propojení vašeho webu s různými analytickými nástroji.

Analytiku je v průběhu času třeba opakovat pravidelně. Sledujte přehledy návštěvnosti, chování uživatelů a konverze a klíčové metriky analyzujte.

Hledejte vzory a trendy které vám mohou poskytnout poznatky o tom, jak uživatelé se uživatelé na vašem webu chovají. Případné problémy, jako jsou vysoké míry opuštění na určitých stránkách nebo nízké konverzní poměry mohou představovat potenciál pro další optimalizaci.

Například pokud zjistíte, že uživatelé často opouštějí určitý formulář, můžete ho zjednodušit nebo zkrátit, aby byl uživatelsky přívětivější, a tak dále.

Co zkontrolovat před spuštěním webu - finální checklist

Zkontrolujte veškerý text na stránkách na chyby v pravopisu a gramatice.
Zkontrolujte použití relevantních klíčových slov a sémantických HTML tagů
Ujistěte se, že všechny odkazy jsou funkční a vedou na správné stránky.
Ověřte, že všechny stránky mají správně vyplněné meta tagy (title, description).
Implementujte strukturovaná data.
Optimalizujte velikost obrázků a dalších médií.
Ujistěte se, že používáte caching a případně CDN pro rychlejší načítání stránek.
Otestujte, zda se web správně zobrazuje na různých zařízeních (mobily, tablety, desktopy).
Zajistěte, že všechny interaktivní prvky fungují správně na dotykových obrazovkách.
Ujistěte se, že web používá SSL certifikát (HTTPS).
U vícejazyčných webů nastavte atributy hreflang.
Zkontrolujte, že jsou odstraněny nebo zabezpečeny všechny vývojářské soubory a odkazy.
Ověřte, že všechny formuláře (kontaktní, registrační) fungují správně a odesílají data.
Otestujte všechny interaktivní prvky, jako jsou tlačítka, odkazy a navigační menu.
Implementujte a otestujte Google Search Console a další nástroje pro webovou analytiku.
Zajistěte, že jsou nastaveny cíle a sledování konverzí.
Pokud máte rozsáhlé seznamy produktů, nezapomeňte nastavit jejich stránkování.
Ověřte, že web splňuje základní zásady přístupnosti (např. kontrast textu, alt texty pro obrázky).
Zajistěte, že web obsahuje všechny potřebné právní stránky, jako jsou obchodní podmínky, zásady ochrany osobních údajů a cookie policy.
Vytvořte zálohu webu před spuštěním, aby bylo možné obnovit původní stav v případě problémů.

Spuštění webu

A nyní nastal den D. Váš web je připraven k tomu, aby se konečně představil veřejnosti. K tomu, abyste jej zpřístupnili internetu, zbývá poslední krok (respektive dva).

Propojení vaší domény s hostingem

V tento moment máte registrovanou doménu a také vybraný hosting. Ještě je třeba obojí propojit tak, aby byl uživatel, co vaši doménu do webového prohlížeče, přesměrován na server, kde jsou vaše webové stránky hostovány.

To se děje s pomocí aktualizace takzvaných DNS (Domain Name System) záznamů.

Nejprve se přihlašte do do svého účtu u registrátora domén. Tam najděte sekci pro správu DNS záznamů vaší domény. Tato sekce může být označena jako “DNS nastavení”, “Správa DNS”, “DNS settings“, “Name servers“ apod., podle toho, kde je vaše doména registrována.
Následně musíte získat informace o jmenných serverech (name servers) od vašeho poskytovatele hostingu (většinou jsou vám automaticky zaslány e-mailem či jinak sděleny při zakoupení hostingu). Tyto informace obvykle obsahují dvě nebo více adres (např. ns1.vas-hosting.cz, ns2.vas-hosting.cz).
Aktualizujte záznamy jmenných serverů u vašeho registrátora domén tak, aby odpovídaly těmto adresám. To zajistí, že DNS dotazy budou směrovány na vašeho poskytovatele hostingu.
Aktualizace může nějakou dobu trvat, někdy je to chvilička, jindy to trvá až 24–48 hodin, podle poskytovatele.

Poznámka: Již jsme to zmiňovali výše, ale připomínáme: Některé hostingy nabízí hosting automaticky i s registrací a propojením domény, takže sami nic propojovat nemusíte.

Zveřejnění vašeho webu

A teď už stačí jen přesunout váš dlouho pilovaný obsah z vašeho počítače na hostingový server. To jde udělat více způsoby.

Manuální nahrání přes FTP/SFTP

Manuální nahrání je nejpůvodnější metodou pro nasazení webu:

Potřebujete k němu takzvaného FTP klienta (více o tom, co je FTP klient, se dočtete tady).

Připojte se k vašemu hostingovému serveru pomocí přihlašovacích údajů a přesuňte všechny soubory vašeho webu ze svého místního počítače na server do správného adresáře (obvykle public_html nebo www).

Pokud váš web používá databázi, přihlaste se do databázového správce (např. phpMyAdmin) a importujte soubor databáze.

Použití hostingového panelu (cPanel, Plesk)

Hostingové panely, jako cPanel nebo Plesk, usnadňují nasazení webu pomocí grafického rozhraní.

Stačí se přihlásit do vašeho hostingového panelu, a využít správce souborů v panelu k nahrání souborů vašeho webu do správného adresáře. Tady najdete návod na to, jak to může probíhat.

Použití redakčního systému s integrovaným nasazením

Zdaleka nejjednodušší možnost ze všech. Pokud používáte CMS jako WordPress, mnoho hostingových služeb nabízí jednodušší nasazení:

Někteří poskytovatelé nabízejí instalace „jedním kliknutím“ pro populární CMS, jako je WordPress. Stačí se přihlásit do panelu hostingu a použít tuto funkci.

Využít můžete i migrační pluginy, například Duplicator nebo All-in-One WP Migration, k přesunu celého webu z vývojového prostředí na hostingový server.

Možností publikace vašeho webu je ještě mnohem více, záleží na vás a na vašich možnostech, kterou z nich zvolit. Bez předchozích zkušeností bude cestu nejmenšího odporu představovat publikace webu přímo přes váš redakční systém.

Na začátek

Co dělat po spuštění webu

Tak, a váš web je online! Jestli jste si mysleli, že vaše práce je tímto hotová, tak jste na omylu 🙂 Ještě je toho hodně před vámi!

Po spuštění webu na vás čeká celá řada úkolů, které byste rozhodně neměli odkládat. Některé z nich jsou prakticky nezbytností, další jsou nepovinné, ale určitě vám je doporučujeme.

Doporučujeme si v této souvislosti přečíst i náš článek věnovaný minimalizaci rizik při redesignu webu, který s tímto tématem úzce souvisí. Najdete v něm další doplňující informace i seznam nástrojů, které vám budou užitečné při spouštění webu i po něm.

Pokračujte v optimalizaci vašich stránek

SEO představuje jednu z nejdůležitějších věcí, pro úspěch vašich stránek. Pokud jste sledovali náš návod, tak už byste alespoň základní optimalizaci vašich stránek měli mít hotovou.

Po spuštění webu se ještě ujistěte, že jsou všechny SEO prvky na svém místě, že máte v pořádku nadpisy, meta tagy a že vaše texty obsahují klíčová slova.

Při SEO je třeba mít trpělivost, nečekejte, že váš web ihned po spuštění uvidíte v TOPu. Žádné SEO garance na jeho umístění neexistují, ale věřte, že kvalitní stránky si dříve či později své zasloužené místo dobudou.

Co se týče dalších úkolů, co vás čekají, je to jednoduché. Za předpokladu, že technické základy vašeho webu jsou v pořádku, bude teď nejdůležitější postupně rozšiřovat váš obsah.

To, jaký obsah byste měli nyní tvořit prioritně, vám napoví výsledky analýzy klíčových slov (tu už byste měli mít ideálně hotovou), případně se můžete řídit vašimi individuálními cíli, aktuálními trendy či jinými ukazateli.

Doporučujeme dát si v tomto ohledu poradit i od zkušeného SEO konzultanta, abyste měli jistotu, že neplýtváte námahou na práci, která přinese jen malý efekt.

Nedílnou součástí SEO je také budování zpětných odkazů. Kromě publikování kvalitního obsahu je budování zpětných odkazů neboli linkbuilding naprosto zásadním faktorem pro dobré umístění vašich stránek ve vyhledávačích.

Zpětné odkazy (pokud vedou rovněž z kvalitních, relevantních a autoritních stránek) totiž pomáhají budovat autoritu vaší stránky, což ji z hlediska vyhledávačů činí hodnotnější.

Budování zpětných odkazů je samo o sobě téma, které si zaslouží podrobnější výklad. Naštěstí pro vás přesně takový výklad máme – v našem článku Jak na linkbuilding.

Vybudování odkazového profilu pro váš web není jednoduchá ani rychlá práce

Nechte ji celou na nás. Náš obsahový sprint zajistí pro váš web kvalitní a relevantní odkazy a posílí jeho autoritu u vyhledávačů.

Pravidelně analyzujte

O tématu analytiky jsme již podrobněji hovořili. Jen tedy připomínáme, že analýzy by neměly být jen jednorázovou záležitostí a výkon vašeho webu v klíčových metrikách je třeba monitorovat pravidelně.

To, jak často by to mělo být, hodně záleží na vašem byznysu, a na konkrétních metrikách, které sledujete. Velké e-shopy dělají analýzy třeba i každý týden. Většina webů by si ale měla vystačit s měsíčními, občas i jen s kvartálními analytickými reporty.

Nastavte si proto vaše analytické nástroje tak, abyste měli jejich výstupy k dispozici ve vámi stanovených pravidelných intervalech, a případně měňte funkční či obsahové prvky podle slabých míst, která vám analýza naznačí.

Nezapomínejte měřit také rychlost webu

Váš web může vypadat skvěle a obsahovat všechny důležité informace, ale nezapomínejte, že pro dobrou uživatelskou zkušenost (nemluvě o SEO) se musí také rychle načítat.

Průběžné testování rychlosti vašeho webu vám umožní identifikovat jakékoli potenciální problémy, které byste mohli potřebovat opravit. Existuje spousta nástrojů užitečných pro měření rychlosti webu, na prvním místě je to Google PageSpeed Insights, ale hodí se sáhnout i po některém dalším nástroji.

V tomto článku najdete přehled různých nástrojů pro testování rychlosti se stručným popisem toho, co vám může který z nich nabídnout. Nezapomínejte také váš web navštěvovat osobně a sami se přesvědčovat, jak se načítá.

Buďte aktivní na sociálních sítích

Jakmile váš web jednou spustíte, vyplatí se ještě jej různými způsoby propagovat. Velmi efektivní metodou, jak dát světu o vašem webu vědět, je právě rozvíjení aktivity na sociálních sítích.

Pokud je pro svůj podnik nebo web ještě nepoužíváte, pak to můžeme vřele doporučit. Sociální sítě jsou perfektní pro zvýšení viditelnosti a budování povědomí o vaší značce.

Než začnete, rozhodněte se, které sociální sítě přinesou vaší značce největší užitek. To, jestli používat LinkedIn, Facebook, Instagram nebo jinou síť záleží především na vašem oboru a publiku.

Pro sociální sítě byste si měli vytvořit také marketingovou strategii, abyste z nich vytěžili maximum.

Můžete zkoušet jednak organické marketingové techniky, jednak placenou reklamu na sociálních sítích pro intenzivnější propagaci vaší značky a přivedení více návštěvníků na svůj web.

Nastavte si PPC reklamy

Dalším vynikajícím způsobem propagace webu je PPC reklama. I když vám organické SEO a sociální média pomohou, může to být pomalý proces, než uvidíte výsledky – zejména pokud je váš web úplně nový.

PPC reklamy vám mohou přinést okamžité výsledky krátce po spuštění vašeho webu a jejich nastavení je poměrně snadné.

Tato cenově dostupná forma reklamy na internetu funguje tak, že platíte pokaždé, když někdo klikne na vaši reklamu. Reklama může být zobrazena kolikrát chce, aniž by vás to stálo cokoli, pokud na ni nikdo neklikne.

Nejoblíbenější PPC platformou jsou Google Ads, nejde ale o jedinou možnost, kterou máte k dispozici, dále je tu třeba Microsoft Ads, Facebook / Meta Ads a spousta dalších platforem, z nichž některá může vašim potřebám vyhovovat více.

Zabezpečení vašeho webu

Zabezpečení je podmínkou dobře fungujícího webu. Už když jsme hovořili o nastavování webu, tak jsme zmínili pořízení SSL certifikátu, aby vaši návštěvníci viděli, že váš web je bezpečný. Takto zabezpečený web se pozná snadno podle toho, že jeho adresa začíná zkratkou https:/ namísto standardního http:/

Existuje mnoho dalších věcí, které možná budete muset udělat, od pravidelné aktualizace vašich pluginů po zajištění bezpečnosti osobních údajů a poskytování bezpečného platebního systému.

Publikujte newsletter

Emailový marketing je ideální metodou k tomu přimět lidi, aby se vraceli na váš web. Nastavení mailing listu je tedy jednou z prvních věcí, které můžete udělat pro propagaci svého webu.

Pokud máte web na WordPressu, můžete si pořídit některý z newsletterových pluginů, které použijete pro emailové přihlášky. To vám usnadní sběr emailových adres a budování seznamu lidí, které můžete kontaktovat s vaším nejnovějším newsletterem nebo speciálními nabídkami.

Další nástroje jako MailChimp vám mohou také pomoci s emailovým marketingem, od správy mailing listu po vytváření emailů nebo dokonce budování speciálních stránek pro vaše emailové kampaně.

A/B testování

A/B testování je důležitou metodou pro optimalizaci výkonu vašeho webu. Pomocí této metody můžete porovnávat dvě různé verze stránky nebo prvku na stránce, abyste zjistili, která verze funguje lépe.

Jak funguje A/B testování

Identifikujte konkrétní prvek, který chcete testovat, například nadpis, tlačítko s výzvou k akci (CTA), obrázek nebo rozložení stránky.
Vytvořte dvě varianty (A a B) vybraného prvku. Varianta A může být původní verze a varianta B upravená verze s nějakou změnou.
Návštěvníci webu jsou náhodně rozděleni do dvou skupin, kde jedna skupina vidí verzi A a druhá verzi B.
Sledujte, jak návštěvníci interagují s oběma verzemi. Měřte klíčové metriky, jako je míra prokliku (CTR), konverzní poměr nebo doba strávená na stránce.
Porovnejte výsledky obou verzí a zjistěte, která varianta dosáhla lepších výsledků. Tato data vám umožní učinit informované rozhodnutí o tom, jak vylepšit váš web.

Pomocí A/B testování můžete identifikovat a implementovat změny, které zvyšují počet konverzí, například nákupy, registrace nebo přihlášení k odběru newsletteru.

Optimalizace jednotlivých prvků stránky může také pomoci průběžně zlepšovat uživatelskou zkušenost a s ní spokojenost vašich návštěvníků. Zároveň tím snižujete míru opuštění.

Při A/B testování nemusíte vytvářet dvě naprosto rozdílné verze stránky. Někdy jde o ověření zdánlivě drobného detailu, který ale může mít velký dosah. Na obrázku například vidíte, že pouhá změna barvy tlačítka může změnit míru prokliku o desítky procent.

A/B testování poskytuje konkrétní data, na základě kterých můžete učinit informovaná rozhodnutí, namísto spoléhání na intuici nebo dohady.

Nástroje pro A/B testování

Existuje mnoho nástrojů, které vám mohou pomoci provádět A/B testování na vašem webu:

Google Optimize: Bezplatný nástroj od Google, který se snadno integruje s Google Analytics a umožňuje vám testovat různé varianty stránek.
Optimizely: Komplexní platforma pro experimentování a A/B testování, která nabízí pokročilé možnosti segmentace a analýzy.
VWO (Visual Website Optimizer): Umožňuje snadné vytváření a testování různých verzí stránek pomocí intuitivního vizuálního editoru.

Na začátek

Slovník nejčastějších pojmů

Caching

Technika ukládání kopie webových stránek, dat nebo souborů do dočasné paměti (cache), aby se mohly rychleji načítat při opakovaných požadavcích.

Cache může být implementována na různých úrovních, včetně prohlížeče, serveru nebo CDN (Content Delivery Network). Caching zlepšuje výkon i uživatelskou přívětivost, protože zkracuje dobu načítání stránek.

CSS (Cascading Style Sheets)

Jazyk používaný pro popis vzhledu a formátování dokumentu napsaného v HTML. CSS umožňuje oddělit obsah stránky od jejího vizuálního vzhledu.

Umožňuje také vytvářet responzivní design a zlepšuje konzistenci stylování napříč více stránkami.

HTML (HyperText Markup Language)

Základní značkovací jazyk používaný k vytváření a strukturování obsahu webových stránek. Definuje prvky jako jsou nadpisy, odstavce, odkazy a obrázky.

HTML je kostra každé webové stránky a jeho znalost je nezbytná pro všechny webové vývojáře.

Neznamená to ale, že nedokážete vytvořit web i bez jeho znalosti, například s pomocí redakčního systému (CMS)

Hosting

Služba poskytující úložný prostor a přístup k webovým stránkám na serveru, který je připojený k internetu.

Hostingové služby mohou zahrnovat například sdílený hosting, VPS a dedikované servery. Výběr kvalitního hostingu má velký vliv na dostupnost, bezpečnost a výkon vašeho webu.

JavaScript

Programovací jazyk, který umožňuje vytvářet interaktivní prvky na webových stránkách, například dynamické formuláře, animace a další uživatelské interakce.

JavaScript běží přímo v prohlížeči uživatele, což umožňuje rychlou a interaktivní manipulaci s webovým obsahem. Používá se také na straně serveru pomocí technologie Node.js.

Jméno domény

Unikátní název sloužící k identifikaci webových stránek na internetu, například www.vasestranka.com.

Doménové jméno se skládá z názvu a domény nejvyšší úrovně (TLD) – například .cz, .com, a tak dále. Výběr vhodného doménového jména je důležitý pro branding a snadnou zapamatovatelnost webu.

Minimal Viable Product (MVP)

Minimal Viable Product (MVP) je verze nového produktu (třeba i webové stránky), která obsahuje pouze ty nejzákladnější funkce nezbytné k tomu, aby mohla být uvedena na trh a získala zpětnou vazbu od uživatelů.

Cílem MVP je rychle ověřit poptávku a funkčnost a minimalizovat náklady na vývoj tím, že se zaměříte jen na klíčové vlastnosti produktu. MVP umožňuje rychlejší iterace a úpravy na základě reálných potřeb a reakcí uživatelů.

Redakční systém / CMS (Content Management System)

Redakční systém je platforma, která umožňuje uživatelům snadno vytvářet, upravovat a spravovat obsah webových stránek bez nutnosti pokročilých technických znalostí.

Mezi nejznámější systémy patří například WordPress, Joomla nebo Drupal. Redakční systémy doplňují ještě různé pluginy a šablony, které rozšiřují jejich funkčnost a usnadňují tvorbu profesionálně vypadajících webů.

Responzivní design

Způsob tvorby webových stránek tak, aby se přizpůsobily různým velikostem obrazovek a zařízení.

Je zásadní pro to, aby byl váš web přístupný uživatelům na mobilních telefonech, tabletech i desktopech.

Responzivní design zlepšuje uživatelskou zkušenost a je také důležitý pro SEO, protože Google preferuje právě responzivní weby.

SEO (Search Engine Optimization)

SEO je souborem metod zaměřených na zlepšení viditelnosti webových stránek ve výsledcích vyhledávačů.

Patří sem například optimalizace obsahu, technická optimalizace stránek (takzvané on-page faktory) nebo budování zpětných odkazů (off-page faktory).

SSL/TLS (Secure Sockets Layer/Transport Layer Security)

Protokoly pro šifrování dat přenášených mezi webovým serverem a prohlížečem, zajišťující bezpečný přenos informací.

Používání SSL/TLS je indikováno přítomností „https“ v URL. SSL/TLS chrání citlivá data před zachycením a manipulací, a je nezbytností pro weby, které zpracovávají osobní údaje nebo finanční transakce.

Strukturovaná data

Strukturovaná data jsou specifickým způsobem formátovaní informací na webových stránkách, které umožňují vyhledávačům lépe pochopit jejich obsah.

S pomocí značkovacích jazyků jako JSON-LD, Microdata nebo RDFa lze přidávat kontext k datům, jako jsou recenze, události, produkty, kontaktní informace atd.

Implementace strukturovaných dat může zlepšit viditelnost ve výsledcích vyhledávání tím, že se v nich tato data zobrazí formou bohatých úryvků (Rich Snippets).

UI (User Interface)

Jsou vizuální a interaktivní prvky webové stránky nebo aplikace, se kterými uživatelé přímo interagují. UI zahrnuje design tlačítek, formulářů, navigačních menu a dalších ovládacích prvků. Kvalitní UI design zvýší atraktivitu i funkčnost vašich stránek.

Unique Selling Point (USP)

Unique Selling Point představuje jedinečnou vlastnost nebo výhodu produktu či služby, která ji odlišuje od konkurence a přitahuje zákazníky.

USP může být cokoli, co přináší přidanou hodnotu, jako je vyšší kvalita, jedinečná funkce, lepší cena apod. Identifikace a komunikace USP na vašem webu je klíčová pro efektivní marketing.

Uživatelská zkušenost / UX (User Experience)

Celkový zážitek uživatele z pohybu po vaší webové stránce nebo aplikaci. UX zahrnuje funkcionalitu, přístupnost a estetiku.

Dobře navržené UX vede k vyšší spokojenosti uživatelů a větší míře konverzí. UX designéři se zaměřují na pochopení potřeb a chování uživatelů a navrhují řešení, která jsou intuitivní a efektivní zároveň.

Webová stránka

Webová stránka je dokument dostupný na internetu, který je napsaný v HTML a může obsahovat text, obrázky, videa, odkazy a další multimediální prvky.

Více webových stránek dohromady tvoří web jako celek (i když existují i jednostránkové weby) a jsou propojeny prostřednictvím hypertextových odkazů.

Každá webová stránka má svou vlastní URL (Uniform Resource Locator) adresu, která umožňuje uživatelům přístup k jejímu obsahu.

Další zdroje k tvorbě webu, co se vám mohou hodit

https://www.getresponse.com/blog/how-to-build-a-website-from-scratch#research-what-appeals-visually
https://www.getresponse.com/blog/why-do-i-need-a-website
https://web.uri.edu/risbdc/old-blog-page/creating-your-business-website/
https://www.wix.com/blog/how-to-build-website-from-scratch-guide
https://miro.com/wireframe/wireframe-vs-layout/
https://www.rascasone.com/cs/blog/co-je-wireframe-predstavujeme-5-duvodu-proc-je-pro-klienty-drateny-model-dulezity
https://www.mailerlite.com/blog/web-pages-a-website-should-have
https://www.wikihow.com/Launch-a-Website
https://blog.hubspot.com/marketing/website-launch-checklist
https://websitesetup.org/
https://www.business.com/articles/10-tips-for-choosing-the-right-web-hosting-company/
https://www.launch-marketing.com/what-to-do-after-website-launch/
https://www.semrush.com/blog/website-structure/
https://www.format.com/magazine/resources/photography/how-to-choose-website-template
https://www.web.com/blog/diy-website-builder-templates-refresh/

Získejte náskok před konkurencí, která SEO dělá nesystematicky nebo vůbec

Dejte vašemu webu všechny předpoklady stabilního a dlouhodobého růstu pozic i návštěvnosti. S naším přehledným SEO návodem to jde stihnout za pouhých 60 dnů.

Na všechny další optimalizační práce jsme tu my

Objednejte se k nám na konzultaci, kde si promluvíme o tom, jakého potenciálu by mohl váš web s kvalitním SEO ještě dosáhnout.

Závěr

Náš návod na tvorbu webových stránek je tímto u konce. Pokud jste jej trpělivě sledovali až dosud, měli byste získat všeobecnou představu o tom, co všechno takový úkol obnáší a kam při jeho plnění napnout své síly, abyste neplýtvali časem, energií a penězi.

Samozřejmě, zvládnout všechno, co jsme v našem textu vyjmenovali, je pro jednotlivce nebo i malou firmu velice zdlouhavé a obtížné.

Proto doporučujeme vzít si na pomoc nebo aspoň na konzultaci profesionálního webdesignera, pokud je to ve vašich možnostech.

Na začátek

Článek napsal

Maksym Kovryhin

zakladatel SEO agentury Topranker.cz

Ve většině agentur vám řeknou, že SEO je trvalý proces, vyžadující si dlouhodobé SEO smlouvy a měsíční paušály.

I já si zprvu myslel totéž, ačkoliv jsem při práci čím dál více začal narážet na limity tohoto řešení.

Lepším řešením jsou jednorázové soubory konkrétních prací na míru, podložené důkladnou analýzou a strategickým plánem.

S možností libovolného doobjednání dalších sprintů podle potřeby a rozpočtu, ale bez nutnosti vázat vás dlouhodobou smlouvou.

Dovolte, abych vás s nabídkou těchto účelových SEO sprintů seznámil.