Links A Href: O que São e Como Usá-los

O que é um Link A Href?

Um “link a href” (ou “link href”) é um código HTML que usa uma tag <a> e o atributo href para criar um hiperlink clicável.

Por exemplo, este link href cria o hiperlink “Semrush”:

Existem outros tipos de links HTML (por exemplo, a tag <link>). E outras maneiras de criar hiperlinks (por exemplo, com JavaScript). Mas a maioria dos links é criada usando tags <a>, também conhecidas como tags de âncora ou elementos de âncora.

Os elementos de âncora são definidos pela tag de início <a> e pela tag de fim </a>.

O atributo href (atributo de referência de hipertexto) define o destino ou alvo do link. Isso geralmente é uma URL de página web. Mas há outros valores possíveis.

As tags de âncora também devem incluir conteúdo de âncora—o conteúdo ao qual o link está anexado. Em muitos casos, isso é texto de âncora (por exemplo, “Semrush”). Mas pode ser um elemento HTML, como uma imagem.

Seu sistema de gerenciamento de conteúdo (CMS) pode ter ferramentas que eliminam a necessidade de codificar links a href manualmente. Mas é útil entender como eles funcionam nos bastidores.

Dica: Verifique problemas de links e outros problemas técnicos no seu site com a ferramenta Site Audit da Semrush. Você pode rastrear até 100 URLs gratuitamente.

Por que os Links Href São Importantes?

Os links href são importantes porque são a maneira mais comum de criar hiperlinks. E os hiperlinks ajudam usuários e rastreadores da web a navegar pela internet e acessar recursos digitais.

Existem dois tipos principais de hiperlinks que você pode adicionar ao seu site: links internos e links externos. E os links a href permitem que você crie ambos.

Links internos são hiperlinks para locais ou recursos no seu domínio.

Exemplos incluem:

• Links de navegação para outras páginas do seu site
• Links contextuais para outras páginas do seu site
• Links de âncora (ou links de salto) nas suas páginas
• Links para arquivos (por exemplo, ebooks) no servidor do seu domínio

Ao usar links internos de forma eficaz, você incentiva os usuários a explorar seu site. Isso pode significar que eles são mais propensos a fazer uma compra, compartilhar seu conteúdo ou realizar outra ação desejável.

Além disso, os links internos ajudam o Google a descobrir páginas no seu domínio. E entender como elas se encaixam. Isso pode levar a classificações mais altas nas páginas de resultados de motores de busca (SERPs).

Links externos (ou links de saída) são hiperlinks para locais ou recursos fora do seu domínio.

Usados corretamente, os links externos adicionam valor ao seu conteúdo.

Por exemplo, você pode construir confiança linkando para fontes confiáveis. Ou compartilhar uma ferramenta útil que não está disponível no seu site.

John Mueller, do Google, afirma que links externos para sites respeitáveis não ajudam nas classificações do site. Mas muitos profissionais de SEO acreditam que sim.

5 Melhores Práticas para Links A Href

Ao criar links a href, siga estas melhores práticas para garantir que seus hiperlinks funcionem corretamente. E beneficiem seu site o máximo possível.

1. Escolha o Valor Certo para o Atributo Href

O valor do atributo href é o destino do link. Isso pode ser uma página web, parte de uma página web, arquivo, endereço de e-mail ou número de telefone, por exemplo.

O destino do link é colocado entre as aspas do atributo href, assim:

Vamos explorar os principais tipos de valores href:

URLs Relativas

Uma URL relativa é um caminho para um recurso no mesmo site.

Por exemplo, o logotipo do blog Semrush tem o valor href “/blog/”:

Alguns desenvolvedores web usam URLs relativas para todos os links internos. Porque elas são concisas. E ainda podem funcionar após uma migração de site.

No entanto, recomendamos usar URLs absolutas para fins de SEO.

URLs Absolutas

