Como usar a navegação por filtros no e-commerce

Consumidores de e-commerce querem encontrar produtos rapidamente, não navegar infinitamente por páginas de produtos. Se as consultas de busca se tornam uma experiência frustrante, as vendas ficam em risco. A navegação por filtros facilita a busca por produtos, mas pode prejudicar o SEO se não for bem implementada.

Veja como a navegação por filtros funciona, quais são seus desafios de SEO e como identificar e corrigir problemas — além das melhores práticas para aumentar o tráfego e aprimorar a experiência do cliente.

O que é navegação por filtros?

A navegação por filtros, ou busca facetada, é um sistema de website que permite aos usuários refinar e filtrar resultados de busca ou listagens de produtos baseando-se em múltiplos critérios (ou seja, facetas) dentro de uma categoria principal.

Categorias principais ajudam usuários a definir parâmetros relevantes para busca de produtos, como "Roupas femininas" ou "Notebooks". A partir daí, a navegação por filtros permite que usuários aprofundem com filtros específicos para encontrar os itens que procuram com base em marca, tamanho, cor, preço e outros atributos.

A navegação por filtros é uma técnica popular de personalização de busca, especialmente para catálogos grandes de produtos. Imagine como seria difícil encontrar o notebook certo de uma grande varejista sem a capacidade de filtrar a busca por marca, tamanho da tela, velocidade do processador, tamanho do disco rígido, faixa de preço e opções de conectividade. As opções podem parecer ilimitadas. Com navegação por filtros, o cliente pode aplicar filtros que ajustam resultados instantaneamente.

A Amazon, por exemplo, posiciona opções de navegação por filtros de forma proeminente em seu website, tipicamente no lado esquerdo da página de resultados de busca. Isso torna a navegação por filtros facilmente acessível aos compradores. Confira estes ótimos exemplos de marcas de e-commerce bem-sucedidas para ver como você pode implementar navegação por filtros em seu próprio site de e-commerce.

Como funciona a navegação por filtros?

Para implementar a navegação por filtros, o proprietário da loja seleciona facetas para inclusão em um banco de dados pesquisável para refinar buscas. O administrador do site então atribui essas facetas às listagens de produtos, que aparecem na página de busca de produtos.

Por exemplo, um tênis de corrida branco da New Balance, tamanho 38, custando R$ 600, teria essas facetas e valores atribuídos: Cor: Branco, Tamanho: 38, Marca: New Balance, Faixa de Preço: R$ 400–R$ 600. Outro tipo de calçado, como uma bota de trilha marrom da Timberland, tamanho 44, teria diferentes valores de faceta atribuídos.

Quando refinamentos de faceta são adicionados à busca, eles são anexados como parâmetros de URL. Múltiplos parâmetros são adicionados às URLs principais conforme o cliente adiciona muitas opções de filtragem. Por exemplo, uma URL para roupas esportivas pode incluir parâmetros como:

https://www.kickscrew.com/collections/nike?sizes=10.5&sizes=10&genders=MENS

Em algumas implementações, uma nova URL é criada, por exemplo:

https://store.com/collections/nike/mens/xl/black/

Quando o cliente aplica filtros, a navegação por filtros atualiza dinamicamente o conteúdo na mesma página web, refletindo as seleções filtradas do cliente. Embora a URL possa se atualizar para refletir os filtros, a página web subjacente permanece inalterada.

Benefícios da navegação por filtros

A navegação por filtros permite que compradores escolham opções para personalizar uma busca e chegar aos produtos desejados rapidamente. Especificamente, a navegação por filtros faz o seguinte:

• Melhora a usabilidade. Com navegação por filtros, clientes economizam tempo encontrando o que querem, eliminando categorias e opções indesejadas. Compradores mais engajados resultam em taxas de conversão mais altas.
• Expõe clientes a mais tipos de produtos. Você pode usar facetas para expor clientes a marcas e opções que eles podem não ter notado. Pense nisso como adicionar um pouco de serendipidade à experiência de compra.
• Torna websites grandes mais fáceis de escalar. Ao adicionar opções de filtro à estrutura existente, você pode integrar perfeitamente novas categorias de produtos, eliminando a necessidade de um redesign completo do menu de navegação à medida que o catálogo de produtos se expande.

Problemas que a navegação por filtros pode causar

1. Conteúdo redundante
2. Links diluídos
3. Desperdício de orçamento de rastreamento

A navegação por filtros pode ter consequências negativas não intencionais para SEO. Cada problema leva ao próximo em uma reação em cadeia adversa. Aqui está mais sobre como isso acontece:

