Kako hipervezati telefonski broj za poziv ili tekst u HTML sidrenoj oznaci

Kako hiperlinkovati telefonske brojeve za poziv ili tekst u html sidrenoj oznaci

Na poslu često sjedamo za laptop ili desktop kako bismo pogledali naše korporativne web stranice na velikom ekranu... ali ako pogledate mobilne posjete vašoj web stranici, možda ćete se zaprepastiti da većina posjetitelja dolazi putem mobilnog telefona. uređaj. Ako počnete raščlanjivati ​​promet prema izvoru preporuke, vjerojatno ćete se još više iznenaditi da su korisnici tražilice pretežno mobilni.

63% pretraživanja na pretraživačima u SAD-u je putem mobilnih tehnologija. 48% globalnih posjeta web stranicama dolazi s mobilnih uređaja.

Zippia Mobile vs Desktop statistika

Budući da preduzeća sada vide značajan dio svojih posjetitelja kako dolazi putem mobilnih uređaja, web stranica spremna za mobilne uređaje više nije opcija, već je neophodno.

Jedan element koji se često zanemaruje prilikom izgradnje mobilnog iskustva je hiperveze vaših brojeva telefona in HTML tako da mobilni korisnici mogu jednostavno kliknuti na njih i započeti telefonski poziv. Anchor tagovi su oznake koje se mogu izvršiti koje pretraživači tumače i omogućavaju korisnicima da kliknu. Tipična oznaka sidra za web stranicu je:

<a href="https://martech.zone">Martech Zone</a>

Sidrena oznaka koja otvara email je:

<a href="mailto:info@martech.zone">Click here to email us!</a>

Uz mailto, opciono možete uključiti predmet i tijelo e-pošte unutar veze. Ipak, ja bih se pobrinuo da URL kodirate tekst. Neki pretraživači će se pokvariti na razmaku:

<a href="mailto:info@martech.zone?subject=Hi%20Doug&body=This%20is%20a%20test!">Click here to email us!</a>

Broj telefona: Hiperlink kliknite za poziv

Sintaksa za hipervezu na telefonski broj u HTML-u je slična sintaksi mailto-a, samo koristeći Telefon: umjesto:

<a href="tel:+13172039800">Click here to call us!</a>

Sintaksa vašeg telefonskog broja zapravo nije bitna. Testirao sam vrijednost sa i bez znakova plusa, zagrada, tačaka i crtica i čini se da sve radi i na iPhoneu i na Androidu.

Trudim se da stvari budu čiste uklanjajući sve osim brojeva. Takođe bih preporučio da u telefonski broj uključite pozivni broj zemlje sa znakom plus – posebno ako privlačite posao na međunarodnom nivou.

Kada optimiziramo web stranice naših klijenata, osiguravamo da su sve instance telefonskih brojeva hiperlinkovane. Ako se radi o pozivu na akciju, vezu obično formatiramo kao dugme kako bi bilo očigledno da se na nju može kliknuti.

Broj telefona: kliknite za slanje teksta hipervezom

Takođe možete imati hipervezu koja automatski generiše an SMS poruka:

<a href="sms:+13172039800">Click here to text us!</a>

Po želji možete uključiti i poruku:

<a href="sms:+13172039800?&body=Hello">Click here to text us!</a>

Kako snimiti broj telefona Kliknite u analitici

Također osiguravamo da ove događaje bilježimo u Google Analytics! Ako želite izmjeriti koliko ljudi klikne na ove veze, možete pročitati naš članak o tome kako to učiniti dodajte Google Analytics događaj koristeći Google Tag Manager.

35 Komentari

  1. 1

    Genije Doug! Planirajte da to počnete koristiti na svim stranicama mojih klijenata. U redu ako ovo objavim na svom blogu? Naravno da vam daje puno autorstvo. Veoma cool! 😎

  2. 2

    Dakle, postoji li razlog da NE stavljate zagrade, tačke ili crtice u broj telefona? I da li html broj telefona djeluje kao naslovna oznaka? Ima li SEO koristi od izrade oznake naslova unutar href koda?

  3. 3

    @edeckers Čini se da standard RFC3966 ne podržava zagrade, ali podržava gomilu drugih opcija i simbola za međunarodne pozive, lokale, itd:
    http://www.ietf.org/rfc/rfc3966.txt

    Što se tiče SEO-a, ne vidim zašto ne! Možda bi naziv preduzeća + „broj telefona“ mogao biti dobar način za implementaciju!

  4. 4

    Zdravo, to je super trik, ali probao sam ovo i Firefox mi je dao ružnu poruku o grešci da ne zna kako da pročita vezu. Za mene nije vrijedna ružne poruke o grešci kada neko klikne na link na desktopu samo da bi mobilni telefon mogao pristupiti linku. “Dugi pritisak” na broj telefona na Androidu i on će svejedno automatski pokušati nazvati broj. Jesam li u krivu? Ima li posla okolo?

  5. 7
  6. 8

    Hvala ti puno. jednostavan kao što ste rekli, a efikasan. Možete ići nekoliko koraka dalje i povezati ga sa ikonom i kreirati naslov u sidrenoj oznaci za prikaz vašeg telefonskog broja i daljnjih instrukcija za korisnike koji drže pokazivač miša preko ikone. Hvala još jednom!

  7. 9
  8. 11
  9. 12
  10. 14
  11. 15

    Samo jednostavna ispravka… rekli ste da preporučujete da „sve osim stvarnih brojeva zadržimo U href vrijednosti“

    Siguran sam da misliš "zadrži sve osim stvarnih brojeva NAŠU vrijednost href"

    Inače biste samo birali gomilu interpunkcije 🙂

  12. 16
  13. 17
  14. 19

    Još uvijek ne znam iz ove kolumne kako poslati broj telefona e-poštom – na mobilni, tako da moj šef može samo da ga dodirne i nazove.

    • 20

      Zdravo Dee, vaš softver za e-poštu bi trebao podržavati HTML i mogućnost dodavanja hiperveze koju smo opisali iznad. Ovaj članak je bio više o tome kako to učiniti na mobilnoj web stranici, a ne putem e-pošte.

  15. 21

    Zdravo Douglase, koliko dobro ovo funkcionira za međunarodne pozive? Mislite li da je najbolje koristiti međunarodni (npr. +44) broj ili lokalni pozivni broj?

    • 22
  16. 23

    Zdravo, Može li se hashtag koristiti kao hiperveza za započinjanje telefonskog poziva? Čuo sam da se spominje neki dan, ali nisam vidio. Hvala ti!

  17. 25

    Kako da kreiram dugme „pozovi odmah“ u programu za marketing putem e-pošte kao što je Microsoft Publisher? Takođe, kako da ga stavim u mailchimp?

  18. 26
  19. 28
  20. 29
  21. 30
  22. 31
  23. 32
  24. 33
  25. 34

    Veoma informativan tutorijal! Zapravo, više mi se sviđa aspekt "klikni za poziv vidžet" umjesto "telefonskog broja koji se može kliknuti". Nakon što sam isprobao dodatak za praćenje povratnih poziva na svojoj web lokaciji, vidim mnogo više rezultata sa mogućnošću da pozovem svoje potencijalne klijente, umjesto da oni zovu mene. Lično, na većini sajtova to smatram neophodnim. Evo linka za plugin https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/

Šta ti misliš?

Ova stranica koristi Akismet kako bi smanjila neželjenu poštu. Saznajte kako se podaci vašeg komentara obrađuju.