Uma URL absoluta é o caminho completo para uma URL, incluindo o protocolo, domínio e quaisquer caminhos ou parâmetros adicionais.

Por exemplo:

Você precisará usar URLs absolutas ao adicionar links externos.

Mas elas também são úteis para links internos. Porque você pode sempre linkar para a URL canônica—a versão preferida de uma página duplicada.

Isso remove qualquer ambiguidade ou confusão para os motores de busca. Então, pode ajudar no seu SEO.

Em um vídeo do Google, John Mueller disse que linkar para URLs canônicas “provavelmente faz um pouco mais de sentido, porque então você não precisa se preocupar com coisas como acessar a versão não-WWW do seu site.”

Links de Âncora

Links de âncora (ou links de salto) são links para partes diferentes da mesma página.

Por exemplo, todos os links na tabela de conteúdos deste artigo são links de âncora.

Para criar um link de salto, dê ao elemento que você quer linkar um atributo id (id=”nome-do-id”).

Assim:

Em seguida, crie o link usando #nome-do-id como o valor href.

Assim:

Alternativamente, use href=”#top” ou href=”#” para criar um salto para o topo da página.

Links Mailto

O atributo href=”mailto:” cria um link mailto que abre um novo e-mail no programa de e-mail do usuário.

Ele é tipicamente usado em combinação com um endereço de e-mail alvo.

Por exemplo, temos um link href assim no rodapé do nosso site:

Clicar no hiperlink cria um rascunho de e-mail assim:

Você também pode adicionar parâmetros como linha de assunto, conteúdo do corpo e endereço de CC ao código a href.

Digamos que você queira que candidatos a vagas enviem seu currículo para jobs@example.com com a linha de assunto “Vaga de Desenvolvedor Web.”

Para facilitar, você poderia adicionar um link HTML assim:

Observe que “%20” é usado em vez de espaços. Isso é um exemplo de codificação de URL—um processo que ajuda a garantir que os parâmetros funcionem corretamente.

Links Tel

Para criar um link tel, use o atributo href=”tel:” em combinação com o número de telefone.

Assim:

Quando o usuário clica no hiperlink em um dispositivo compatível, ele abrirá o número no aplicativo de discagem deles. Facilitando que eles liguem para você.

2. Use Outros Atributos de Tags de Âncora

O atributo href é importante em um elemento de âncora porque define o destino do link. Mas você pode adicionar outros atributos de tags de âncora para determinar o que acontece quando o usuário clica no link.

Esses atributos também podem ajudar os motores de busca a entenderem seus links. E, portanto, beneficiar seu SEO.

Aqui está uma visão geral rápida dos mais comuns:

Atributo de Âncora	Propósito	Exemplo de Tag de Âncora
Download	Diga ao navegador para baixar o recurso vinculado em vez de abri-lo. Inclua um nome de arquivo descritivo entre as aspas.	<a href=”example.pdf” download=”Filename”>Download </a>
Rel	Informe os motores de busca sobre a relação do seu site com o recurso vinculado. Por exemplo, rel=“nofollow” pede aos motores de busca que evitem tratar o link como um endosso da página vinculada. (Isso é um conceito importante em construção de links.)	<a href=”https://www.example.com/” rel=”nofollow”>Anchor Text</a>
Target	Diga ao navegador onde abrir o link. Por exemplo, target=”_blank” abre o recurso em uma nova aba ou janela. Enquanto target=”_self” mantém no mesmo quadro.	<a href=”https://www.semrush.com/” target=”_blank”>Semrush</a>
Title	Mostre uma dica de ferramenta quando o usuário passar o mouse sobre o link. Inclua o texto da dica de ferramenta entre as aspas.	<a href=”https://www.semrush.com/” title=”Semrush homepage”>Semrush</a>

Dica: Certos tipos de links de outros sites (backlinks) podem beneficiar seu SEO. Com a ferramenta Backlink Analytics da Semrush, você pode facilmente analisar seus backlinks e compará-los com os dos concorrentes.