Link A Href: Cosa Sono e Come Usarli

Cos’è un Link A Href?

Un “link a href” (o “link href”) è codice HTML che utilizza un tag <a> e l’attributo href per creare un collegamento ipertestuale cliccabile.

Ad esempio, questo link href crea il collegamento ipertestuale “Semrush”:

Esistono altri tipi di link HTML (ad esempio, il tag <link>). E altri modi per creare collegamenti ipertestuali (ad esempio, con JavaScript). Ma la maggior parte dei link viene creata utilizzando tag <a>, noti anche come tag anchor o elementi anchor.

Gli elementi anchor sono definiti dal tag di inizio <a> e dal tag di fine </a>.

L’attributo href (attributo di riferimento ipertestuale) definisce la destinazione o il target del link. Questo è spesso un URL di una pagina web. Ma ci sono altri valori possibili.

I tag anchor dovrebbero anche includere contenuto anchor—il contenuto a cui è collegato il link. In molti casi, si tratta di testo anchor (ad esempio, “Semrush”). Ma può essere un elemento HTML, come un’immagine.

Il tuo sistema di gestione dei contenuti (CMS) potrebbe avere strumenti che eliminano la necessità di codificare manualmente i link a href. Ma è utile capire come funzionano dietro le quinte.

Consiglio: Controlla i problemi di link e altri problemi tecnici sul tuo sito con lo strumento Site Audit di Semrush. Puoi analizzare fino a 100 URL gratuitamente.

Perché i Link Href Sono Importanti?

I link href sono importanti perché sono il modo più comune per creare collegamenti ipertestuali. E i collegamenti ipertestuali aiutano gli utenti e i crawler web a navigare in internet e accedere alle risorse digitali.

Esistono due tipi principali di collegamenti ipertestuali che puoi aggiungere al tuo sito web: link interni e link esterni. E i link a href ti permettono di creare entrambi.

I link interni sono collegamenti ipertestuali a posizioni o risorse sul tuo dominio.

Esempi includono:

• Link di navigazione ad altre pagine del tuo sito
• Link contestuali ad altre pagine del tuo sito
• Link anchor (o link di salto) sulle tue pagine
• Link a file (ad esempio, ebook) sul server del tuo dominio

Utilizzando efficacemente i link interni, incoraggi gli utenti a esplorare il tuo sito. Questo potrebbe significare che sono più propensi a effettuare un acquisto, condividere il tuo contenuto o intraprendere un’altra azione desiderabile.

Inoltre, i link interni aiutano Google a scoprire le pagine sul tuo dominio. E a capire come si collegano tra loro. Questo può portare a classifiche più alte nelle pagini dei risultati dei motori di ricerca (SERP).

I link esterni (o link in uscita) sono collegamenti ipertestuali a posizioni o risorse al di fuori del tuo dominio.

Utilizzati correttamente, i link esterni aggiungono valore al tuo contenuto.

Ad esempio, puoi costruire fiducia collegandoti a fonti affidabili. O condividere uno strumento utile non disponibile sul tuo sito.

John Mueller di Google afferma che i link esterni a siti affidabili non aiutano con le classifiche del sito web. Ma molti professionisti SEO credono che lo facciano.

5 Migliori Pratiche per i Link A Href

Quando crei link a href, segui queste migliori pratiche per assicurarti che i tuoi collegamenti ipertestuali funzionino correttamente. E per massimizzare i benefici per il tuo sito.

1. Scegli il Valore Giusto per l’Attributo Href

Il valore dell’attributo href è la destinazione del link. Questo può essere una pagina web, una parte di una pagina web, un file, un indirizzo email o un numero di telefono, ad esempio.

La destinazione del link viene posizionata tra le virgolette dell’attributo href, come segue:

Esploriamo i principali tipi di valori href:

URL Relativi

Un URL relativo è un percorso verso una risorsa sullo stesso sito web.

Ad esempio, il logo del blog Semrush ha il valore href “/blog/”:

Alcuni sviluppatori web utilizzano URL relativi per tutti i link interni. Perché sono concisi. E possono ancora funzionare dopo una migrazione del sito.

Tuttavia, raccomandiamo di utilizzare URL assoluti per scopi SEO.

