Cos’è un tag di ancoraggio?
Un tag di ancoraggio è un tag HTML. È usato per definire l’inizio e la fine di un collegamento ipertestuale. I motori di ricerca usano il tag per determinare l’argomento dell’URL di destinazione. Gli utenti cliccano sul testo di ancoraggio per raggiungere la destinazione del link.
Come costruire un collegamento ipertestuale con un tag di ancoraggio in HTML
<a href="http://www.example.com">My sample page </a>
Un tag di ancoraggio è definito con e consiste di tre parti:
- l’attributo href,
- l’attributo name,
- e l’attributo target.
attributo href
Per creare un hyperlink, la destinazione (indirizzo) del documento deve essere nota. Un hyperlink può collegarsi a pagine del proprio dominio, ad altri siti web, o a un file (come un documento PDF).
Per esempio, per collegarsi alla homepage di Google, il codice è il seguente:
<a href="http://www.google.com">Google Home</a>
Href sta per hypertext reference. Questo attributo definisce l’indirizzo di destinazione del documento che questa volta è collegato (http://www.google.com). Il segno “=” è il collegamento dell’attributo con il valore dell’attributo, per cui “href” è l’attributo e ” http://www.google.com ” è il valore dell’attributo. C’è un apostrofo prima e dopo il valore dell’attributo. La frase definita “Google Home” è conosciuta come testo di ancoraggio o testo del link – questo è ciò che è visibile e cliccabile per l’utente. Un anchor text è idealmente conciso, informativo e pertinente alla landing page.
Se vuoi collegarti internamente ad un’altra parte del tuo sito, non devi specificare l’indirizzo completo, in questo caso il nome del file è sufficiente:
<a href="MyPage.html">My page</a>
Utilizzare l’indirizzo completo potrebbe causare un caricamento più lento della pagina. Vedi anche “Velocità del sito.”
Attributo Name
L’attributo name del tag di ancoraggio può essere usato per permettere agli utenti di “saltare” ad un punto specifico di una pagina (jump marker, ancora). Questo è particolarmente utile con pagine grandi o suddivisioni.
Il codice HTML si presenta così:
<a name="to top"></a> or<a name="Content"></a>Content
Nel primo esempio di codice, ci si collega dal fondo di una pagina all’inizio, così gli utenti possono arrivare rapidamente all’inizio della pagina senza dover scorrere a lungo. Nel secondo esempio, gli utenti possono accedere direttamente a una parte della pagina, per esempio un punto di suddivisione. Cliccando, gli utenti sono guidati tramite l’attributo name direttamente all’argomento.
<a href="#Content">Content</a>
Con la semplice impostazione di un hashtag (#) al nome dell’ancora, il browser può identificare un salto all’interno della pagina.
Si può anche collegare internamente a una posizione specifica su un’altra pagina. Questo sarebbe definito come segue:
<a href="anotherpage.html#name">Linktext</a>
Il “#name” è specificato dopo il nome del file.
Attributo target
L’attributo target specifica come la pagina di destinazione o il documento target dovrebbe essere aperto. “target=” _ blank ” è usato per l’apertura della pagina di destinazione in una nuova scheda. Questa è l’opzione usuale quando si usano gli attributi target per il collegamento ad altre pagine.
<a href="http://www.mypage.com" target="_blank" rel="noopener">Linktext</a>
Attributo Title
L’attributo title dà agli utenti un’importante indicazione su dove saranno diretti quando cliccano su un link. Se l’utente passa con il mouse sopra un riferimento ad un link, il testo del titolo, che è stato definito nell’attributo, sarà visualizzato. Questo può essere un tool tip, o una descrizione della risorsa a cui il link è diretto. I dati dell’attributo title rendono il sito più user-friendly.
L’attributo title può anche essere usato per immagini e file grafici per dare una breve descrizione di ciò che viene mostrato nell’immagine.
<img title="Here you can see a sample image" src="exampleimage.png" alt="sample image">
Importanza per l’ottimizzazione dei motori di ricerca
La stringa “preparation” nel riferimento HTML superiore è il testo del link che è visibile nel testo del corpo di un sito web e può apparire come testo blu o sottolineato, a seconda del layout. Il testo del link è anche chiamato anchor text ed è particolarmente importante dal punto di vista dell’ottimizzazione dei motori di ricerca. L’anchor text fa parte dell’anchor tag.
Gli anchor tag sono un modo essenziale di ottimizzare i documenti HTML per i motori di ricerca. Gli attributi anchor text e title danno agli utenti e ai motori di ricerca più informazioni sul link di destinazione. Come per gli URL puliti, è essenziale effettuare la ricerca delle parole chiave per gli anchor text dei link interni, perché se le parole chiave importanti sono messe qui, questo può avvantaggiare sia gli utenti che i motori di ricerca, portando a migliori classifiche.
La differenziazione tra link interni e link esterni è particolarmente importante per gli anchor tag. Per esempio, non c’è alcuna restrizione sull’uso di parole chiave nell’anchor text per i link interni. I webmaster e i SEO possono collegare direttamente singole parole chiave senza rischiare penalizzazioni da parte dei motori di ricerca. Collegando parole chiave specifiche sul sito web, la rilevanza tematica di una sottopagina può essere rafforzata e quindi il ranking può essere influenzato.
Con i backlink, d’altra parte, l’uso eccessivo di link di parole chiave può portare a una penalizzazione da parte di Google dopo l’implementazione degli aggiornamenti Penguin.
L’attributo title per gli Anchor Tag generalmente non ha effetti diretti sul SEO. Tuttavia, l’uso di attributi ed elementi del titolo su link o immagini può aumentare il click-through rate e quindi influenzare indirettamente i segnali utente che Google riceve dal sito web.