Obsah nad ohybem na firemním webu: co návštěvník musí vidět bez rolování

Člověk, který poprvé otevře váš firemní web, se rozhoduje během několika vteřin. Nečte celou stránku, neprochází menu do detailu a nehledá kontakt v patičce. Vidí jen to, co se mu zobrazí hned po načtení — oblast, které marketéři říkají „nad ohybem“. Pokud tam chybí jasná odpověď na otázku „co děláte a proč bych vás měl kontaktovat“, návštěvník odejde. Často ke konkurenci.

Tento článek vysvětlí, co by mělo být na první obrazovce vidět, jak texty a prvky uspořádat a jak si ověřit, že web funguje stejně dobře na mobilu i na počítači. Nejde o složitou techniku — jde o srozumitelnou prezentaci firmy, která podporuje marketing i vyhledávání na Googlu.

Co znamená „nad ohybem“ a proč na tom záleží

Výraz „nad ohybem“ pochází z dob novin: vše, co čtenář viděl dřív, než list ohnul. Na webu jde o část stránky, kterou uživatel uvidí bez rolování myší nebo prstem. Na notebooku je to obvykle horních 600 až 800 pixelů, na mobilu méně — často jen nadpis, krátký text, jedno tlačítko a část menu.

Proč je to důležité? Protože první dojem ovlivňuje důvěru i chování. Návštěvník z reklamy, z Map Google nebo z doporučení chce rychle pochopit, zda jste pro něj ti praví. Pokud musí hledat, co nabízíte, ztrácíte šanci na poptávku dřív, než vůbec dočte první odstavec. Oblast nad ohybem proto úzce souvisí s konverzní optimalizací firemního webu — jde o místo, kde se rozhoduje, zda člověk zůstane, nebo odejde.

Google sice nehodnotí „nad ohybem“ jako samostatné SEO kritérium, ale rychlost načtení, přehlednost a mobilní zobrazení ano. Když je první obrazovka přeplněná, pomalá nebo nečitelná, klesá nejen počet poptávek, ale i pozice ve vyhledávání. První dojem tedy není jen otázka designu — je to součást online marketingu.

Co musí být na první obrazovce vždy vidět

Každý firemní web je jiný, ale několik prvků by mělo být vidět téměř vždy. Bez nich návštěvník tápe a vy přicházíte o kontakty, které by jinak mohly přijít samy.

• Jasný nadpis — řekne, co děláte a pro koho. Ne „Vítejte na našich stránkách“, ale například „Instalatérské práce v Ostravě — příjezd do 24 hodin“.
• Krátký podnadpis nebo úvodní věta — doplní nadpis o konkrétní přínos: rychlost, záruku, lokalitu nebo způsob spolupráce.
• Výzva k akci — tlačítko nebo odkaz, který vede k dalšímu kroku: poptávka, objednávka, telefonát, rezervace termínu.
• Základní navigace — menu s přehlednými položkami (Služby, Ceník, Reference, Kontakt), aby člověk věděl, kam může pokračovat.
• Důvěryhodný prvek — recenze, počet spokojených zákazníků, certifikace, logo známého klienta nebo krátká zmínka o zkušenostech.

Na titulní stránce firemního webu to platí dvojnásob. Právě tam přistává většina návštěvníků z vyhledávání i reklam. Pokud vedete kampaň na konkrétní službu, měla by první obrazovka odpovídat záměru návštěvníka — podobně jako u dobře nastavené cílové stránky, kde hlavní sdělení nesmí být schované pod scroll.

Jak napsat nadpis a text, které fungují hned

Nadpis nad ohybem není místo pro firemní slogan z vizitky. Má odpovědět na tři otázky: co nabízíte, komu to pomáhá a proč by měl člověk jednat právě teď. Čím konkrétnější budete, tím lépe.

Špatný příklad: „Kvalitní služby pro vaše potřeby.“ Takový text může patřit komukoli. Lepší varianta: „Tvorba firemních webů pro živnostníky — hotový web do jednoho týdne.“ Návštěvník okamžitě ví, o jaký obor jde a co může čekat.

Podnadpis by měl být kratší než hlavní nadpis a neměl by opakovat totéž jinými slovy. Vysvětlete jeden konkrétní benefit: „Pomůžeme s texty, měřením návštěvnosti i základním SEO.“ Krátké věty fungují lépe než dlouhé odstavce. Pokud potřebujete text doladit, inspiraci najdete v článku o psaní textů na web, které přesvědčí zákazníka.

