Odkazy tel: a mailto: sú odkazy v HTML, ktoré po kliknutí otvoria vytáčanie čísla alebo nový e-mail. Používajú sa v atribúte href prvku <a>. Pre návštevníka na mobile skracujú cestu ku kontaktu.
Ako sa zapisujú?
| Odkaz | Zápis | Čo sa stane |
|---|---|---|
| Telefón | <a href="tel:+421900000000">0900 000 000</a> | Mobil číslo vytočí, počítač môže otvoriť aplikáciu na volanie. |
<a href="mailto:info@example.sk">info@example.sk</a> | Otvorí sa e-mailový program s novou správou. |
Na čo si dať pozor?
- Číslo v atribúte href môže mať iný formát ako viditeľný text.
- Správanie závisí od zariadenia, čísla možno vytočiť, uložiť do kontaktov alebo poslať do inej aplikácie.
- Text odkazu má jasne hovoriť, kam odkaz vedie, napríklad „Zavolať na číslo“ je lepšie ako „tu“.
- Pri e-maile možno cez parametre dopredu vyplniť predmet správy.
Prečo sú dôležité pre web?
Kontakt je pri firemnom webe hlavným cieľom. Klikateľné číslo a e-mail zjednodušujú konverziu a patria k dobrému CTA. Pre lokálne SEO má byť údaj rovnaký ako v profile firmy. Pri audite kontrolujeme, či sú kontakty skutočne klikateľné.
Čo si zapamätať o pojme odkazy tel: a mailto:?
Klikateľný telefón a e-mail sú drobnosť, ktorá zvyšuje šancu, že vás návštevník skutočne kontaktuje.
Ako to rieši webstrankanamieru.sk: Pri tvorbe webu na mieru sa pojem odkazy tel: a mailto: rieši v rámci postupu opísaného v sekcii Proces tvorby webstránky. Hotové weby nájdete v portfóliu, orientačné ceny v cenníku a vlastný projekt môžete konzultovať cez kontakt.
Súvisiace pojmy: CTA, UX, Landing page, Konverzia, Lokálne SEO, HTML
Často kladené otázky o pojme odkazy tel: a mailto:
Ako vytvorím odkaz na telefón?
Ako vytvorím odkaz na e-mail?
Môže sa viditeľný text líšiť od čísla v odkaze?
Môžem do mailto pridať predmet?
Prečo je klikateľný kontakt dôležitý?
Zdroje
- MDN Web Docs: a elementZápis a správanie odkazov tel a mailto.
- Google Search Central: Link best practices for GoogleZásady tvorby odkazov.
- Google Search Central: SEO Starter GuideZáklady optimalizácie webu.