Telefoninumbri hüperlinkimine helistamiseks või teksti saatmiseks HTML-i ankrusildil

Telefoninumbrite hüperlinkimine HTML-ankrusildis helistamiseks või teksti saatmiseks

Tööl istume sageli sülearvuti või lauaarvuti taha, et vaadata oma ettevõtte veebisaite suurel ekraanil... kuid kui vaatate oma veebisaidi mobiilikülastusi, võite ehmatada, et enamik külastajaid saabub mobiili kaudu. seade. Kui hakkate oma liiklust viiteallika järgi jaotama, üllatate teid tõenäoliselt veelgi enam, et otsingumootorite kasutajad on valdavalt mobiilsed.

63% USA otsingumootorite otsingutest tehakse mobiiltehnoloogia kaudu. 48% ülemaailmsetest veebisaitide külastustest tuleb mobiilist.

Zippia Mobile vs Desktop statistika

Kuna ettevõtted näevad nüüd, et märkimisväärne osa külastajatest saabub mobiilseadmete kaudu, ei ole mobiilivalmidusega veebisait enam valik, see on hädavajalik.

Üks element, mis mobiilikogemuse loomisel sageli tähelepanuta jäetakse, on oma telefoninumbrite hüperlinkimine in HTML et mobiilikasutajad saaksid neil lihtsalt klõpsata ja telefonikõnet alustada. Ankurmärgendid on kasutatavad sildid, mida brauserid tõlgendavad ja võimaldavad kasutajatel klõpsata. Tüüpiline veebisaidi ankurmärgend on:

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

Ankrusilt, mis avab meili, on:

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

Mailto abil saate lingile lisada meili teema ja sisu. Siiski tagaksin, et kodeeriksite teksti URL-iga. Mõned brauserid katkevad tühiku peale:

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

Telefoninumber: klõpsake hüperlingil helistamiseks

HTML-i telefoninumbrile hüperlinkimise süntaks on sarnane mailto süntaksiga, kasutades lihtsalt arv: selle asemel:

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

Teie telefoninumbri süntaks ei oma tegelikult tähtsust. Olen testinud väärtust plussmärkide, sulgude, punktide ja sidekriipsudega ja ilma ning kõik näib toimivat nii iPhone'is kui ka Androidis.

Püüan hoida asju puhtana, eemaldades kõik peale numbrite. Soovitaksin lisada ka riigikoodi plussmärgiga telefoninumbrisse – eriti kui meelitate äri rahvusvaheliselt.

Kui optimeerime oma klientide saite, tagame, et kõik telefoninumbrid on hüperlingitud. Kui see on üleskutse tegevusele, vormindame lingi tavaliselt nupuks, et oleks väga selge, et sellel saab klõpsata.

Telefoninumber: klõpsake hüperlingi teksti saatmiseks

Teil võib olla ka hüperlink, mis genereerib automaatselt SMS teade:

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

Soovi korral saate lisada ka sõnumi:

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

Telefoninumbri jäädvustamine Klõpsake Analyticsis

Samuti tagame, et jäädvustame need sündmused Google Analyticsis! Kui soovite mõõta, kui palju inimesi nendel linkidel klõpsab, lugege meie artiklit selle kohta, kuidas seda teha lisage Google Analyticsi sündmus Google Tag Manageri abil.

35 Kommentaarid

  1. 1

    Geniaalne Doug! Plaan hakata seda kasutama kõigil oma kliendisaitidel. Olgu, kui ma postitan selle oma blogisse? Muidugi annab teile täieliku autorsuse. Väga lahe! 😎

  2. 2

    Kas on põhjust MITTE panna telefoninumbrisse sulgusid, punkte või sidekriipse? Ja kas html-telefoninumber toimib pealkirjasildina? Kas href-koodis pealkirjasildi tegemisel on SEO-le kasu?

  3. 3

    @edeckers Tundub, et RFC3966 standard ei toeta sulgusid, kuid toetab paljusid muid võimalusi ja sümboleid rahvusvaheliste kõnede, laienduste jms jaoks:
    http://www.ietf.org/rfc/rfc3966.txt

    Mis puutub SEO-sse, siis ma ei saa aru, miks mitte! Võib-olla võiks ärinimi + "telefoninumber" olla hea viis selle rakendamiseks!

  4. 4

    Tere, see on lahe trikk, kuid proovisin seda ja Firefox andis mulle inetu veateate, mis ütles, et ta ei tea, kuidas linki lugeda. Minu jaoks ei ole see inetu veateade väärt, kui keegi klõpsab lingil töölaual lihtsalt selleks, et mobiiltelefon saaks lingile ligi pääseda. Vajutage Androidis telefoninumbril pikalt ja see proovib igal juhul automaatselt numbrile helistada. Kas ma eksin? Kas ümberringi on tööd?

  5. 7
  6. 8

    Tänan sind väga. lihtne, nagu sa ütlesid, kuid samas tõhus. Võite minna paar sammu edasi ja linkida selle ikoonile ning luua ankrusildile pealkirja, et kuvada oma telefoninumber ja täiendavad juhised kasutajatele, kes hõljutavad kursorit ikooni kohal. Aitäh veel kord!

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

    Lihtne parandus ... ütlesite, et soovitate meil "hoida kõik peale tegelike numbrite href väärtuses"

    Olen kindel, et mõtlete "jätke kõik peale tegelike numbrite OUR OF the href väärtuse"

    Vastasel juhul valite lihtsalt hulga kirjavahemärke 🙂

  12. 16
  13. 17

    Aitäh, Douglas! Mis on sotsiaalmeediariba, mida te kasutate? Teie ajaveeb näeb hea välja ja teil on palju suurepärast sisu. Tahaks luua ühenduse Google Plusiga. Aitäh veel kord

  14. 19

    Sellest veerust ei tea ma ikka veel, kuidas telefoninumbrit e-kirjaga saata – mobiiltelefoni, nii et mu ülemus saab seda lihtsalt puudutada ja helistada.

    • 20

      Tere Dee, teie meilitarkvara peab toetama HTML-i ja ülalkirjeldatud hüperlingi lisamise võimalust. See artikkel käsitles rohkem selle kohta, kuidas seda teha mobiiliveebisaidil, mitte meili teel.

  15. 21

    Tere, Douglas, kui hästi see rahvusvaheliste helistajate jaoks töötab? Kas teie arvates on kõige parem kasutada rahvusvahelist (nt +44) numbrit või kohalikku suunakoodi?

  16. 23

    Tere, Kas räsimärki saab kasutada hüperlingina telefonikõne alustamiseks? Ma kuulsin seda eelmisel päeval mainimist, kuid pole seda näinud. Aitäh!

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

    Väga informatiivne õpetus! Tegelikult meeldib mulle rohkem klõpsatava telefoninumbri asemel „kliki helistamiseks vidin”. Pärast tagasihelistamisjälgija pistikprogrammi proovimist oma saidil näen palju rohkem tulemusi võimalusega helistada oma müügivihjetele, selle asemel, et lasta neil mulle helistada. Isiklikult pean seda enamikul saitidel vajalikuks. Siin on link pluginale https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.