Nezapomeňte ani na drobné texty u tlačítek a formulářů. Text „Odeslat“ nic neříká, zatímco „Nezávazně poptat web“ vysvětluje, co se stane po kliknutí. O tom, jak takové detaily ovlivní výsledky, píšeme v článku o mikrocopy na firemním webu.

Kde umístit kontakt, tlačítko a důvěryhodné prvky

Výzva k akci by měla být vidět bez rolování — ideálně vedle nebo pod hlavním nadpisem. Jedno primární tlačítko stačí; druhé může nabídnout méně závazný krok, například prohlídku referencí. Příliš mnoho tlačítek na jedné obrazovce mate a snižuje konverze.

Telefonní číslo patří do horní části webu, pokud lidé volají často — u řemeslníků, autoservisů nebo lékařských ordinací. U služeb, kde zákazníci raději píší, dejte přednost formuláři nebo tlačítku s jasným textem. Podrobnosti k návrhu najdete v textu o kontaktním formuláři na firemním webu a o návrhu call-to-action tlačítek.

Důvěryhodné prvky nemusí zabírat půlku obrazovky. Stačí řádek s hodnocením 4,9 z 5 z Google, krátká věta „15 let praxe“ nebo loga tří firemních klientů. Fotografie vaší práce nebo týmu pomáhá, ale na mobilu pozor — velký obrázek může odsunout důležitý text příliš nízko. Rozložení prvků proto vždy ověřte na menší obrazovce, nejen na velkém monitoru v kanceláři.

Jak ověřit první obrazovku na mobilu i počítači

To, co vy vidíte na širokém monitoru, často vůbec neodpovídá tomu, co uvidí zákazník na telefonu. Proto je testování první obrazovky na mobilu povinnost, ne volba. Otevřete web na svém telefonu a zeptejte se: Poznám do pěti vteřin, co firma nabízí? Vidím tlačítko nebo kontakt? Působí stránka přehledně, nebo musím hned rolovat?

Užitečné je také otestovat mobilní verzi v nástroji Google Mobile-Friendly Test. Ukáže, zda Google považuje stránku za vhodnou pro mobilní zařízení. Rychlost načítání první obrazovky změříte v PageSpeed Insights. Pomalý web totiž často znamená, že návštěvník uvidí prázdnou obrazovku dřív, než se vůbec zobrazí váš nadpis. Více k výkonu najdete v článku o rychlosti načítání firemního webu.

Responzivní design znamená, že se obsah přizpůsobí velikosti obrazovky — nadpis zůstane čitelný, menu se zobrazí přehledně a tlačítka budou dostatečně velká na kliknutí prstem. Bez toho může být první obrazovka na mobilu zmačkaná a nepoužitelná, i když na počítači vypadá skvěle. Základy moderního zobrazení shrnuje článek o responzivním designu firemního webu.

Jednoduchý test od reality: pošlete odkaz na web kolegovi, který o vaší firmě moc neví, a zeptejte se ho, co jste podle první obrazovky dělali. Pokud odpověď neodpovídá vaší nabídce, je čas přepsat nadpis, přesunout tlačítko nebo zjednodušit rozvržení.

Praktické shrnutí: checklist první obrazovky

Obsah nad ohybem je nejdražší reklamní plocha na vašem webu — platíte za ni pozorností každého návštěvníka, který přijde z Googlu, ze sociálních sítí nebo z doporučení. Když tam máte jasné sdělení, jednu výraznou výzvu k akci a prvek důvěry, zvyšujete šanci, že člověk zůstane a napíše vám.

Před spuštěním kampaně nebo po redesignu si projděte tento krátký seznam:

• Nadpis říká, co děláte a pro koho — bez obecných frází.
• Podnadpis doplní konkrétní přínos nebo způsob spolupráce.
• Primární tlačítko je vidět bez rolování a má srozumitelný text.
• Navigace je přehledná a nezabírá celou první obrazovku.
• Na mobilu je výsledek stejně srozumitelný jako na počítači.
• Stránka se načte rychle — nadpis se zobrazí dřív, než návštěvník odejde.

Když si nejste jistí, zda vaše první obrazovka skutečně prodává, nechte si web posoudit někým zvenku. Ve firmě WebRift jsme tvůrci webových stránek pro malé a střední firmy — navrhujeme titulní stránky tak, aby hlavní sdělení, kontakt i výzva k akci byly na prvním místě. Pokud chcete web, který na první pohled vysvětlí vaši nabídku a přivede poptávky, napište nám přes kontaktní formulář. Rádi vám pomůžeme s vytvořením webové stránky od struktury a textů až po spuštění.