1. Conteúdo redundante

A navegação por filtros pode oferecer combinações quase infinitas de opções para refinar uma busca de produto—mas essa força também pode ser uma fraqueza. Variações excessivas de URL de muitas combinações de filtros podem prejudicar mecanismos de busca e esforços de SEO. Múltiplas páginas com conteúdo similar podem reduzir o tráfego do website, já que o Google pode não ver essas páginas como muito informativas. Da perspectiva de um mecanismo de busca, elas são consideradas URLs inúteis.

Se a navegação por filtros tende a criar múltiplas páginas com conteúdo duplicado, pode prejudicar o SEO. Múltiplas URLs com conteúdo similar apontando para as mesmas palavras-chave confundem mecanismos de busca. Eles lutam para escolher a "melhor" página para ranquear, enfraquecendo o desempenho do seu website para palavras-chave direcionadas.

2. Links diluídos

Quando a navegação por filtros cria URLs com versões duplicadas de conteúdo de página para escolhas específicas de filtro, todos os links para essas páginas podem causar problemas de SEO. Mecanismos de busca podem espalhar seus esforços de indexação muito superficialmente através desses links internos, tornando difícil para qualquer página acumular relevância e autoridade suficientes para ranquear bem nos resultados de busca.

3. Desperdício de orçamento de rastreamento

O tempo e os recursos de um mecanismo de busca são limitados ao rastrear seu website. Implementações fracas de navegação por filtros podem levar a um link de URL sendo produzido para cada combinação concebível de faceta. Neste caso, rastreadores de mecanismos de busca podem ficar presos rastreando seu site, resultando nas páginas de maior valor do site sendo negligenciadas e, consequentemente, um desempenho de busca orgânica ruim.

Como verificar problemas na navegação por filtros

1. Entenda como a navegação por filtros é implementada
2. Analise o tráfego de busca orgânica para páginas de alto valor
3. Investigue desperdício de rastreamento

Aqui está como avaliar se a navegação por filtros funciona a favor das suas páginas importantes:

1. Entenda como a navegação por filtros é implementada

Trabalhe com seu administrador de site para entender como seu site implementa navegação por filtros. As facetas são usadas apenas para páginas de categoria ou outras áreas do site, como um blog? As facetas são anexadas às URLs de página de categoria de forma consistente e ordenada, como marcas primeiro, preços segundo, e assim por diante? Há um limite no número de facetas que usuários podem adicionar? Usuários podem inserir uma palavra-chave no campo de busca para adicionar uma faceta?

Sem limites, seu site pode estar sobrecarregado com páginas facetadas.

2. Analise o tráfego de busca orgânica para páginas de alto valor

Use o Google Analytics para identificar suas páginas mais valiosas—aquelas atraindo mais tráfego orgânico. Relatórios-chave como Termos de Busca e Páginas de Resultados de Busca revelam consultas de usuários e comportamentos em listagens de produtos. Foque em métricas como taxa de rejeição, tempo na página e conversões para avaliar o engajamento do usuário. Verifique se há um relatório de Facetas de Busca para ver quais filtros os usuários aplicam mais e como estes influenciam conversões.

Analise URLs que não estão gerando tráfego. O Relatório de Cobertura de Índice no Google Search Console comparado com relatórios de tráfego orgânico no Google Analytics pode ajudar você a obter uma melhor compreensão de quais URLs o Google está rastreando mas não necessariamente priorizando para indexação e tráfego orgânico.

3. Investigue desperdício de rastreamento

Procure por sinais negativos como conteúdo duplicado, erros de página não encontrada e URLs infinitas com variações intermináveis. Estes podem sobrecarregar mecanismos de busca e levar ao desperdício de rastreamento.

Para fazer isso, vá ao Google search e digite "site:" seguido pelo nome do seu domínio. Se o número de resultados de busca for significativamente maior que as páginas reais encontradas em seu sistema de gerenciamento de conteúdo (CMS) ou sitemap XML, então filtros facetados podem ser o culpado e devem ser investigados. Eles podem estar gerando variantes excessivas de URL.

Você pode usar o Google Search Console para avaliar quais URLs o Google está indexando. No painel do Google Search Console, no menu do lado esquerdo, clique em Indexação, depois selecione Cobertura. Procure pela categoria Válida, que mostra URLs indexadas com sucesso e que podem aparecer nos resultados de busca.

Carregue um sitemap XML no Google Search Console e compare dois tipos de URL: "Indexada, não enviada no sitemap" versus "Enviada e indexada". O número "Indexada, não enviada no sitemap" mostra quantas páginas indesejadas estão sendo indexadas. Outros indicadores de problema podem aparecer quando você filtra por URLs excluídas, conhecidas como URLs "rastreada - atualmente não indexada".

