Definizione
Anchor tag sono tag HTML che vengono utilizzati per creare collegamenti ipertestuali. Link e collegamenti ipertestuali formano la base della navigazione sul web e sono ciò su cui si clicca per spostarsi da una pagina all’altra di un sito web. Praticamente qualsiasi elemento di una pagina può essere avvolto da tag di ancoraggio e trasformato in un link, dal testo semplice alle immagini e altri elementi HTML.
Attributi di un tag di ancoraggio
Il tag HTML <a>, conosciuto anche come tag di ancoraggio, accetta una serie di attributi diversi. Gli attributi HTML sono dati aggiunti al tag per fornire informazioni aggiuntive. La maggior parte sono opzionali, ma alcuni sono richiesti. Il tag di ancoraggio richiede un attributo href come minimo, ma ci sono molti altri attributi opzionali.
Un esempio di un tag di ancoraggio HTML che usa diversi attributi potrebbe essere come questo:
<a href="www.google.com" name="google_link" target="_blank" title="Link to Google">Link to Google</a>
Attributo Href
L’attributo href è richiesto, poiché è quello che crea il link. Href sta per hypertext reference e contiene l’URL a cui mandare gli utenti quando cliccano sul link. Nell’esempio sopra, questo è www.google.com.
Attributo Name
L’attributo name è ora obsoleto da HTML5, e invece, si consiglia di usare l’attributo id. Prima di HTML5, l’attributo name e id erano intercambiabili. Erano usati per dare ad un elemento un nome per identificarlo per l’uso altrove, come in CSS o javascript.
Attributo target
L’attributo target è usato per descrivere come l’utente sarà inviato alla pagina nel link. I due valori più comuni sono:
- “_self”, che è l’opzione predefinita se non altrimenti specificato, e invia gli utenti al link all’interno dello stesso contesto di navigazione, di solito una scheda.
- “_blank” apre il link in una nuova finestra o scheda. Questo è tipicamente usato per collegarsi a pagine esterne.
Altri attributi di destinazione includono “_parent” e “_top”, anche se questi sono usati raramente ed erano generalmente applicabili quando gli iframe erano ampiamente usati, che sono poi caduti in disgrazia. Permettevano agli sviluppatori di aprire un link in un frame padre o nel frame più in alto di una pagina.
Title attribute
L’attributo title è usato per fornire un nome al link. Questo nome verrà mostrato in diversi contesti, per esempio quando un utente passa il mouse sul link, e quando un utente con uno screen reader evidenzia il tag di ancoraggio. Questo è considerato opzionale ma è raccomandato per scopi di accessibilità.
Attributi aggiuntivi
Il tag di ancoraggio supporta attributi aggiuntivi. Alcuni di questi sono comuni ad altri tag HTML, come ‘class’ e ‘id’, ma alcuni sono unici per il tag anchor. Si applicano tipicamente a casi d’uso molto specifici.
Attributo download
Questo fornisce un suggerimento al browser che il link dovrebbe attivare un download del contenuto collegato, piuttosto che navigare verso di esso. Può essere lasciato vuoto, nel qual caso sarà usata una best-guess per specificare il nome del file, ma qualsiasi valore inserito nel tag download sarà usato per il nome del file suggerito.
attributo hreflang
Questo attributo HTML può essere usato per specificare versioni in lingue alternative della rispettiva pagina web. Questo sarà un valore, come “fr” per il francese o “en-GB” per l’inglese britannico. Hreflang può essere utile per fornire un contesto aggiuntivo per i motori di ricerca e prevenire contenuti duplicati.
attributo rel
L’attributo HTML rel permette di specificare una relazione tra due pagine. Questo accetta una serie di valori, tra cui “canonical”, “external” e “help”. Questi alludono a certi comportamenti, come il link inteso come la versione canonica di una pagina, un link esterno al di fuori del controllo del sito web, o che il link contiene maggiori informazioni sul link corrente.
Importanza per l’ottimizzazione dei motori di ricerca
I tag di ancoraggio sono fondamentali per come funziona il web e diversi attributi all’interno del tag di ancoraggio sono particolarmente utili per quanto riguarda il SEO. I siti multilingue sono altamente raccomandati per sfruttare l’attributo hreflang. Inoltre, è una best practice SEO comune usare un link rel=canonical per designare le versioni canoniche delle pagine. Altrimenti, i motori di ricerca possono considerare le diverse versioni URL della stessa pagina (ad esempio a causa di parametri URL) come contenuto duplicato che può avere un impatto negativo sul posizionamento nei motori di ricerca.
L’attributo rel può anche contenere valori come “nofollow”. Nofollow specifica che la pagina collegata non dovrebbe essere seguita e scansionata dai motori di ricerca.
In sintesi: FAQS sui tag di ancoraggio
A cosa servono i tag di ancoraggio?
I tag di ancoraggio sono usati per trasformare testo, immagini o altri elementi HTML in collegamenti ipertestuali.
Come si crea un tag di ancoraggio?
Puoi creare tag di ancoraggio in HTML, usando il tag <a> combinato con uno o più attributi.
Quali sono gli attributi più importanti di un tag di ancoraggio?
Gli attributi più importanti sono:
- Href
- Nome
- Target
- Titolo
Come influiscono i tag di ancoraggio sul SEO?
I tag di ancoraggio sono rilevanti per il SEO in quanto possono essere utilizzati, ad esempio, per creare link canonici al fine di evitare contenuti duplicati.
Link correlati
- https://www.w3schools.com/tags/tag_a.asp
Articoli simili
- Tag canonico