Klikací telefon na firemním webu: jak nastavit volání jedním klepnutím

Firemní web nemusí být složitý, aby vydělával. Stačí, když návštěvník bez zbytečného hledání najde kontakt a ví, co se stane po kliknutí. V tomto textu si projdete, proč na klikacím telefonu záleží, kde ho umístit, jak ho správně zapsat v HTML, jak ho měřit a na co si dát pozor u soukromí a přístupnosti.

Proč klikací telefon na mobilu není drobnost

Většina návštěv firemních webů dnes přichází z mobilu. Urgentní situace — porucha, nehoda, potřeba rychlé domluvy termínu — často končí hledáním čísla v patičce nebo v kontaktech. Pokud je číslo jen jako prostý text, uživatel musí dlouze podržet prst, kopírovat, přepínat do aplikace Telefon a kontrolovat, zda nechybí číslice. Každý takový krok znamená riziko, že zákazník zavolá konkurenci, která má volání na webu vyřešené lépe.

Odkaz s protokolem tel: funguje jako tlačítko: klepnutím se na většině telefonů otevře předvyplněné volání. Na počítači se chování liší — prohlížeč může nabídnout aplikaci pro hovory nebo nic neudělat, pokud počítač telefon nepodporuje. Proto dává smysl mít stejné číslo viditelné i jako text pro ty, kdo volají z pevné linky nebo přepisují číslo do firemní ústředny.

Podobnou logiku už znáte z jiných rychlých kontaktů na webu. Například WhatsApp na firemním webu řeší psaní zpráv, zatímco klikací telefon cílí na lidi, kteří raději proberou zakázku hlasem. Obojí může na stejné stránce koexistovat — každý kanál osloví jiný zvyk zákazníků.

Kde na webu umístit telefonní odkaz

Nejčastější chyba je schovat číslo jen na samostatnou kontaktní stránku. Ta je důležitá, ale mnoho lidí se na ni vůbec nedostane — zůstanou na titulce nebo u služby, která je právě teď zajímá. Doporučená místa:

• Hlavička nebo horní pruh — telefon viditelný hned po načtení, ideálně vedle tlačítka na poptávku. Souvisí to s tím, co návštěvník musí vidět bez rolování.
• Patka webu — standardní místo pro kontakt; na mobilu často zůstává po dojetí na konec stránky. Více o obsahu patičky najdete v článku o patičce firemního webu.
• Stránky služeb a ceník — v momentě, kdy člověk porovnává varianty a má konkrétní otázku na cenu nebo termín.
• Poděkování po formuláři — když někdo nechce čekat na e-mail, nabídněte mu přímý hovor; doplňuje to téma poděkovací stránky po odeslání formuláře.

Telefon nemusí být všude stejně velký. Na titulce stačí stručný text typu „Zavolejte nám“ s číslem; u detailu služby může být výraznější tlačítko ve stejném stylu jako ostatní výzvy k akci — viz také návod na call-to-action tlačítka.

Jak správně zapsat odkaz tel: v kódu i v editoru

Technicky jde o běžný HTML odkaz, jen místo https:// použijete tel: a za ním telefonní číslo. Mezinárodní formát s předvolbou (+420…) je nejspolehlivější pro zahraniční návštěvníky i pro automatické rozpoznání v telefonu. Mezery a pomlčky v čísle většinou nevadí, ale v dokumentaci pro vývojáře se doporučuje konzistentní zápis — podrobnosti shrnuje MDN k atributu href u odkazu.

Příklad, který můžete předat tvůrci webu:

<a href="tel:+420724769152">+420 724 769 152</a>

Pokud web stavíte v editoru bez přístupu ke kódu, hledejte možnost „odkaz“ nebo „telefonní číslo“ u tlačítka. Některé šablony mají hotové pole „Telefon v hlavičce“ — stačí vyplnit číslo a systém vygeneruje tel: odkaz sám. U vlastní domény a firemní e-mailové adresy na webu obvykle řešíte i důvěryhodný kontakt; k tomu se hodí článek o e-mailu na vlastní doméně.

