Gerador gratuito de tag de âncora HTML
Gere tags de âncora HTML perfeitamente formatadas com atributos rel, target, class e id personalizados.
Enter a URL and Link Text to generate custom HTML anchor tags.
O que é uma tag âncora HTML?
A tag âncora HTML <a href="..."> é o bloco de construção da web - ela cria hiperlinks entre páginas, documentos e recursos. Embora links simples levem apenas um momento para serem escritos, atribuir links corretamente com os sinais de SEO, atributos de segurança e metadados de acessibilidade corretos requer a compreensão de várias especificações HTML que evoluíram ao longo dos anos.
Atributos de link importantes para SEO
- rel="nofollow": Diz ao Google para não seguir este link ou passar o PageRank (valor do link) através dele. Use para conteúdo não confiável, seções de comentários ou qualquer link que você não possa garantir. Obrigatório para links pagos e anúncios de acordo com as Diretrizes para webmasters do Google.
- rel="patrocinado": O sinal moderno e mais específico para links afiliados, canais pagos e anúncios. O Google introduziu isso em 2019 como uma alternativa mais clara ao nofollow para links comerciais. Use isso para todos os links afiliados em vez de ou junto com o nofollow.
- rel="ugc": marca links que aparecem em conteúdo gerado pelo usuário (comentários, postagens em fóruns, análises). Sinaliza ao Google que você não fez a curadoria manual deste link.
Atributos de link importantes para a segurança
- rel="noopener noreferrer" com target="_blank": Qualquer link que abre em uma nova guia (
target="_blank") cria uma vulnerabilidade de segurança - a nova página pode acessar o objetojanelada página de abertura via JavaScript e redirecioná-lo. O atributorel="noopener noreferrer"fecha esta vulnerabilidade. Nossa ferramenta adiciona isso automaticamente quando você marca a opção "Abrir em uma nova guia".
Práticas recomendadas para texto âncora
O texto clicável visível de um link (texto âncora) é um dos sinais mais fortes do Google para entender do que se trata a página vinculada. Texto âncora descritivo como “melhor software de CRM para pequenas empresas” é significativamente mais valioso do que texto genérico como “clique aqui” ou “saiba mais”. Use texto âncora rico em palavras-chave para links internos, mas varie o fraseado para evitar otimização excessiva.
Perguntas frequentes
Quando devo usar nofollow vs. patrocinado?
Usar rel="nofollow" para conteúdo geral não confiável (por exemplo, comentários de usuários, postagens em fóruns). Use rel="patrocinado" especificamente para links comerciais pagos, links afiliados e anúncios. O Google trata ambos como dicas em vez de diretivas - ele pode ou não escolher seguir links nofollow - mas usar o atributo correto envia sinais mais claros.
É seguro abrir links em uma nova guia sem noopener?
Versões de navegadores mais antigos que não suportam o o comportamento implícito do noopener pode ser vulnerável a ataques de tabnapping via window.opener. Sempre inclua rel="noopener noreferrer" em qualquer link com target="_blank". Nossa ferramenta adiciona isso automaticamente para você - não é opcional.
Para que é usado o atributo title?
O atributo title exibe uma pequena dica de ferramenta quando um usuário passa o mouse sobre o link. Também adiciona contexto para leitores de tela, melhorando a acessibilidade. No entanto, ele não deve substituir o texto âncora descritivo - os usuários de leitores de tela nem sempre ouvirão o atributo title dependendo de suas configurações.
Ferramentas de desenvolvedor entregues gratuitamente
Guias de deep links, dicas de Open Graph e novas ferramentas dev - direto na sua caixa de entrada.
Related Tools
Explore other free tools to build, test, and optimize your links and QR codes.
Código de barras (1D)
Gere, visualize e baixe códigos de barras 1D (Code128, EAN-13, UPC, etc.) instantaneamente em seu navegador.
Rastreador de vários domínios GA4
Gere snippets de código de rastreamento de vários domínios do Google Analytics 4 (GA4) para manter sessões de usuários em vários sites.
Link direto do aplicativo inteligente
Gere scripts de roteamento inteligentes que detectam o sistema operacional do usuário e redirecionam para aplicativos móveis nativos recorrendo a URLs da web.
Meta tag de gráfico aberto
Gere as meta tags HTML Open Graph e Twitter Card perfeitas para otimização de compartilhamento de links de mídia social.
Construtor de links afiliados da Amazon
Limpe URLs confusos da Amazon e gere links de associados perfeitos usando sua tag de afiliado.
Expirador de link e snippet de contagem regressiva
Gere um snippet Javascript para expirar automaticamente um link e redirecionar o tráfego após uma data e hora específicas.