Links HTML bem usados: usabilidade, protocolos e SEO
Links HTML ligam conteúdos, ativam ações em dispositivos e enviam sinais claros aos motores de busca. Os quatro blocos cobrem os tipos de link mais comuns em projetos web.
Ligar destinos internos com clareza
Aqui o texto do link pesa mais. O destino ou a ação devem ficar claros à primeira vista.
Abrir telefone, email e mapas de forma direta
tel:, mailto: e geo: encaixam em ações diretas. aria-label acrescenta contexto claro a rótulos curtos.
Abrir referências externas de forma consciente
Um novo separador encaixa sobretudo em referências, ferramentas ou contextos de trabalho separados. noopener noreferrer acrescenta segurança à navegação.
Saltar em páginas longas com âncoras
As âncoras levam diretamente a uma secção e dão direção clara a páginas longas.
Pontos-chave
- O texto do link nomeia com clareza o destino ou a ação
- O protocolo corresponde à ação esperada
- Novos separadores são usados de forma consciente
- Os números de telefone têm formatação limpa
- Os links continuam compreensíveis para leitores de ecrã