URL Assoluti

Un URL assoluto è il percorso completo di un URL, inclusi protocollo, dominio e eventuali percorsi o parametri aggiuntivi.

Ad esempio:

Dovrai utilizzare URL assoluti quando aggiungi link esterni.

Ma sono anche utili per i link interni. Perché puoi sempre collegarti all’ URL canonico—la versione preferita di una pagina duplicata.

Questo elimina qualsiasi ambiguità o confusione per i motori di ricerca. Quindi può aiutare il tuo SEO.

In un video di Google, John Mueller ha detto che collegarsi agli URL canonici “probabilmente ha un po’ più di senso, perché allora non devi preoccuparti di cose come l’accesso alla versione non-WWW del tuo sito web.”

Link Anchor

I link anchor (o link di salto) sono collegamenti a diverse parti della stessa pagina.

Ad esempio, tutti i link nella tabella dei contenuti di questo articolo sono link anchor.

Per creare un link di salto, assegna all’elemento a cui vuoi collegarti un attributo id (id=”nome-id”).

Come questo:

Poi, crea il link utilizzando #nome-id come valore href.

Come segue:

In alternativa, usa href=”#top” o href=”#” per creare un salto all’inizio della pagina.

Link Mailto

L’attributo href=”mailto:” crea un link mailto che apre una nuova email nel programma di posta dell’utente.

Viene tipicamente utilizzato in combinazione con un indirizzo email target.

Ad esempio, abbiamo un link href come questo nel footer del nostro sito:

Cliccando sul collegamento ipertestuale, si crea una bozza di email come questa:

Puoi anche aggiungere parametri come una riga di oggetto, contenuto del corpo e indirizzo CC al codice a href.

Supponiamo che tu voglia che i candidati per un lavoro invino il loro curriculum a jobs@example.com con la riga di oggetto “Ruolo Sviluppatore Web.”

Per renderlo più facile, potresti aggiungere un link HTML come questo:

Nota che “%20” viene utilizzato al posto degli spazi. Questo è un esempio di codifica URL—un processo che aiuta a garantire che i parametri funzionino correttamente.

Link Tel

Per creare un link tel, utilizza l’attributo href=”tel:” in combinazione con il numero di telefono.

Come segue:

Quando l’utente clicca sul collegamento ipertestuale su un dispositivo compatibile, aprirà il numero nella loro app di composizione. Rendendo facile per loro chiamarti.

2. Usa Altri Attributi del Tag Anchor

L’attributo href è importante in un elemento anchor perché definisce la destinazione del link. Ma puoi aggiungere altri attributi del tag anchor per determinare cosa succede quando l’utente clicca sul link.

Questi attributi possono anche aiutare i motori di ricerca a capire i tuoi link. E quindi beneficiare il tuo SEO.

Ecco una panoramica rapida dei più comuni:

Attributo Anchor	Scopo	Esempio di Tag Anchor
Download	Indica al browser di scaricare la risorsa collegata invece di aprirla. Includi un nome file descrittivo tra le virgolette.	<a href=”example.pdf” download=”Filename”>Scarica </a>
Rel	Informare i motori di ricerca sulla relazione del tuo sito con la risorsa collegata. Ad esempio, rel=“nofollow” chiede ai motori di ricerca di evitare di trattare il link come un’endorsement della pagina collegata. (Questo è un concetto importante nel link building.)	<a href=”https://www.example.com/” rel=”nofollow”>Testo Anchor</a>
Target	Indica al browser dove aprire il link. Ad esempio, target=”_blank” apre la risorsa in una nuova scheda o finestra. Mentre target=”_self” la mantiene nello stesso frame.	<a href=”https://www.semrush.com/” target=”_blank”>Semrush</a>
Title	Mostra un tooltip quando l’utente passa il mouse sul link. Includi il testo del tooltip tra le virgolette.	<a href=”https://www.semrush.com/” title=”Homepage Semrush”>Semrush</a>

Consiglio: Certi tipi di link da altri siti (backlink) possono beneficiare il tuo SEO. Con lo strumento Backlink Analytics di Semrush, puoi facilmente analizzare i tuoi backlink e confrontarli con quelli dei concorrenti.