Links

Atualizado em 1.1.2011

Links permitem que o usuário se desloque de uma página para outra localizada em diferente URL (no mesmo ou em outro site), através de uma estrutura hipertextual de informações. Para ferramentas de busca como o Google, o número de links na internet que apontam para um arquivo sinaliza a sua relevância.

Na maior parte das vezes quando os usuários selecionam um link têm a opção de abrir uma página nova ou uma nova banda, ou tab, no browser. Neste momento, quanto maior a sua satisfação, mais se sente em controle sobre o percurso e a sua confiança para se deslocar na estrutura de informações de um site, portal ou conjunto de sites se mantém. Exemplo

Em cada página web, os links devem ser sinalizados claramente e sua funcionalidade ficar aparente na página. Algumas práticas otimizam a sua criação em interfaces online:

Os links devem ser sinalizados claramente e sua funcionalidade ficar aparente na página e no meio de um texto.

Normalmente são associados a textos sublinhados – textos comuns, destacados com sublinhado apenas como estilo de tipologia são confundidos com links e devem ser evitados.

Os links visitados devem ter cores ligeiramente diferentes dos demais links, o que ajuda o usuário a identificar o percurso percorrido numa lista de links. Exemplo

Este recurso é especialmente útil quando os links estão localizados em listas, como no resultado de uma busca, por exemplo.

Os links que abrem mensagem no programa de email com o endereço do destinatário também devem ter sinalização especial – se o usuário está usando um equipamento que não é o seu, pode gerar uma mensagem com o endereço e o remetente errado.

Links que apontam para a mesma página (âncoras) também devem ser sinalizados. O usuário pode ter o seu sentido de localização confundido, sem saber se está ou não na mesma página do link. Exemplo

Links que apontam para comandos (como realizar buscas ou compras) devem descrever claramente a ação que realizam e ser mais explicativos do que os botões.

O formato e tamanho do arquivo nos links para arquivos de vídeo e som, ou arquivos para download, também devem ser sinalizados. Exemplo

Menus com os itens escondidos devem ser sinalizados (com setinhas, pore exemplo), para que o usuário não passe por eles sem saber que estão lá. Exemplos

Links em forma de banners não devem ser parte da navegação prioritária, pois são confundidos com anúncios que conduzem para sites externos aos da página onde estão publicados.

Quanto menos links o usuário precisar selecionar para chegar à informação que procura, mais eficiente é a estrutura. A estrutura de navegação define o grau de facilidade de localização das informações pelos usuários.

Páginas mais profundas na estrutura de informações devem ter chamadas ou menus na Principal ou páginas próximas, de forma a facilitar a sua localização.


Além de relacionados à usabilidade das páginas web e móveis, os links têm também forte conexão com o conteúdo editorial.

Links são identificados visualmente pelos programas navegadores. Já os programas de leitura de tela, usados por pessoas com deficiências físicas, os diferenciam dos textos comuns associando a sua leitura a uma voz diferente. Os usuários podem também usar a tecla "tab" para passear entre links ou pedir ao programa para ler apenas os links das páginas (sem ler o restante dos textos).

A capacidade de identificação dos links pelos diferentes programas que atuam na web permite às ferramentas de busca que classifiquem as páginas baseadas na frequência da sua incidência.


Assuntos relacionados
Links para indexação
Links e fraudes
Arquitetura da informação
Acessibilidade

Referências sobre a criação de links
1) Where should you put the links? A comparison of four locations (Software Usability Resarch Laboratory, Whichita State University, acesso em1.2.2009)
To link or not to link? (e-consultancy, acesso em 2.11.2008)
2) Reduce bounce rates: Fight for the second click (Alertbox, acesso em 5.8.2008)
Command links, de Jakob Nielsen, sobre a diferenciação entre links de textos e de comandos de ações da interface web (UseIt, 14.5.2007)

Mais informação sobre o assunto (links externos)
Web developer basics: Link relations In HTML5 - dicas de código para criar links entre arquivos (internet.com, acesso em 1.1.2011)
Avoid within-page links - sobre situações em que os links para a mesma página (âncoras) podem ser usados sem confundir o usuário (UseIt, acesso em 28.2.2006)

Avellar e Duarte no Twitter Avellar e Duarte no Facebook