4 min de leituraTutoriais

Como Criar um Link Clicável em Email, Redes Sociais e HTML

Como tornar um link clicável em email, bios de redes sociais, documentos e HTML: transforme texto numa hiperligação, e use um link curto onde os URLs em bruto não ficam clicáveis.

Ana Kowalska
Marketing solutions engineering
Como criar um link clicável: texto simples a transformar-se numa hiperligação com texto âncora e um URL de destino, em email, redes sociais e HTML

Para tornar um link clicável, selecione o texto que quer transformar em link, prima Ctrl+K (Cmd+K no Mac), e cole o URL de destino. Esse único atalho funciona no Gmail, no Google Docs, no Word, no Notion e na maioria dos editores. Em HTML puro, escreve-se à mão: <a href="https://example.com">visit us</a>. Tudo o resto é saber onde as hiperligações funcionam, onde não funcionam, e como tornar o link legível.

Este é um tutorial do cluster de tutoriais. Para a visão mais ampla do que fazer com os links depois de clicáveis (dar marca, rastrear, encaminhar), o artigo principal sobre o que é a gestão de links cobre esse tema.

O Caminho Rápido: Selecionar e Ctrl+K

Quase todos os editores de texto formatado usam o mesmo padrão. Escreva as palavras que quer tornar clicáveis, selecione-as, e prima Ctrl+K (Cmd+K no Mac) ou clique no ícone de corrente na barra de ferramentas. Cole o URL, confirme, pronto.

Alguns editores diferem apenas no botão. O Gmail, o Google Docs e o Word expõem todos um botão de link; o atalho de teclado é a constante. Se colar um URL simples que comece por https:// sozinho numa linha, a maioria das ferramentas deteta-o automaticamente e torna-o clicável sem nada disto, mas o texto âncora com hiperligação lê-se melhor do que um link nu.

A única coisa em que as pessoas costumam falhar é o texto âncora. As palavras visíveis devem descrever o destino.

  • Bom: read the [setup guide](/blog/setup-branded-short-links).
  • Fraco: "clique aqui", que não diz nada nem ao leitor nem a um leitor de ecrã.

Por trás de todos os botões "criar link" está um único elemento HTML. A tag de âncora tem duas partes: o href (para onde vai) e o texto entre as tags (o que o leitor clica).

<a href="https://example.com/pricing">See pricing</a>

É só isto. A referência da MDN para o elemento de âncora documenta o resto (abrir num novo separador com target, atributos rel para segurança). Duas variantes aparecem muito: os links mailto: abrem um email, e os links tel: iniciam uma chamada.

<a href="mailto:[email protected]">Email us</a>
<a href="tel:+15551234567">Call us</a>
A anatomia de uma tag de âncora HTML dividida no URL de destino href e no texto âncora visível que o leitor clica

Aqui está a parte que leva as pessoas a pesquisar. Alguns dos espaços mais valiosos para um link são texto simples, onde nada fica clicável, faça o que fizer.

  • Legendas e comentários do Instagram: não clicáveis.
  • Descrições de vídeo do TikTok: não clicáveis.
  • A maioria do corpo das publicações no feed das redes sociais: não clicável.
  • Materiais impressos, slides e vídeo: obviamente não clicáveis, mas um QR code resolve esses casos.

Nesses locais, um URL em bruto fica ali apenas como texto que o leitor teria de escrever à mão. A solução tem duas partes: colocar o link onde os links funcionam (o espaço de link da bio ou uma página de link na bio), e tornar o URL curto e fácil de memorizar o suficiente para escrever ou reconhecer. Um URL de rastreamento longo não tem hipótese aqui; um link de marca curto tem.

Uma grelha de onde os links são clicáveis, como email e HTML, em comparação com onde são texto simples, como legendas do Instagram e descrições do TikTok, com um link curto ou uma página de bio como alternativa

É exatamente por isso que os tutoriais adicionar um link à bio do Instagram e link na bio do TikTok existem como guias próprios - a plataforma, e não a sua formatação, é o obstáculo.

Depois de o link funcionar, duas melhorias tornam-no ainda melhor. Encurte-o para que fique limpo e fácil de tocar, e dê-lhe marca para que as pessoas confiem nele. Um link curto e de marca é mais fácil de colocar numa bio, de ler em voz alta num vídeo, ou de inserir num SMS do que um URL em bruto com uma query string. Também permite rastrear o clique e reapontar o destino mais tarde sem editar a publicação.

Se estiver a escrever HTML à mão, mantenha o URL em bruto no href e deixe que o texto âncora transporte o significado. Se estiver a colocar links em legendas e bios, aposte num link curto de marca e numa página de bio. O mesmo link, colocado onde pode realmente ser clicado.

Leia a Série do Artigo Principal

Este artigo insere-se no cluster de tutoriais. O artigo principal é o que é a gestão de links. Para o essencial sobre encurtar links, como encurtar um URL é a peça complementar.

Relacionado no Blog

Perguntas frequentes

Como torno um link clicável?

Selecione o texto que quer transformar em link, prima Ctrl+K (Cmd+K no Mac), e cole o URL de destino. Esse atalho transforma o texto selecionado numa hiperligação no Gmail, no Google Docs, no Word e na maioria dos editores. Em HTML puro, envolve o texto numa tag de âncora: <a href="https://example.com">visit us</a>.

Porque é que o meu link não está clicável?

Há duas razões comuns. O texto foi colado como texto simples num local que não converte automaticamente em link, como uma legenda do Instagram ou uma bio do TikTok, onde nenhum URL fica clicável. Ou o URL está mal formado - falta o prefixo https://, que muitos analisadores de texto exigem antes de o transformarem num link.

Como crio um link clicável num email?

Escreva o texto âncora, selecione-o, e use o botão de link da barra de ferramentas ou Ctrl+K para associar o URL. Se colar um URL completo a começar por https:// sozinho, a maioria dos clientes de email deteta-o automaticamente e torna-o clicável, mas o texto âncora com hiperligação parece mais limpo e é mais fácil de tocar.

Como crio um link clicável onde os links não são permitidos, como nas legendas do Instagram?

Não é possível criar uma hiperligação dentro de uma legenda do Instagram ou de uma descrição de vídeo do TikTok - são texto simples. A alternativa é uma página de link na bio ou o único espaço de link da bio, e um link de marca curto e fácil de memorizar que as pessoas podem copiar ou tocar a partir do único lugar onde os links funcionam.

O que é o texto âncora num link clicável?

O texto âncora é o conjunto de palavras visíveis e clicáveis que transportam o link, como "leia o guia" em vez do URL em bruto. Um bom texto âncora descreve para onde o link vai; evite "clique aqui", que não diz nada ao leitor nem à tecnologia de apoio sobre o destino.

Experimente Elido

Cole uma URL, obtenha um link curto

Sem cadastro. O link vive 30 dias. Cadastre-se para mantê-lo para sempre.

Grátis, sem necessidade de registo · 2 por dia

Experimente o Elido

Encurtador de URL hospedado na UE: domínios personalizados, análises profundas e API aberta. Plano gratuito - sem cartão de crédito.

Tags
how to make a clickable link
clickable link
how to make a link clickable
hyperlink
clickable link in email
anchor text

Continuar lendo