Dicas para implementar navegação por filtros

• Gerencie opções de faceta e filtro
• Adicione tipos de faceta subjetivos
• Otimize opções de exibição de faceta
• Decida como valores de faceta aparecem
• Use codificação padrão para URLs facetadas

Cada melhor prática para navegação por filtros eficaz é guiada por dois objetivos: compreender como usuários buscam em seu site e entender como mecanismos de busca rastreiam e interpretam suas URLs:

Gerencie opções de faceta e filtro

Quando um cliente refina a busca facetada com diferentes combinações de opções e então navega para outra página em seu site, a navegação por filtros deve lembrar dos filtros escolhidos para evitar re-selecionar tudo.

Gerencie isso com parâmetros de URL que refletem as opções de filtro ou cookies do navegador—pequenos conjuntos de dados armazenados no dispositivo do usuário que lembram preferências do usuário nas sessões. Você não deve depender apenas desses IDs de sessão, que temporariamente armazenam ações e dados do usuário e são tipicamente resetados ou deletados uma vez que a sessão termina. Em vez disso, use navegação por filtros como parte da interface do website. Ela fornece uma abordagem consistente e estruturada para buscar e filtrar produtos, disponível para todos os usuários em todas as sessões.

Facetas como marca e preço são normalmente implementadas em todas as categorias, mas outras facetas especiais devem ser aplicadas apenas a categorias particulares de produtos. Por exemplo, tipos de cômodo (sala de estar, sala de jantar, etc.) pertencem à categoria móveis mas não vestuário. Compare opções de faceta em sites concorrentes e buscas comuns de palavras-chave para desenvolver a mistura certa de facetas e filtros apropriados.

Se clientes inserem texto para buscar produtos, esses valores gerados pelo usuário podem prejudicar seu ranking de busca se os valores aparecem como parâmetros de URL. Em vez desse tipo de filtragem livre para todos, você pode exibir opções de faceta predefinidas como "vermelho", "preto" e "azul", etc. para prevenir que o número de URLs se propague infinitamente, o que torna o website mais difícil de rastrear.

Adicione tipos de faceta subjetivos

Pensar criativamente sobre como clientes navegam pode levar a descobertas de tipos de faceta que são menos sobre características objetivas de produtos. Por exemplo, você pode adicionar filtros temáticos para que clientes possam cortar através do catálogo de produtos de forma mais subjetiva.

Um bom exemplo seria adicionar opções sazonais (por exemplo, verão, inverno), feriados, vida doméstica, trabalho, etc. É uma forma mais casual de navegar pela loja. Facetas para avaliações e rankings de clientes também são possíveis, especialmente se o produto tem o suficiente.

Otimize opções de exibição de faceta

Onde facetas devem aparecer? A localização mais comum é verticalmente, descendo pelo lado esquerdo da página.

Há várias formas de exibir filtros de faceta, incluindo links, caixas de seleção, menus suspensos, controles deslizantes e campos de entrada.

Por exemplo, uma caixa de seleção pode ser apropriada para uma categoria de produto e nome de marca, enquanto um controle deslizante pode ser apropriado para uma faixa de preço. Opções de menu recolhíveis permitem que usuários expandam e retraiam menus de faceta ao gosto para uma experiência de usuário mais simplificada e menos distrativa. Um recurso de seleção múltipla pode poupá-los do incômodo de buscas repetidas.

Clientes podem ficar irritados quando selecionam uma opção de filtro e nada aparece. Para evitar frustração, destaque em negrito as opções de faceta disponíveis e coloque em cinza qualquer faceta sem resultado.

Decida como ordenar os valores de faceta de maneira lógica. Por exemplo, com marcas, uma ordem alfabética faz sentido, mas para facetas de preço e tamanho, ordene em ordem crescente ou decrescente.

Decida como valores de faceta aparecem

Valores de faceta dos clientes devem ser distinguíveis de valores não selecionados. Aqui estão várias abordagens:

• Inline. O valor selecionado é exibido dentro da própria faceta. Por exemplo, em negrito com uma caixa de seleção ao lado.
• Caixa de navegação. Valores de faceta selecionados são exibidos em uma região retangular de "caixa de navegação". A faceta é apresentada junto com seu valor, como "Feriados: Halloween" e "Tamanho: GG".
• Trilha de navegação. Valores de faceta selecionados são espalhados ao longo de um caminho horizontal. Conforme o cliente escolhe mais facetas, elas são anexadas à trilha junto com um símbolo X para permitir a remoção de cada valor da trilha.
• Navegação por filtros integrada. Isso funciona muito como a trilha de navegação, mas cada valor de navegação pode ser alterado usando uma lista suspensa.

