Che cos’è “rel =”? / Come usarlo

Che cos’è “rel =”?
In HTML “rel” definisce la relazione tra il documento che lo utilizza / risorsa collegati.
rel sta per “relazione”.
L’attributo rel in genere spiega perché (o in che modo) si sta collegando a qualcos’altro.

Che cos’è rel = amphtml?
L’uso di rel = amphtml definisce una versione AMP del contenuto corrente.
La definizione dell’URL della pagina AMP consente a Google di scoprire la versione AMP della pagina corrente.

<link rel="amphtml" href="https://sitoweb.com/amp-page.html">

Che cos’è rel = apple-touch-icon?
L’uso di rel = apple-touch-icon definisce un’immagine da utilizzare sui dispositivi Apple che rappresenta quella pagina o quel sito.

<link rel="apple-touch-icon" href="/custom_icon.png">

Che cos’è rel = author?
L’uso di rel = author indica che un collegamento punta a informazioni sull’autore di una pagina o di un articolo.
Stabilisce una relazione di collegamento tra la pagina in cui è stata trovata e il documento di riferimento sull’autore.

<a href="/author-page.html" rel="author">link text</a>

Che cos’è rel = canonical?
L’uso di rel = canonical definisce un URL preferito per i motori di ricerca.
Migliora i segnali di collegamento e classificazione per i contenuti disponibili attraverso più URL.
Gli URL canonici risolvono problemi di contenuto duplicato.

<link rel="canonical" href="https://sitoweb.com/main.html" />

Che cos’è rel = dns-prefetch?
È un modo per velocizzare le pagine Web pre-risolvendo il DNS.
L’uso di rel = dns-prefetch suggerisce che un browser dovrebbe risolvere il DNS di un dominio specifico prima che venga chiamato esplicitamente.

<link rel="dns-prefetch" href="https://cdn.sitoweb.com">

Che cos’è rel = nofollow?
L’uso di rel = nofollow dice ai crawler dei motori di ricerca di non seguire un link.
Indica che un collegamento non è approvato dall’autore o editore originale della pagina.
Viene utilizzato anche quando viene incluso un collegamento a causa di una relazione commerciale (a pagamento).

<a href="example.com" rel="nofollow">link text</a>