HTML: link numero di telefono cliccabile

HTML: link numero di telefono cliccabile

Spesso e volentieri navigando con il telefonino ci capita di cercare il numero di telefono di un’attività, di un bar, un ristorante per avere informazioni, prenotare un tavolo o altro.

La scomodità può essere quella di dover selezionare la parte di testo contenente il numero di telefono, incollarlo nella barra del telefono ed avviare la chiamata. Non sarebbe più comodo chiamare direttamente da browser?

NOTA IMPORTANTE

Ci capita troppo spesso di vedere il nostro cellulare all’interno dei VOSTRI siti web, si invita chiunque prenda spunto dalla nostra guida a lasciare un commento per ringraziare del contenuto gratuito e sopratutto a modificare il numero di telefono!

grazie.

HTML: come rendere il numero di telefono cliccabile per effettuare una chiamata diretta da cellulare

La procedura è molto semplice.

Prendiamo in esame il numero di cellulare per contattare la nostra attività, quindi +393319240000. Scritto in questo modo non è cliccabile perciò come spiegato sopra sarebbe una procedura lunga e scomoda. Abbiamo scoperto che l’utente medio è pigro nella navigazione e vuole tutto e subito. E’ opportuno quindi rendere cliccabile il numero per poter fare una telefonata.

HTML: codice per un link con la chiamata diretta per cellulare

Il codice HTML da inserire è questo:

<a href=”tel:+393319240001″>chiama +393319240001</a>

Prendiamo in esame i dettagli del codice:

href sta a significare l’azione che noi vogliamo dare al link, quindi tel:+393319240001. Il codice tel sta per telefonata, a seguire i due punti e per finire il numero di telefono da chiamare.

In seguito viene inserito il testo che l’utente dovrà visualizzare, in questo caso “chiama +393319240000”.

Quando copiate ed incollate il codice nel vostro sito web, ricordatevi di sostituire il cellulare in questione con il vostro numero di telefono!

Avremo dunque il link cliccabile in questo modo: chiama +393319240001

Molto importante è inserire il prefisso italiano +39, così che anche dall’estero sarà possibile fare una telefonata diretta.

HTML: inserire microdata in un link cliccabile per la chiamata diretta da cellulare

Per migliorare l’indicizzazione da parte dei motori di ricerca e attivare eventuali funzioni supplementari del browser è opportuno aggiungere al codice sopra descritto, delle informazioni semantiche aggiuntive, chiamate microdata.

Vediamone un esempio:

<div itemscope itemtype=”https://socialsitiwebfano.it/“> <h1 itemprop=”name”>Social Media Siti Web Fano</h1> Telefono: <span itemprop=”telephone”><a href=”tel:+393319240001″>chiama +393319240001</a></span> </div>

HTML: codice per un link con la chiamata diretta attraverso Skype

Il codice HTML da inserire è questo:

<a href=”callto:+393319240001″>chiama +393319240001</a>

Prendiamo in esame i dettagli del codice:

Come la chiamata diretta per cellulare o telefonino in generale, href sta a significare l’azione che noi vogliamo dare al link, quindi callto:nomeutenteskype. Il codice callto sta per chiamata attraverso Skype, a seguire i due punti e per finire il nome utente skype che si vuole far chiamare.

In seguito viene inserito il testo che l’utente dovrà visualizzare, in questo caso “chiamaci su Skype”.

HTML: codice per un link con l’invio diretto di un email

Il codice HTML da inserire è questo:

<a href=”mailto:info@socialsitiwebfano.it”>Inviaci un email</a>

Prendiamo in esame i dettagli del codice:

href sta a significare l’azione che noi vogliamo dare al link, quindi mailto:info@socialsitiwebfano.it. Il codice mailto sta per invio mail, a seguire i due punti e per finire l’indirizzo mail al quale inviare il messaggio.

In seguito viene inserito il testo che l’utente dovrà visualizzare, in questo caso “Inviaci un email”.

Avremo dunque il link cliccabile in questo modo: Inviaci un email.

Se ti è piaciuto l’articolo o hai altri dubbi, commenta qui sotto e condividilo. Grazie