Numéros de téléphone de lien hypertexte avec balises d’ancrage

Au travail, nous nous asseyons souvent devant un ordinateur portable ou un ordinateur de bureau pour afficher nos sites Web d’entreprise sur un grand écran… mais si vous jetez un coup d’œil aux visites mobiles sur votre site Web, vous serez peut-être surpris que la majorité des visiteurs arrivent via mobile. dispositif. Si vous commencez à ventiler votre trafic par source de référence, vous serez probablement encore plus surpris que les utilisateurs des moteurs de recherche soient majoritairement mobiles.

63 % des recherches sur les moteurs de recherche aux États-Unis se font via les technologies mobiles

Zippia Mobile vs Desktop Statistiques

Alors que les entreprises voient désormais une part importante de leurs visiteurs arriver via des appareils mobiles, avoir un site Web prêt pour le mobile n’est plus une option, c’est une nécessité.

Un élément souvent négligé lors de la conception d’une expérience mobile est lien hypertexte vers vos numéros de téléphone dans HTML afin que les utilisateurs mobiles puissent simplement cliquer dessus et démarrer un appel téléphonique. Les balises d’ancrage sont les balises actionnables que les navigateurs interprètent et permettent aux utilisateurs de cliquer. Une balise d’ancrage typique pour un site Web est :

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

Une balise d’ancrage qui ouvre un e-mail est :

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

Avec mailto, vous pouvez éventuellement inclure l’objet et le corps de l’e-mail dans le lien. Je m’assurerais cependant que vous encodez le texte en URL. Certains navigateurs se cassent sur un espace :

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

Numéro de téléphone : cliquez pour appeler le lien hypertexte

La syntaxe pour créer un lien hypertexte vers un numéro de téléphone en HTML est similaire à la syntaxe mailto, en utilisant simplement tél : Au lieu:

<a href="https://feed.martech.zone/link/8998/15431472/tel:+13172039800">Click here to call us!</a>

La syntaxe de votre numéro de téléphone n’a pas vraiment d’importance. J’ai testé la valeur avec et sans signes plus, parenthèses, points et tirets et tout semble fonctionner à la fois sur iPhone et Android.

J’essaie de garder les choses propres en supprimant tout sauf les chiffres. Je recommanderais également d’inclure le code du pays dans le numéro de téléphone avec le signe plus – surtout si vous attirez des entreprises à l’international.

Lorsque nous optimisons les sites de nos clients, nous nous assurons que toutes les instances de numéros de téléphone sont liées par des hyperliens. S’il s’agit d’un appel à l’action, nous formatons généralement le lien sous la forme d’un bouton pour qu’il soit très évident qu’il peut être cliqué.

Numéro de téléphone : cliquez sur le lien hypertexte

Vous pouvez également avoir un lien hypertexte qui génère automatiquement un SMS message:

<a href="https://feed.martech.zone/link/8998/15431472/sms:+13172039800">Click here to text us!</a>

Vous pouvez également inclure un message :

<a href="https://feed.martech.zone/link/8998/15431472/sms:+13172039800?&body=Hello">Click here to text us!</a>

Comment capturer un clic sur un numéro de téléphone dans Analytics

Nous veillons également à capturer ces événements dans Google Analytics ! Si vous souhaitez mesurer le nombre de personnes qui cliquent sur ces liens, vous pouvez lire notre article sur la façon de ajouter un événement Google Analytics à l’aide de Google Tag Manager.