Use codificação padrão para URLs facetadas

Quando filtros de navegação por filtros são aplicados, informações adicionais (parâmetros) são anexadas à URL na barra de endereços.

Há uma forma bem definida de codificar caracteres dentro de URLs para permitir interpretação consistente por navegadores web e mecanismos de busca. Codificação de caracteres permite letras (a-z, A-Z), números (0-9), hífens (-), sublinhados (_), pontos (.), e alguns símbolos como dois pontos (:), sinal de igual (=) e ponto de interrogação (?).

Caracteres restritos como espaços e caracteres especiais devem ser codificados usando o sinal de porcentagem % e um código hexadecimal de dois dígitos (um sistema de numeração base-16). Por exemplo, o código para um espaço é %20. Embora codificação de URL seja uma prática comum, manter URLs o mais legíveis possível para humanos é geralmente recomendado para melhorar experiência do usuário e SEO.

Codificação não padrão das URLs de navegação por filtros pode tornar difícil para mecanismos de busca entenderem a estrutura e significado da URL. Isso pode tomar a forma de caracteres especiais não padrão ou delimitadores personalizados para separar valores de filtro dentro de um parâmetro.

Se mecanismos de busca não conseguem interpretar as URLs geradas pela navegação por filtros, eles podem não indexar suas páginas ou entender a relação entre diferentes variações filtradas, prejudicando o SEO do seu site.

Dicas para prevenir e corrigir problemas de navegação por filtros

• Use tags no-index
• Personalize o arquivo robots.txt
• Use tags canônicas
• Implemente navegação AJAX do lado do cliente
• Indexe buscas de palavras-chave de cauda longa

Após entender como a navegação por filtros afeta o SEO, considere essas dicas para melhorar as propriedades de indexação das suas páginas web.

Use tags no-index

Uma meta tag no-index diz aos bots de mecanismos de busca quais páginas não incluir em seu índice. Digamos que você quer a página de faceta com velas perfumadas incluída no índice, mas você não quer indexar uma faceta mais granular como "Abaixo de R$ 100". Você pode adicionar uma tag no-index ao cabeçalho da página assim: <meta name="robots" content="noindex">.

Embora bots literalmente não indexem a página (uma coisa boa), eles ainda a rastrearão, o que pode desperdiçar seu orçamento de rastreamento, o que não ajudará com a redução da diluição de equidade de link.

Personalize o arquivo robots.txt

Você pode mitigar a proliferação de rastreamento desautorizando algumas seções do seu site. Adicione uma instrução "disallow" ao arquivo robots.txt que bots consideram antes de rastrear o site. É relativamente fácil editar um arquivo robots.txt, mas lembre-se de que bots não são obrigados a seguir essas regras.

Use tags canônicas

Tags canônicas aparecem dentro da seção head do código HTML de uma página web, e não são diretamente exibidas ao usuário. Uma tag canônica diz ao Google que um conjunto de páginas similares tem apenas uma versão preferida da página. Essas URLs canônicas são uma boa forma de consolidar equidade de link, mas não fazem muito para resolver o problema de desperdício de orçamento de rastreamento. Além disso, um mecanismo de busca pode desconsiderar tags canônicas, então elas devem ser acompanhadas por outras abordagens.

Implemente navegação AJAX do lado do cliente

AJAX (Asynchronous JavaScript and XML) é um conjunto de técnicas de desenvolvimento web que permite que páginas web atualizem conteúdo sem recarregar a página inteira, proporcionando uma experiência de navegação mais responsiva. AJAX usa Javascript do lado do cliente que não gera uma nova URL para facetas filtradas quando um usuário visita uma página e seleciona mais de um filtro. Isso reduz links internos.

Indexe buscas de palavras-chave de cauda longa

Demanda de busca pode revelar palavras-chave de cauda longa, aquelas buscas mais específicas com menor volume de busca, mas com taxas de conversão mais altas. Use uma ferramenta de análise de SEO para identificar termos populares de busca por palavra-chave, então selecione páginas de faceta correspondentes e torne-as URLs indexáveis.

A abordagem exata varia dependendo de como a navegação por filtros é implementada em seu website. Mantenha o objetivo final em mente: você quer entender os termos mais populares que pessoas buscam usando palavras-chave de cauda longa e como mecanismos de busca rastreiam e indexam as páginas resultantes.