Kiel Hiperligi Telefonan Numeron Por Voki Aŭ Teksti En HTML-Ankora Etikedo

Kiel hiperligi telefonnumerojn por voki aŭ teksti en html-ankra etikedo

En la laboro, ni ofte sidas al tekokomputilo aŭ labortablo por vidi niajn kompaniajn retejojn sur granda ekrano... sed se vi rigardas la moveblajn vizitojn al via retejo, vi eble miros, ke la plimulto de vizitantoj alvenas per poŝtelefono. aparato. Se vi komencas rompi vian trafikon laŭ referencfonto, vi verŝajne eĉ pli surprizos, ke serĉiloj uzantoj estas ĉefe moveblaj.

63% de serĉiloj en Usono estas per moveblaj teknologioj. 48% de tutmondaj retejvizitoj venas de poŝtelefono.

Zippia Poŝtelefono vs Labortabla Statistiko

Kun entreprenoj nun vidante signifan parton de siaj vizitantoj alveni per porteblaj aparatoj, havi poŝtelefonpretan retejon ne plu estas eblo, ĝi estas neceso.

Unu elemento, kiu estas ofte preteratentita dum konstruado de movebla sperto, estas hiperligado de viaj telefonnumeroj in HTML tiel ke poŝtelefonaj uzantoj povas simple klaki sur ili kaj komenci telefonvokon. Ankraj etikedoj estas la ageblaj etikedoj, kiujn retumiloj interpretas kaj ebligas al uzantoj klaki. Tipa ankra etikedo por retejo estas:

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

Ankra etikedo kiu malfermas retpoŝton estas:

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

Kun mailto, vi povas laŭvole inkluzivi la temon kaj korpon de la retpoŝto ene de la ligilo. Mi tamen certigus, ke vi URL-kodigu la tekston. Iuj retumiloj rompiĝos sur spaco:

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

Telefonnumero: Klaku Por Voki Hiperligo

La sintakso por hiperligilo al telefonnumero en HTML similas al la sintakso mailto, nur uzante Telefono: anstataŭe:

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

La sintakso por via telefonnumero ne vere gravas. Mi testis la valoron kun kaj sen plus-signoj, krampoj, punktoj kaj strekoj kaj ĉio ŝajnas funkcii ambaŭ ĉe iPhone kaj Android.

Mi ja provas konservi aferojn puraj forigante ĉion krom la nombroj. Mi ankaŭ rekomendus inkluzivi la landkodon en la telefonnumero kun la plus-signo - precipe se vi altiras komercon internacie.

Kiam ni optimumigas la retejojn de niaj klientoj, ni certigas, ke ĉiuj okazoj de telefonnumeroj estas hiperligitaj. Se temas pri alvoko, ni kutime formatas la ligilon kiel butonon por fari tre evidenta, ke ĝi povas esti klakita.

Telefonnumero: Klaku Al Teksto Hiperligo

Vi ankaŭ povas havi hiperligilon kiu aŭtomate generas an SMS mesaĝo:

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

Vi povas laŭvole ankaŭ enmeti mesaĝon:

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

Kiel Kapti Telefonan Numeron Klaku En Analytics

Ni ankaŭ certigas, ke ni kaptas ĉi tiujn eventojn en Google Analytics! Se vi volas mezuri kiom da homoj alklakas ĉi tiujn ligilojn, vi povas legi nian artikolon pri kiel aldonu Google Analytics-Okazaĵon per Google Tag Manager.

35 Komentoj

  1. 1

    Geniulo Doug! Planu komenci uzi tion en ĉiuj miaj klientaj retejoj. Bone, se mi afiŝas ĉi tion en mia blogo? Kompreneble donante al vi plenan aŭtorecon. Tre mojosa! 😎

  2. 2

    Ĉu do estas ia kialo NE meti krampojn, punktojn aŭ strekojn en telefonnumero? Kaj ĉu la html-telefonnumero agas kiel titoletikedo? Ĉu ekzistas iu SEO-utilo por fari titoletikedon ene de la href-kodo?

  3. 3
  4. 4

    Saluton, tio estas bonega lertaĵo sed mi provis ĉi tion kaj Fajrovulpo donis al mi aĉan erarmesaĝon dirante, ke ĝi ne scias kiel legi la ligilon. Por mi, ne valoras malbela erarmesaĝo kiam iu klakas la ligilon sur labortablo nur por ke poŝtelefono povu aliri la ligilon. "Longe premu" sur la telefonnumero en Android kaj ĝi aŭtomate provas voki numeron ĉiuokaze. Ĉu mi eraras? Ĉu estas laboro ĉirkaŭe?

  5. 7
  6. 8

    Multan dankon. simpla kiel vi diris, tamen efika. Vi povas iri kelkajn paŝojn plu kaj fari ĝin ligi al ikono kaj krei titolon en la ankro-etikedo por montri vian telefonnumeron kaj pliajn instrukciojn por uzantoj, kiuj ŝvebas sian muson super la ikono. Redankon!

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

    Nur simpla korekto... vi diris, ke vi rekomendas, ke ni "konservu ĉion krom la realaj nombroj EN la href-valoro"

    Mi certas, ke vi volas diri "konservu ĉion krom la realajn nombrojn NIAJ EL la href-valoro"

    Aŭ alie vi simple markus amason da interpunkcioj 🙂

  12. 16
  13. 17
  14. 19
  15. 21

    Saluton Douglas, kiom bone ĉi tio funkcias por internaciaj telefonantoj? Ĉu vi pensas, ke estas plej bone uzi internacian (ekz. +44) numeron, aŭ lokan kodon?

    • 22

      Verdire, Ben, mi kredas, ke ĝi funkcias perfekte. Mi kredas, ke multaj internaciaj alvokantoj uzas lokajn kodojn. Niĝeriaj fraŭdaj artistoj tuj venas al la menso. 🙂

  16. 23

    Saluton, Ĉu haŝetikedo povas esti uzata kiel hiperligo por komenci telefonvokon? Mi aŭdis ĝin mencii la alian tagon sed ne vidis ĝin. Dankon!

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

Kion vi pensas?

Ĉi tiu retejo uzas Akismeton por redukti spamon. Lernu, kiel via komento datiĝas.