Documentação

Tag Canonical no Storefront Wake

Objetivo

Este guia tem como finalidade orientar agências e times técnicos que utilizam a plataforma Wake Storefront na aplicação correta da tag rel="canonical". A adoção padronizada dessa prática de SEO técnico garante:

  • Clareza semântica para mecanismos de busca.
  • Consistência entre URLs públicas e indexadas.
  • Maior autonomia e confiança na implementação.
  • Maximização da visibilidade orgânica das páginas da loja.

O que é a Tag Canonical?

A tag rel="canonical" é um elemento HTML incluído no <head> da página. Ela informa aos mecanismos de busca qual é a URL preferencial quando existem múltiplas versões de uma mesma página ou conteúdos semelhantes.

No contexto de e-commerce, é comum que sejam geradas variações de URL por conta de parâmetros de filtros, ordenações e paginações, duplicações internas (mesmo produto acessível por diferentes caminhos), links com parâmetros de tracking (UTMs), etc.

A canonical orienta o Google e outros buscadores a consolidar sinais de SEO (backlinks, relevância, autoridade) na URL principal, evitando concorrência entre versões duplicadas.

Exemplo de implementação:

<link rel="canonical" href="https://www.exemplo.com.br/produto/racao-para-coelho-1kg" />

Problemas sem a Canonical

A ausência da tag canonical pode gerar consequências diretas no desempenho orgânico, tais como:

  • Concorrência entre páginas duplicadas: versões diferentes da mesma página competem no índice do Google.
  • Diluição de autoridade: backlinks e sinais de SEO se distribuem entre múltiplas URLs.
  • Indexação indesejada: páginas com parâmetros ou buscas internas podem ranquear em vez da URL principal.
  • Desperdício de crawl budget: o Googlebot gasta recursos rastreando páginas irrelevantes.

Recomendações de Implementação

Obrigatoriedade em Todas as Páginas**

Cada página deve conter apenas uma tag canonical.

A canonical precisa sempre apontar para a versão canônica da própria página.

Boas Práticas por Tipo de Página

Produto (PDP): canonical deve apontar para a URL principal da variante padrão.

Categorias e coleções: canonical deve ser a URL limpa, sem parâmetros de filtro ou ordenação.

Landing pages institucionais: canonical deve ser a própria URL publicada.

Páginas com parâmetros (UTMs, filtros, ordenação, paginação): canonical sempre deve apontar para a versão sem parâmetros.

Implementação no Template Wake

O storefront Wake expõe a URL da página via store.urls.current , que retorna esquema + domínio + caminho, sem a query string (?pagina ,?tamanho ,?ordenacao ,?utm ficam de fora). Use-a no template (scriban), renderizado no servidor:

<link rel="canonical" href="{{ store.urls.current }}" />
  • store.urls.current já vem "limpa": consolida ordenação, filtros e tracking na URL base automaticamente.
  • Nunca incluir múltiplas canonicals na mesma página.
  • Não usar JavaScript para reescrever a canonical. Gere no template, para que a tag correta já esteja no HTML servido ao crawler.

Paginação (canônica autorreferente): como store.urls.current não traz a query, use a variável current_page (injetada por padrão em hotsites/busca) para recompor apenas o parâmetro de página:

{{~ if current_page && current_page > 1 ~}}
<link rel="canonical" href="{{ store.urls.current }}?pagina={{ current_page }}" />
{{~ else ~}}
<link rel="canonical" href="{{ store.urls.current }}" />
{{~ end ~}}

Resultado:

  • página 1 → URL base
  • página 2 ou mais → autorreferente (?pagina=N)
  • ordenacao/tamanho/filtros/tracking → sempre fora
📘

O valor preferencial não vem do admin

Para controlar quais parâmetros aparecem na tag canonical é necessário ajustar o template

Validações Necessárias

Antes de publicar, valide os seguintes pontos:

  • O link canonical deve ser absoluto, incluindo protocolo (https://) e domínio.
  • O domínio no href deve corresponder ao domínio oficial da loja (não usar ambientes de staging/teste).
  • Evite canonicals que apontem para páginas diferentes sem uma justificativa estratégica clara (ex.: consolidação intencional de variantes de produto).

Benefícios da Canonical

A implementação correta traz vantagens diretas para o SEO, pois elimina problemas de conteúdo duplicado, concentra autoridade e relevância na URL correta, garante que páginas estratégicas sejam indexadas no lugar de versões irrelevantes, otimiza o crawl budget, direcionando o Googlebot para páginas prioritárias e assegura consistência entre navegação do usuário e indexação orgânica.

Referências:

Google Search Central: Consolidate duplicate URLs

Google Search Central: Canonical link element

Updated 8 days ago