Use o relatributo para definir os tipos de link. Abaixo está um exemplo de configuração do nofollowtipo de link em um elemento HTML:
<a rel=”nofollow” href=”http://amzn.to/1JunkLD“>Buy me a Macbook Pro</a>
Configurando vários tipos de link
Você pode definir mais de um tipo de link.
Basta usar espaços para separar os tipos de link. Se você estiver vinculando a uma página da Web que tenha os tipos de link nofollowe noreferrer, é assim que você faria:
<a rel=”nofollow noreferrer” href=”http://amzn.to/1JunkLD“>Buy me a Macbook Pro</a>
Os tipos de link para hiperlinks
Neste guia, abordaremos apenas os tipos de link para hiperlinks . Existem 12 tipos de links que podem ser definidos em hiperlinks.
O que se segue é uma tabela de tipos de links possíveis e para o que cada tipo de link deve apontar.
Vamos examinar cada tipo de link com mais detalhes. Também mostrarei casos de uso para cada tipo de link.
Tipo de Link alternativo
O alternatetipo de link aponta para outras formas de visualizar a página da web.
Vinculando a outros formatos de arquivo
Você pode ter a página da Web em outro formato. Como um PDF. Ou talvez você tenha uma versão da página para impressão.
Usar o alternatetipo de link informa aos navegadores: Ei, este é o mesmo conteúdo, apenas em um formato diferente. Usar o typeatributo no link também seria útil nesse caso. No bloco de código a seguir, informamos que ambos os hiperlinks vão para uma representação alternativa da página da web. O primeiro link vai para uma versão em PDF da página da web.
O segundo link vai para um arquivo ZIP para download que contém o PDF.
<!– The content in PDF format –> <a rel=”alternate”type=”application/pdf” href=”this-page.pdf”>PDF version</a> <!– Download the web page –> <a rel=”alternate”type=”application/zip” href=”this-page.zip” download>Download this web page</a>
Link para traduções de idiomas
Você pode usar o alternatetipo de link sempre que fizer referência a uma tradução de idioma da página atual. Para maior significado, você pode usar o hreflangatributo para definir o idioma usado na página da Web referenciada.
<!– Read the content in Spanish –> <a rel=”alternate”hreflang=”es” href=”spanish-version.html”>Read this page in Spanish</a> <!– Read the content in Tagalog –> <a rel=”alternate”hreflang=”tl” href=”tagalog-version.html”>Read this page in Tagalog</a>
Tipo de link do autor
O authortipo de link informa ao navegador que o link vai para informações sobre um autor.
Link para o autor de toda a página da Web
<html> <body> <h1>My Web Page</h1> <p>This web page was created by me.</p> <a rel=”author” href=”my-author-bio.html”>About Me</a> </body> </html>
Link para o autor de um artigo
Muitas vezes, apenas partes de uma página da web são do autor. Nesse caso, o authortipo de link deve se referir ao autor que escreveu o conteúdo do articleelemento pai. Nos sites de notícias, o conteúdo principal da página da web é escrito por jornalistas.
Mas as outras coisas na página da web podem ser de autoria de outra pessoa. Os comentários na página da web, por exemplo, são dos leitores do artigo. Esta situação pode ser marcada como tal:
<html> <body> <article> <!– This section was authored by Someone Else –> <h1>An Awesome Guest Post</h1> <p>This article is by Someone Else.</p> <a rel=”author” href=”someone-else.html”>About Someone Else</a> </article> <!– Comments Section –> <h1>Comments</h1> <article> <a rel=”author” href=”commenter.html”>A Commenter</a> <p>This comment was written by A Commenter.</p> </article> </body> </html>