Váš web krásně ukazuje atmosféru hotelu, ale návštěvníkovi nedává důvod zvolit právě vás
Co děláte dobře
- • Silné Google hodnocení 4.6/5 z 336 recenzí — solidní důkaz spokojenosti hostů, který může výrazně podpořit rozhodování nových návštěvníků
- • Vizuálně přitažlivá prezentace hotelu s kvalitními fotografiemi interiérů, wellness a přírody — stránka buduje atmosféru a touhu po pobytu
- • Přehledná struktura stránky s logickým řazením sekcí (hotel → pobyty → wellness → pokoje → hodnocení) usnadňuje orientaci
Klikněte na číslo pro zobrazení detailu
PROBLÉM
Hlavní nadpis stránky (H1) „In harmony with nature“ je v angličtině, přestože celý web je v češtině. Nadpis je navíc generický slogan, který neříká nic o tom, že jde o lázeňský hotel, kde se nachází, ani jaký přínos z pobytu host získá. Podnadpis „Vítejte ve Spa Hotelu Silva v Mariánských Lázních. V hotelu na kraji lesa pár kroků od kolonády.“ tuto roli částečně supluje, ale je výrazně menší a méně viditelný. Návštěvník hledající lázeňský pobyt v Mariánských Lázních přistane na stránce a první, co vidí, je anglický text bez kontextu — nemůže okamžitě potvrdit, že je na správném místě. Z pohledu vyhledávačů anglický H1 na českém webu vysílá protichůdný signál — Google nedokáže jednoznačně určit, na jaké vyhledávání stránka cílí, což může zhoršit pozici pro české dotazy jako „lázeňský hotel Mariánské Lázně“.
DOPORUČENÍ
Přepsat hlavní nadpis do češtiny tak, aby během prvních sekund komunikoval, že jde o lázeňský hotel v Mariánských Lázních a jaký přínos z pobytu host získá. Anglický slogan „In harmony with nature“ může zůstat jako dekorativní prvek pod hlavním nadpisem. Český H1 by měl obsahovat klíčová slova relevantní pro vyhledávání (lázeňský hotel, Mariánské Lázně, wellness).
- 1 Změnit H1 nadpis na český, benefit-driven text:
- 2 Nový H1: „Lázeňský odpočinek na kraji lesa v srdci Mariánských Lázní“
- 3 Anglický slogan přesunout pod H1 jako sekundární claim: <p class="motto">In harmony with nature</p>
- 4 V HTML: <h1>Lázeňský odpočinek na kraji lesa v srdci Mariánských Lázní</h1>
OČEKÁVANÝ VÝSLEDEK
Návštěvníci rychleji pochopí, co stránka nabízí, a vyhledávače získají relevantní klíčové slovo v nejdůležitějším nadpisu. Pravděpodobně lepší pozice ve výsledcích vyhledávání pro české dotazy a nižší počet okamžitých odchodů (bounce rate).
PROBLÉM
Úvodní (hero) sekce stránky obsahuje pouze video pozadí, nadpis a krátký uvítací text. Chybí jakékoliv tlačítko s výzvou k akci (CTA), které by návštěvníka nasměrovalo k dalšímu kroku — například „Prohlédnout pobyty“ nebo „Zjistit ceny“. Jediný interaktivní prvek je šipka dolů pro scrollování. Tlačítko „Rezervovat“ je sice v navigaci nahoře, ale je relativně malé a snadno přehlédnutelné. Host hledající lázeňský pobyt přichází na stránku s konkrétním záměrem — chce zjistit dostupnost a ceny. Když na prvním pohledu nevidí jasnou cestu k rezervaci, musí scrollovat a hledat, co má udělat dál. Podle výzkumů Nielsen Norman Group většina návštěvníků nescrolluje pod první obrazovku, pokud nemá jasný důvod — chybějící tlačítko s výzvou k akci (CTA) viditelné bez scrollování znamená, že mnozí návštěvníci odejdou, aniž by prozkoumali nabídku.
DOPORUČENÍ
Přidat do úvodní sekce výrazné tlačítko, které návštěvníka nasměruje ke konverzní cestě. Může jít o tlačítko „Prohlédnout pobyty“, „Zjistit dostupnost a ceny“ nebo přímo mini-formulář s výběrem dat příjezdu a odjezdu — běžný a osvědčený vzor u hotelových webů. Navigační tlačítko „Rezervovat“ ponechat pro ty, kdo přesně vědí, co chtějí.
- 1 Přidat CTA tlačítko do hero sekce:
- 2 Text tlačítka: „Prohlédnout pobytové balíčky“
- 3 Umístění: pod uvítací text, nad šipku dolů
- 4 Styl: kontrastní barva vůči pozadí (například zlatá/béžová jako v navigaci)
- 5 Alternativa: mini-formulář s výběrem dat příjezdu/odjezdu přímo v hero sekci
OČEKÁVANÝ VÝSLEDEK
Více návštěvníků pokračuje ke konverzní cestě místo okamžitého odchodu. Podle Baymard Institute viditelné tlačítko s výzvou k akci (CTA) na první obrazovce výrazně zvyšuje zapojení návštěvníků.
PROBLÉM
Hlavní obsah stránky (doba načtení hlavního obsahu, LCP) se na desktopu zobrazí za 5,6 sekundy, na mobilu za 16,1 sekundy — doporučená hranice je pod 2,5 sekundy. Mobilní test simuluje pomalé 4G připojení (1,6 Mbps) na levném telefonu, takže na běžném Wi-Fi bude načítání rychlejší. Nicméně i desktopový výsledek (5,6 s) je výrazně nad doporučenou hranicí. Celková váha stránky dosahuje 12–13 MB, což je více než 6× nad doporučeným limitem 2 MB. Hlavní příčiny: 53 obrázků v tradičních formátech (JPG/PNG) bez moderních formátů jako WebP (úspora ~3 000 KiB), obrázky nejsou správně dimenzovány (úspora ~1 600 KiB), chybí efektivní komprese (úspora ~1 400 KiB) a autoplay video v hero sekci přidává další megabajty. Host porovnávající několik hotelů v Mariánských Lázních pravděpodobně odejde dřív, než se stránka na mobilu vůbec zobrazí.
DOPORUČENÍ
Převést obrázky do moderního formátu WebP (s fallbackem na JPG pro starší prohlížeče), správně dimenzovat obrázky podle velikosti prostoru na stránce a přidat postupné načítání (lazy loading) pro obrázky pod první obrazovkou. Zvážit také odložení načtení hero videa na mobilech — i když se video pro šířku pod 800 px odstraňuje, stále se stahuje na pozadí.
- 1 Optimalizovat obrázky a načítání:
- 2 Převést všechny obrázky do formátu WebP pomocí nástroje Squoosh nebo ImageOptim
- 3 Přidat loading="lazy" ke všem obrázkům mimo hero sekci
- 4 Správně dimenzovat obrázky — neservírovat 2000px obrázek pro 400px slot
- 5 U hero videa zvážit lazy-load na mobilech nebo menší verzi souboru
OČEKÁVANÝ VÝSLEDEK
Výrazně rychlejší načítání stránky — optimalizace obrázků může ušetřit přes 6 MB dat. Rychlejší stránka znamená méně odchodů, zejména od mobilních návštěvníků. Podle Google každá sekunda načítání navíc nad 2,5 s zvyšuje pravděpodobnost odchodu.
PROBLÉM
Na desktopu má stránka hodnotu skokového posunu obsahu (CLS) 0,337 — doporučený limit je pod 0,1, takže je to více než 3× nad normou. To znamená, že se obsah po načtení přesouvá a poskakuje. Na mobilu je naopak CLS 0 (výborný výsledek). Hlavní příčiny na desktopu: obrázky bez explicitních rozměrů (prohlížeč neví, kolik místa jim má vyhradit, dokud se nestáhnou) a třetí party widgety (Elfsight recenze, Profitroom booking panel), které se načítají asynchronně a po vložení posouvají okolní obsah. Když návštěvník čte nabídku pobytů nebo zkoumá spa sekci, obsah se pod jeho myší posouvá, což vede k frustraci a může způsobit nechtěné kliknutí.
DOPORUČENÍ
Přidat explicitní rozměry (width a height) ke všem obrázkům, aby prohlížeč mohl vyhradit správný prostor ještě před stažením obrázku. Pro třetí party widgety (recenze, booking panel) rezervovat prostor pomocí CSS minimální výšky (min-height). Tím se eliminuje poskakování obsahu při načítání.
- 1 Opravit skokový posun obsahu:
- 2 Ke všem obrázkům přidat atributy width a height: <img src="foto.jpg" width="800" height="533">
- 3 Pro Elfsight widget (recenze) přidat obalový element: <div style="min-height: 400px;"> kolem widgetu
- 4 Pro Profitroom booking panel rezervovat prostor stejným způsobem
OČEKÁVANÝ VÝSLEDEK
Obsah stránky přestane poskakovat při načítání, návštěvníci nebudou frustrovaní nechtěnými kliknutími a celková uživatelská zkušenost na desktopu se výrazně zlepší. CLS by měl klesnout pod doporučenou hodnotu 0,1.
PROBLÉM
V hlavičce stránky je minimálně 10 synchronních JavaScriptových souborů (jQuery, design.js, swipe.js, validation.js, hp_banner.js a další), které blokují vykreslení — prohlížeč nemůže zobrazit nic, dokud je všechny nestáhne a nespustí. Navíc skripty jquery_mousewheel_plugin.js a scroller.js jsou načteny dvakrát (zbytečná duplicita). Na pomalém mobilním připojení to znamená přes 4 sekundy čekání na bílou obrazovku. Měření Lighthouse odhaduje potenciální úsporu 630–4 300 milisekund po odstranění blokujících zdrojů.
DOPORUČENÍ
Přesunout skripty na konec stránky (před uzavírací tag </body>) nebo přidat atribut defer, který říká prohlížeči, aby skript stáhnul na pozadí a spustil ho až po vykreslení stránky. Zároveň odstranit duplicitní načtení dvou skriptů.
- 1 Odblokovat vykreslení stránky:
- 2 Přesunout skripty z hlavičky na konec stránky, nebo přidat defer: <script src="/js/jquery.js" defer></script>
- 3 Odstranit duplicitní načtení jquery_mousewheel_plugin.js a scroller.js (jsou načteny 2×)
- 4 Odstranit zastaralý atribut language="javascript" ze všech script tagů
OČEKÁVANÝ VÝSLEDEK
Stránka se začne vykreslovat o sekundy dříve — návštěvník místo bílé obrazovky okamžitě uvidí alespoň základní obsah. Úspora 630–4 300 ms podle měření Lighthouse.
PROBLÉM
Sekce „Nabídka pobytů“ zobrazuje 4 balíčky (Wellness balíček na 7 nocí, Preventivní lázeňská kúra, Wellness balíček na 3 noci, Ubytování s polopenzí) pouze jako obrázky s názvy. Chybí orientační ceny, co je v balíčku zahrnuto, a pro koho je vhodný. Návštěvník musí proklikávat každý balíček zvlášť, aby zjistil základní informace. Pár plánující lázeňský víkend potřebuje rychle posoudit, zda je nabídka cenově relevantní a co přesně zahrnuje — bez těchto informací nemůže porovnat s konkurenčními hotely. Podle výzkumů Baymard Institute každý zbytečný klik potřebný k získání základních informací zvyšuje riziko odchodu návštěvníka. Konkurenční hotely v Mariánských Lázních typicky ukazují ceny přímo na homepage.
DOPORUČENÍ
Doplnit na karty pobytových balíčků alespoň orientační cenu (formát „od X Kč / osoba“ nebo „od X Kč / noc“), krátký výčet toho, co pobyt zahrnuje (2–3 body), a případně pro koho je balíček nejvhodnější. Zobrazení cen „od“ snižuje nejistotu návštěvníka a umožňuje rychlé porovnání.
- 1 Doplnit informace na karty pobytů:
- 2 Ke každé kartě přidat: orientační cenu „od X Kč / osoba“
- 3 Pod cenu 2–3 body co je zahrnuto, např.: „polopenze, 2 procedury denně, vstup do sauny“
- 4 U balíčků s délkou pobytu (3 noci, 7 nocí) zvážit i celkovou cenu za pobyt
- 5 Příklad karty: „Wellness balíček na 3 noci — od 8 900 Kč / osoba · polopenze · 2 procedury denně · vstup do wellness“
OČEKÁVANÝ VÝSLEDEK
Návštěvníci budou moci rychleji posoudit relevanci nabídky a rozhodnout se, na kterou podstránku kliknout. Pravděpodobně nižší počet odchodů ze stránky v momentě, kdy návštěvník porovnává nabídky hotelů.
PROBLÉM
Sekce „Hodnocení“ s Google Reviews widgetem (4.6/5, 336 recenzí) je umístěna na ~84 % stránky na desktopu a ~76 % na mobilu — daleko za nabídkou pobytů, wellness i ubytováním. Návštěvník, který se rozhoduje o pobytovém balíčku v sekci „Nabídka pobytů“ (~38 % stránky), ještě neviděl žádný důkaz spokojenosti ostatních hostů. Po přečtení pozitivních recenzí navíc chybí v blízkosti jakékoliv tlačítko pro rezervaci — host musí scrollovat zpět nahoru. Sociální důkaz umístěný v blízkosti rozhodovacích bodů má výrazně vyšší efekt na rozhodování návštěvníka. Hodnocení 4.6 z 336 recenzí je silný důkaz kvality, ale jeho účinek je výrazně snížený umístěním na konci stránky, kam se mnoho návštěvníků nemusí dostat.
DOPORUČENÍ
Přidat souhrnné hodnocení (např. „4.6/5 na Google — 336 recenzí“) do blízkosti sekce „Nabídka pobytů“ — ideálně nad ni nebo hned pod ni. Současný plný Google Reviews widget může zůstat na stávajícím místě pro ty, kteří scrollují celou stránku. Zvážit přidání tlačítka „Rezervovat pobyt“ přímo pod sekci s recenzemi.
- 1 Přidat souhrnný trust signál k nabídce pobytů:
- 2 Nad sekci „Nabídka pobytů“ přidat řádek: „4.6/5 na Google — 336 spokojených hostů“
- 3 Pod sekci „Hodnocení“ přidat CTA tlačítko: „Přesvědčili jsme vás? Vyberte si pobyt“
- 4 Volitelně: krátký citát hosta (1 věta) do hero sekce nebo k nabídce
OČEKÁVANÝ VÝSLEDEK
Návštěvníci uvidí sociální důkaz v momentě, kdy zvažují konkrétní balíček, což pravděpodobně podpoří jejich rozhodování a sníží nejistotu při výběru.
PROBLÉM
Sekce „Půvabný hotel s intimní atmosférou“ je zaměřená na popis hotelu místo přínosu pro hosta. Text „Věříme, že díky našemu přátelskému přístupu a útulnému prostředí u nás prožijete příjemný čas“ mluví o „nás“ místo o „vás“ a slibuje pouze vágní „příjemný čas“. Formulace „Věříme, že...“ navíc působí nejistě — hotel sám pouze „věří“, že to bude příjemné? Host hledající lázeňský pobyt chce vědět, co konkrétně zažije — kvalitu procedur, atmosféru restaurace, pocit klidu. „Příjemný čas“ je generický příslib, který neříká nic specifického a nevyvolává touhu po pobytu. Efektivní hotelový copy navozuje obraz konkrétního zážitku, ne obecný příslib.
DOPORUČENÍ
Přepsat sekci představení tak, aby popisovala konkrétní zážitky z pohledu hosta. Místo „co náš hotel je“ komunikovat „co vy zažijete“. Použít smyslové popisy (co host vidí, slyší, cítí) a konkrétní detaily, které odlišují Hotel Silva od konkurence — komorní atmosféra s pouhými 36 pokoji, poloha na kraji lesa, kvalita kuchyně.
- 1 Přepsat představení z pohledu hosta:
- 2 Místo: „Věříme, že díky našemu přátelskému přístupu...“
- 3 Nově: „Představte si ráno s výhledem do lesa, snídani z lokálních surovin a odpoledne plné regeneračních procedur. V komorním hotelu s pouhými 36 pokoji, pár kroků od kolonády, najdete klid, který jinde nehledejte.“
- 4 Zdůraznit unikátní detaily: 36 pokojů (komorní), poloha u lesa a kolonády, vlastní wellness
OČEKÁVANÝ VÝSLEDEK
Návštěvníci si lépe představí pobyt a vytvoří si emocionální spojení s hotelem. Sekce začne budovat touhu po pobytu místo pouhého popisu hotelu.
PROBLÉM
V pravém horním rohu úvodní sekce se nachází promo banner „Jarní sleva ve výši 10 %“ s tlačítkem „Více info“. Hlavní problém: sleva není konkrétní. Banner neuvádí, na které pobyty přesně platí, do kdy je nabídka platná, ani jaké jsou podmínky. Návštěvník vidí „10 % sleva“ a „Více info“, ale nic konkrétního, co by ho přesvědčilo jednat hned. Tlačítko „Více info“ navíc otevírá překryvné okno (lightbox), ne stránku s pobyty — takže ani po kliknutí nezíská jasnou odpověď. Vizuálně je banner umístěn v tmavém obdélníku v rohu, kde ho návštěvník snadno přehlédne — chová se jako vedlejší prvek, přestože sleva je obchodně důležitá nabídka. Řada podtržítek pod nadpisem banneru působí jako grafická chyba. Bez konkrétních podmínek a data platnosti nabídka postrádá naléhavost — návštěvník nemá důvod jednat hned.
DOPORUČENÍ
Nejdůležitější: sleva musí být konkrétní. Uvést přesně, na které pobyty platí, kolik host reálně ušetří (nejen v procentech, ale i v korunách), a do jakého data nabídka platí. Teprve pak řešit umístění — přesunout informaci o slevě blíže k nabídce pobytů, například jako štítek přímo na kartách balíčků, na které se sleva vztahuje. Nahradit „Více info“ konkrétnějším textem, který rovnou říká, co návštěvník po kliknutí uvidí.
- 1 Udělat slevu konkrétní a viditelnou:
- 2 Místo: „Jarní sleva ve výši 10 %“ → „Jarní sleva 10 % na wellness pobyty — ušetříte až 2 500 Kč. Platí do 30. 4.“
- 3 Přidat štítek „−10 % do [datum]“ přímo na karty pobytů, na které se sleva vztahuje
- 4 Nahradit CTA „Více info“ textem „Zobrazit zvýhodněné pobyty“
- 5 Alternativně integrovat do hero sekce: „Jarní pobyty se slevou 10 % — platí do [datum]“
- 6 Doplnit konkrétní částku úspory (nejen procenta): „Ušetříte 890 Kč na 3 noci“
OČEKÁVANÝ VÝSLEDEK
Více návštěvníků si slevové nabídky všimne a využije ji jako motivaci k rezervaci. Konkrétní podmínky a datum platnosti vytvoří zdravou naléhavost.
PROBLÉM
Sekce „Půvabný hotel s intimní atmosférou“ obsahuje obrázkový carousel se 17 fotografiemi z různých kategorií (sauna, masáže, restaurace, pokoje, recepce) bez jakékoliv kategorizace. Podle výzkumů o chování uživatelů u carouselů zapojení návštěvníků dramaticky klesá po 2–3 snímcích — zbytek fotografií pravděpodobně téměř nikdo neprolistuje. 17 fotek z různých kategorií bez kontextu nepomáhá návštěvníkovi utvořit si jasný obraz o hotelu. Host hledající lázeňský pobyt pravděpodobně chce vidět pokoje a wellness, ale musí listovat 17 náhodnými fotografiemi.
DOPORUČENÍ
Omezit carousel na 4–5 nejsilnějších fotografií reprezentujících klíčové aspekty hotelu (pokoj, wellness, restaurace, příroda). Případně nahradit carousel galerií s kategorizací (Pokoje | Wellness | Restaurace | Okolí), kde si návštěvník sám vybere, co ho zajímá. Odkaz „Více fotografií“ pod galerií ponechat.
- 1 Zredukovat carousel na 4–5 klíčových fotek:
- 2 Vybrat: 1× pokoj, 1× wellness/sauna, 1× restaurace, 1× exteriér/příroda, 1× recepce/lobby
- 3 Alternativa: galerie s kartami kategorií (kliknutelné): Pokoje | Wellness | Restaurace | Okolí
- 4 Ponechat odkaz „Více fotografií“ pod galerií pro zájemce o kompletní galerii
OČEKÁVANÝ VÝSLEDEK
Návštěvníci uvidí nejlepší fotografie hotelu místo toho, aby museli listovat 17 snímky. Cílenější výběr fotografií pravděpodobně lépe podpoří rozhodování o rezervaci.
PROBLÉM
Title tag stránky „Hotel Silva“ má pouhých 11 znaků. Ve výsledcích vyhledávání návštěvník hledající „lázeňský hotel Mariánské Lázně“ nebo „wellness pobyt Mariánské Lázně“ uvidí jen „Hotel Silva“ — bez jakékoliv informace o tom, že jde o spa hotel v Mariánských Lázních nabízející lázeňské pobyty. Optimální délka title tagu je 50–60 znaků. Současný title nevyužívá prostor, který mu vyhledávače poskytují, a nedává návštěvníkovi důvod kliknout právě na tento výsledek.
DOPORUČENÍ
Rozšířit title tag o klíčové informace — kde hotel je a co nabízí. Ideální formát pro hotelový web: „Název hotelu | Typ ubytování v Lokaci“. Title by měl obsahovat klíčová slova, která potenciální hosté vyhledávají.
- 1 Rozšířit title tag:
- 2 Nový title: „Spa Hotel Silva | Lázeňský hotel v Mariánských Lázních“
- 3 V HTML: <title>Spa Hotel Silva | Lázeňský hotel v Mariánských Lázních</title>
- 4 Délka: 53 znaků (optimální rozmezí 50–60)
OČEKÁVANÝ VÝSLEDEK
Vyšší míra prokliků z výsledků vyhledávání — návštěvník okamžitě vidí, že jde o lázeňský hotel v Mariánských Lázních. Potenciálně lepší pozice ve vyhledávačích díky relevantním klíčovým slovům v title tagu.
PROBLÉM
Sekce „Ubytování“ zobrazuje 4 typy pokojů (Junior Suite, Junior Suite s balkonem, Classic, Jednolůžkový pokoj Classic) pouze jako obrázky s názvy bez jakýchkoliv rozlišujících informací — rozlohy, ceny za noc ani klíčového vybavení. Text „Na výběr pro vás máme ze 36 pokojů. Přestože je každý trochu jiný, výhled do zeleně budete mít ve všech.“ je milý, ale neinformativní. Pár plánující romantický pobyt nevidí žádný rozdíl mezi „Junior Suite“ a „Classic“ kromě názvu a fotky — bez základních parametrů nemůže učinit informované rozhodnutí a musí proklikávat na podstránky.
DOPORUČENÍ
Přidat na karty pokojů klíčové rozlišující informace, které pomohou návštěvníkovi rychle porovnat typy pokojů bez nutnosti proklikávat na podstránky. Zachovat stávající vizuální styl karet.
- 1 Doplnit informace na karty pokojů:
- 2 Ke každé kartě přidat: rozlohu (m²), max. počet osob, 1–2 klíčové vybavení
- 3 Přidat orientační cenu „od X Kč / noc“
- 4 Příklad: „Junior Suite — 35 m² · max. 2 osoby · výhled do lesa · od X Kč / noc“
OČEKÁVANÝ VÝSLEDEK
Návštěvníci rychleji pochopí rozdíl mezi typy pokojů a vyberou si ten správný bez zbytečného proklikávání. Méně kroků k rozhodnutí znamená pravděpodobně více dokončených rezervací.
PROBLÉM
Většina tlačítek s výzvou k akci (CTA) na stránce používá generické texty: „Více info“ (Spa & Wellness, promo banner), „Více fotografií“, „Všechny pobyty“, „Všechny pokoje“. Tyto texty neříkají návštěvníkovi, co přesně získá po kliknutí, ani ho nemotivují k akci. Host rozhodující se o pobytu reaguje lépe na texty, které komunikují hodnotu — „Prohlédnout lázeňské procedury“ je výrazně silnější motivátor než „Více info“. Generická tlačítka nebudují očekávání a nedávají důvod ke kliknutí.
DOPORUČENÍ
Nahradit generické texty tlačítek specifickými, které jasně říkají, co návštěvník po kliknutí uvidí nebo získá. Text by měl začínat slovesem a komunikovat hodnotu akce.
- 1 Přepsat texty tlačítek:
- 2 „Všechny pobyty“ → „Prohlédnout pobytové balíčky“
- 3 „Více info“ (Spa) → „Prohlédnout lázeňské procedury“
- 4 „Více info“ (promo) → „Zobrazit zvýhodněné pobyty“
- 5 „Všechny pokoje“ → „Prohlédnout pokoje a ceny“
- 6 „Více fotografií“ → „Otevřít galerii hotelu“
OČEKÁVANÝ VÝSLEDEK
Specifičtější texty tlačítek pravděpodobně zvýší míru prokliků na podstránky, protože návštěvník bude vědět, co po kliknutí získá.
PROBLÉM
Newsletter formulář „Buďte s námi v kontaktu“ na konci stránky (~91 % desktop, ~83 % mobile) má tlačítko „odeslat“ — nejgeneričtější možný text, který neříká, co návštěvník odesláním získá. Motivační text „Čas od času vám pošleme slevu nebo novinku“ je slabý důvod k předání e-mailu. Pro hosta, který doroloval až sem, ale zatím se nerozhodl rezervovat, je newsletter příležitostí zachytit kontakt — ale generické tlačítko a slabá motivace pravděpodobně snižují počet přihlášení.
DOPORUČENÍ
Změnit text tlačítka na formulaci, která jasně komunikuje přínos přihlášení. Zpřesnit i motivační text — místo vágního „čas od času“ konkretizovat, co přesně odběratel dostane (exkluzivní slevy? Sezónní nabídky?).
- 1 Vylepšit newsletter formulář:
- 2 Tlačítko: „Chci dostávat slevy“ (místo „odeslat“)
- 3 Motivační text: „Přihlaste se a dostanete sezónní nabídky a slevy přímo do e-mailu“
- 4 Zvážit přidání konkrétního benefitu: „Odběratelé dostávají slevu 5 % na první pobyt“
OČEKÁVANÝ VÝSLEDEK
Pravděpodobně vyšší počet přihlášení k newsletteru díky jasné komunikaci přínosu. Každý přihlášený e-mail je potenciální budoucí rezervace.
PROBLÉM
E-mailové pole v newsletter formuláři používá typ „text“ místo „email“, což znamená, že na mobilu se nezobrazí klávesnice optimalizovaná pro e-mailové adresy (chybí rychlý přístup k @ a .cz/.com). Pole navíc nemá viditelný popis (label) — spoléhá pouze na zástupný text „@ zadejte Váš e-mail“, který po kliknutí do pole zmizí a návštěvník nevidí, co má zadat. Chybí také atribut autocomplete="email", takže prohlížeč nenabídne automatické doplnění uložené e-mailové adresy. Pro starší hosty (typická cílová skupina lázeňského hotelu), kteří nemusí být zvyklí na webové formuláře, to může být matoucí.
DOPORUČENÍ
Změnit typ pole na „email“, přidat viditelný popis (label) nad pole a doplnit atribut pro automatické doplnění e-mailu prohlížečem. Tyto tři změny jsou technicky jednoduché (pár minut práce) a zlepší použitelnost formuláře zejména na mobilních zařízeních.
- 1 Opravit newsletter pole:
- 2 Změnit type="text" na type="email"
- 3 Přidat autocomplete="email" pro automatické doplnění
- 4 Přidat viditelný label: <label for="newsletter_mail">Váš e-mail</label>
- 5 Přidat id="newsletter_mail" na input pole pro propojení s labelem
OČEKÁVANÝ VÝSLEDEK
Na mobilu se zobrazí správná klávesnice pro e-mail, prohlížeč nabídne automatické doplnění a návštěvník vždy vidí popis pole. Pravděpodobně vyšší míra dokončení formuláře, zejména na mobilních zařízeních.