Este tópico de SEO Técnico merece atenção especial.
Muitos profissionais cometem erros ao criar páginas por não diferenciar corretamente botões e links. Essa confusão pode gerar problemas sérios de rastreamento e impactar negativamente o desempenho do seu site.
Neste artigo, vou explicar de forma simples a diferença entre botões e links, além da importância de cada um para garantir boas práticas de SEO.
Esse assunto também está detalhado em uma das aulas sobre Page Experience no meu curso Dominando o SEO Técnico na Prática (Módulo 4, disponível imediatamente após a inscrição).
Por que é importante diferenciar botões e links?
Do ponto de vista da experiência do usuário (UX), links e botões têm funções muito diferentes:
- Links: Eles conectam uma página a outra, ajudando na navegação interna do site e facilitando o fluxo de informações para os usuários e mecanismos de busca.
- Botões: Eles ativam ações específicas, como enviar um formulário, adicionar um item ao carrinho ou abrir um menu. Seu propósito principal é interagir com elementos dentro da mesma página.
O problema surge quando esses elementos são usados de forma incorreta. É comum encontrar:
- Links que se parecem com botões: Visualmente, eles podem ter o estilo de botões, mas ainda funcionam como links.
- Botões que são adicionados como links: Isso ocorre quando um botão contém um link (
<a href="">) para redirecionar o usuário.
Essa confusão pode prejudicar tanto a experiência do usuário quanto o SEO técnico.
Por que botões e links podem ser um problema para SEO?
Do ponto de vista dos padrões da web, há uma distinção clara entre links e botões:
- Links são criados usando a tag
<a href="">. Eles permitem que o Google siga e indexe as páginas conectadas. - Botões são criados usando
<button>ou<input>(geralmente associados a formulários). Eles não têm links intrínsecos e, portanto, não podem ser seguidos pelo Google.
Mesmo que você adicione um evento onclick a um botão para abrir um link ao ser clicado, o Google não reconhecerá esse link. Em outras palavras, botões sem links não contribuem para a navegação interna ou o rastreamento.
Além disso, usar links onde deveriam ser botões (ou vice-versa) pode causar problemas de acessibilidade e confundir os usuários.
Por exemplo:
- Da mesma forma, um link que leva a outra página não deve ser estilizado como um botão se sua função for apenas conectar páginas.
- Um botão “Adicionar ao Carrinho” não deve conter um link
<a href="">, pois sua função é ativar uma ação, não redirecionar o usuário.
Para garantir que você esteja alinhado às boas práticas de SEO, siga estas regras simples:
Use links para direcionar as pessoas para outras páginas: Eles são essenciais para a navegação interna e ajudam os mecanismos de busca a rastrear e indexar seu conteúdo.
Use botões para ativar uma ação: Botões devem ser reservados para interações específicas, como enviar formulários ou realizar ações dentro da página.
Não confunda os dois: Evite usar botões como links ou links como botões. Cada elemento tem uma função clara e deve ser usado de acordo com seu propósito.
SEO técnico é a base invisível que sustenta todo o sucesso do seu site. Ignorar esses detalhes pode resultar em perda de tráfego, engajamento e conversões.