Google doporučuje, aby kontaktní údaje byly snadno dohledatelné lidem i vyhledávačům. Základní principy uvádí příručka Google k SEO. U telefonu nejde o trik na umělé posílení pozic, ale o jasnou informaci: kdo jste a jak vás zákazník zastihne.

Měření hovorů z webu a propojení s analytikou

Samotný tel: odkaz neřekne, kolik lidí skutečně zavolalo — prohlížeč jen otevře telefon. Přesto má smysl sledovat, kolikrát na něj někdo klikl. V Google Analytics 4 lze nastavit událost pro klik na odkazy, jejichž adresa začíná na tel:. U kampaní z Google Ads nebo sociálních sítí pak uvidíte, která reklama přivedla lidi až ke kontaktu — v kombinaci s UTM parametry to dává smysl.

Praktický postup pro malou firmu: jednou měsíčně porovnejte počet kliknutí na telefon s počtem reálných hovorů, které vedete. Když kliknutí rostou, ale hovory ne, možná je číslo špatně čitelné, vede na obsazenou linku nebo zákazníci raději píší — v tom případě doplňte kontaktní formulář nebo chat. Návod k chování klikacího telefonu na mobilních zařízeních popisuje také článek Click to call na web.dev.

Pokročilejší firmy někdy používají call tracking — dočasná čísla podle zdroje návštěvy. Pro běžný prezentační web to není nutné; důležitější je, aby základní měření kliknutí fungovalo a vy z telefonu věděli, že zákazník web viděl.

Přístupnost, soukromí a běžné chyby

Odkaz by měl mít srozumitelný text. Místo anonymního „klikněte zde“ napište „Zavolat +420…“ nebo „Telefon na recepci“. Uživatelé čteček obrazovky pak hned pochopí účel odkazu. Obecné zásady kontrastu a čitelnosti tlačítek souvisí s přístupností firemního webu; další technické detaily k barvám textu uvádí WCAG k minimálnímu kontrastu.

Nezapomeňte uvést provozní dobu, kdy telefon skutečně někdo zvedá. Klikací telefon v noci bez upozornění vede k frustraci. U citlivých oborů zvažte, zda chcete stejné číslo na webu jako soukromý mobil — někdy pomůže ústředna nebo virtuální recepce.

Strukturovaná data typu ContactPoint mohou vyhledávači pomoci propojit telefon s firmou; souvisí to s tématem strukturovaných dat na webu, ale i bez nich musí být číslo v HTML viditelné.

Responzivní web znamená, že prst snadno trefí odkaz — příliš malé písmo vedle loga na mobilu je častá chyba. Pokud layout na telefonu předěláváte, ověřte si zásady v materiálu o responzivním designu firemního webu.

Shrnutí: co udělat hned po přečtení

Klikací telefon na firemním webu stojí na několika jednoduchých krocích. Ověřte, že hlavní firemní číslo je na mobilu odkaz s tel: a ne jen text. Umístěte ho tam, kde lidé rozhodují — titulka, služby, patička — a formulář nechte jako alternativu pro ty, kdo nevolají. Nastavte v analytice sledování kliknutí na telefon a jednou za čas porovnejte data s reálnými hovory. Doplňte srozumitelný popisek odkazu a provozní dobu, ať každé klepnutí vede k hovoru, který zvládnete obsloužit.

Pokud chcete web, kde jsou rychlé kontakty — telefon, formulář i měření — vyřešené od začátku, ozvěte se nám. Firma WebRift je tvůrcem webových stránek pro malé a střední firmy; rádi vám pomůžeme s návrhem, obsahem i technickým nastavením. Napište nám přes kontaktní formulář na webrift.cz a domluvíme se na vytvoření webové stránky, která zákazníkům usnadní cestu k hovoru i k poptávce.