Gerador de link HTML

Gerador de link HTML: tags a com rel e target | We.Inc

Gerador de link HTML grátis. Digite uma URL e o texto do link, escolha nova aba, nofollow, sponsored ou ugc e copie uma tag a limpa com os atributos rel corretos.

Gerador de link HTML

Digite o endereço e as palavras em que as pessoas vão clicar, escolha se o link abre em uma nova aba e como os buscadores devem tratá-lo, e esta ferramenta escreve a tag a com os valores rel corretos. Ela faz o escape de caracteres especiais, para que um texto com aspas ou e comercial não quebre a sua página.

Cole o endereço completo para onde o link deve levar, incluindo https://.
Digite o texto do link. Descreva para onde ele leva em vez de escrever clique aqui.
Escolha se ele abre em nova aba e marque como patrocinado, gerado por usuário ou nofollow, se for o caso.
Se quiser, adicione um título ou uma classe e copie a tag para a sua página, post ou e-mail.

Marque links pagos e de afiliado como sponsored. Os buscadores pedem isso, e deixar de marcar pode prejudicar um site.
Use ugc para links que visitantes adicionam em comentários ou fóruns, para não endossá-los.
Links editoriais normais para fontes em que você confia não precisam de nenhum valor rel. Não é preciso colocar nofollow em tudo.
Abrir todo link em nova aba pode irritar os visitantes. Deixe isso para links que interromperiam uma tarefa, como uma página de ajuda dentro de um formulário.
Escreva textos de link que façam sentido sozinhos. Quem usa leitor de tela muitas vezes pula de link em link e ouve só o texto.

Perguntas frequentes

Qual é o código HTML de um link?

Um link é uma tag a: <a href="https://example.com">Example</a>. O href guarda o endereço, e o texto entre as tags é o que as pessoas clicam.

Como faço um link abrir em nova aba?

Adicione target="_blank". A ferramenta também adiciona rel="noopener", que impede a nova página de assumir o controle da página que a abriu. Os navegadores atuais já fazem isso por padrão, mas adicionar não custa nada e protege os mais antigos.

Qual a diferença entre nofollow, sponsored e ugc?

sponsored marca links pagos ou de afiliado, ugc marca links adicionados por usuários, e nofollow é a indicação geral para links que você não quer endossar. Dá para combinar, por exemplo rel="sponsored nofollow".

O nofollow impede os buscadores de visitar a página?

Não necessariamente. Os buscadores tratam esses valores como dicas sobre o link, não como bloqueio. Para manter uma página fora dos resultados, use uma tag noindex nessa página.

Por que a ferramenta troca & por &?

No HTML, & inicia uma referência de caractere, então um & solto em um endereço ou texto pode ser mal interpretado. Escrever & é a forma segura, e os navegadores o transformam de volta em & ao seguir o link.

O que o atributo rel diz aos buscadores

Um link simples é um voto de confiança: você está dizendo a leitores e buscadores que a página vale a visita. O atributo rel qualifica esse voto. sponsored diz que o link existe por causa de pagamento, ugc diz que um visitante o adicionou, e nofollow diz que você prefere não repassar confiança.
Usar isso direito protege o seu site. Vender links sem marcá-los vai contra as diretrizes dos buscadores, e links sem marcação em áreas de comentários atraem spam. Marque o que precisa ser marcado e deixe limpos os links editoriais comuns.

Links que funcionam para todo mundo

Um bom texto de link é curto e específico: baixar a tabela de preços é melhor que clique aqui, porque diz o que vai acontecer antes do clique. Também dá aos buscadores uma ideia clara da página que você está linkando.
Use endereços completos com https:// ao colar links em e-mails ou em outros sites, já que um endereço relativo só funciona nas suas próprias páginas. Se o link leva a um arquivo, informe o formato e o tamanho no texto, como tabela de preços (PDF, 200 KB), para ninguém se surpreender com um download.

Gerador de link HTML