Estratégias de paginação otimizadas para SEO para comércio eletrônico

Estratégias de paginação otimizadas para SEO para comércio eletrônico
cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


A paginação pode ser um problema complicado de SEO quando você errar. Esse é especialmente o caso de um site de comércio eletrônico com um grande número de produtos que, sem dúvida, dependerão fortemente da paginação, para que os usuários possam encontrar o que estão procurando.

Você pode levar os conceitos explicados neste artigo para qualquer implementação de paginação em qualquer lugar, mas os problemas de paginação tendem a prevalecer mais nos sites de comércio eletrônico, e tenho muita experiência em lidar com eles – vou focar nessa área.

Vamos começar com:

Etapas a serem seguidas para garantir que a paginação do comércio eletrônico seja amigável para pesquisas

O que é paginação?

Paginação no contexto de um site é o seqüenciamento de páginas de arquivo usadas para vincular a outras páginas encontradas mais abaixo na hierarquia / estrutura de um site. Os exemplos mais comuns desses tipos de páginas são encontrados nas páginas de categoria de comércio eletrônico ou nas páginas de arquivo do blog.

Paginação é um conceito crucial para entender quando se trata de melhorar a estrutura e a vinculação interna do seu site, um conceito sobre o qual escrevi recentemente em meu blog.

Como é a paginação nos sites de comércio eletrônico?

Se você não tem certeza de como é a paginação, você já viu isso antes!

As duas implementações mais comuns de paginação vêm na forma de carregar mais botões e uma sequência numerada na parte inferior da página.

Exemplos de botão de paginação

Ambos funcionam, mas a utilização de um botão carregar mais possui algumas considerações adicionais, que abordarei mais adiante neste artigo.

Carregar mais exemplos de botões de paginação:

Super seco

Exemplo de carregamento de mais botões de paginação

Asos

Usando carregar mais como uma opção de paginação

Exemplos de paginação de sequência numerada:

AO (Eletrodomésticos Online)

Exemplos de paginação de sequência numerada

Argos

Exemplo de uma paginação de sequência numerada

A rolagem infinita também é uma consideração para navegar nos arquivos. No entanto, isso está se tornando menos popular, pois estudos demonstraram que tem algumas implicações negativas no UX, como não conseguir atingir o rodapé de uma página facilmente.

Por que devo me concentrar na paginação?

Implementações menos que ótimas de paginação causam alguma problemas graves, especialmente em sites de comércio eletrônico. Eu pessoalmente vi problemas com a paginação causar uma variedade de problemas, incluindo:

  • Páginas de produtos órfãs (não vinculadas internamente).
  • Estruturas de site desnecessariamente profundas.
  • Redução no rastreamento de sequências paginadas.

Neste artigo, abordarei algumas das principais coisas que você precisa entender sobre paginação para garantir que seu site de comércio eletrônico a esteja implementando de uma maneira fácil de pesquisar.

1. Cuidado com o JavaScript

A utilização do JavaScript para carregar a próxima página na sequência paginada do lado do cliente sem uma atualização completa da página é uma ótima maneira de fornecer uma experiência agradável para os usuários de comércio eletrônico.

Sou um grande defensor da utilização do AJAX e recomendo que você considere usá-lo para paginação em seu site. No entanto, você precisa estar extremamente cuidadoso com como você implementa isso.

A paginação baseada em AJAX é muito comum em sites de comércio eletrônico e, infelizmente, também é muito comum que seja implementada de maneira não amigável ao SEO. Quando se trata de implementar paginação via AJAX, o principal critério é garantir que o links href para a próxima página na sequência ainda existem.

Isso significa que, dentro do seu arquivo de produtos, os links para páginas subseqüentes, como exemplo.com.br/shop/shoes/?page=2, ainda devem estar visíveis na fonte HTML da página ou, no mínimo, no DOM criado pelo navegador .


Como vejo o que há no DOM?

A melhor maneira de ver o que o navegador construiu no DOM é abrir as ferramentas de desenvolvimento (geralmente feitas pressionando F12) e, em seguida, vá para a seção ‘Elementos’ no Chrome.

Veja a seção de elementos de uma página no Chrome

O que é exibido aqui será diferente do que você vê ao visualizar a fonte, pois mostra o que o navegador realmente processou, incluindo qualquer JavaScript que tenha sido executado.

Leia Também  O que é HTTPS? Tudo o que você precisa saber

O link é o DOM, mas não a fonte HTML

Esteja ciente de que o Google nem sempre pode ver esses links, dependendo da rapidez com que a página é renderizada. Se você quiser verificar isso, recomendo que você se familiarize com a ferramenta de inspeção de URL do Google Search Console.

Se você também não conseguir ver esses links, é porque é mais provável que você carregue a página dois em diante do arquivo morto usando JavaScript sem fornecer uma alternativa que não seja o JavaScript, ou seja, links href clássicos.

Se sua paginação funcionar dessa maneira, O Google não poderá ver a próxima página no arquivo. Isso acontece porque o Googlebot e outros robôs de pesquisa não clicam nos elementos que executam o JavaScript da mesma maneira que um usuário.

Portanto, enquanto os usuários podem obter uma boa navegação baseada em AJAX para sua paginação, o Googlebot ainda precisará navegar para a página 2 em diante com cada página na sequência contendo uma lista exclusiva de produtos sem sobreposições.

Um exemplo de site que faz isso corretamente é o Argos. Nas páginas de categoria (como esta), quando você inspeciona elementos na paginação, pode ver os links href para cada página na sequência.

links href para cada página na sequência


ESTAR CIENTE

Idealmente, esses links precisam estar disponíveis na fonte HTML, não apenas visíveis pela inspeção do elemento. Se eles estiverem visíveis apenas quando você inspeciona o elemento e não pode vê-los na fonte HTML, você os injeta com JavaScript, o que torna menos provável que o Google veja os links.


No site da Argos, você pode ver que, ao clicar no botão vinculado à página 2, uma nova página, o carregamento não é acionado; você é levado de volta ao topo da página e todos os produtos da página 2 são carregados. Esse é o comportamento que os usuários verão, enquanto o Google seguirá o link e será direcionado para esta página.

Você pode dizer que isso é feito via AJAX usando um plug-in que monitora as solicitações de cabeçalho HTTP do documento como esta ou apenas abrindo a guia de rede nas ferramentas dev do chrome e verificando as solicitações de ‘documento’ quando você navega para uma página diferente usando paginação.

Vendo uma solicitação de documento em um site

Este é um ótimo exemplo de implementação correta da paginação baseada em AJAX.

Eles também usam o pushState da API de histórico do HTML5 para atualizar o URL. Parece que houve uma atualização completa da página.

Embora seja menos requisito, eu também recomendaria implementar isso com um sistema de paginação baseado em AJAX. Você pode ver um exemplo da API de histórico na prática criada por John Mueller com uma seqüência combinada de rolagem infinita / paginação numerada aqui.

Se isso parece muito a considerar, existem bibliotecas por aí que facilitarão esse processo, como este.

2. Pense duas vezes sobre carregar mais botões

Se, em vez de uma paginação numerada ou rolagem infinita, você optar pela abordagem de carregar mais botões, também precisará considerar algumas coisas adicionais.

Seguindo o conselho anterior, mesmo se você adicionou mais o link href ao carregamento, ainda está tornando seu site desnecessariamente profundo.

Isso ocorre porque, diferentemente da paginação numerada, que permite adicionar links diretos da página 1 até 6 (por exemplo), você estará vinculando apenas da página 1 à página 2 e depois da página 2 à página 3 e assim por diante.

Isso contribuirá para você ter um estrutura profunda do site à medida que a profundidade do clique para alcançar as páginas de produtos mais profundas no site aumenta.

exemplo mostrando cliques na paginação no site eccomerce

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br

Isso vai ter um impacto negativo sobre como o valor do link é distribuído para as páginas de produtos mais profundamente na hierarquia do site. Por sua vez, isso afetará negativamente a classificação das páginas de seus produtos para consultas de pesquisa de cauda longa.

Para contornar isso, o que você pode fazer é implementar uma paginação mais carregada e numerada. Em seguida, você obtém os benefícios de UX de um botão carregar mais, mas também permite que os usuários acessem uma página específica e deixem o Google fazer o mesmo.

Um exemplo visual de ambos carregam mais botões e paginação numerada combinadas Um exemplo de uma carga mais e paginação numerada combinadas.

Essa opção evita os problemas causados ​​pelo carregamento de mais botões quando se trata da estrutura do site e permite que você aproveite os benefícios da paginação numerada.

Como reduzir números de cliques com paginação A paginação numerada reduz a profundidade dos cliques para páginas paginadas mais profundamente no seu arquivo.

Outra alternativa é implementar a paginação numerada, mas envolvê-la em um

Isso significa que quando um usuário tiver o JavaScript desativado, ele verá a paginação numerada e poderá navegar no site usando isso. A desvantagem dessa opção é que não é 100% certo que o Google realmente analise o conteúdo na tag noscript.

Leia Também  Páginas mais rápidas, vendas mais fortes: otimizando a velocidade do site de comércio eletrônico

A última atualização que ouvimos, o Google tende a ignorar o conteúdo em um noscript, então teste-o com cuidado.

Se você não deseja exibir o botão carregar mais e a paginação numerada, também pode implementar a paginação numerada na página como na maquete acima, mas adicionar uma exibição: none para ocultar via CSS.

Dessa forma, os links estão dentro da fonte HTML, mas ocultos no frontend, então o Google devemos ainda veja os links e rastreie-os normalmente. No entanto, aprendemos com a patente Reasonable Surfer que o Google parece gostar de distribuir o PageRank com base na probabilidade de um link ser clicado.

Um sistema gera um modelo com base em dados de recursos relacionados a diferentes recursos de um link, de um documento vinculado a um documento vinculado e dados de comportamento do usuário relacionados a ações de navegação associadas ao link. O sistema também atribui uma classificação a um documento com base no modelo.

– Classificação de documentos com base no comportamento do usuário e / ou dados de recursos

Embora a patente não indique nada especificamente sobre links ocultos, se você deseja ocultar os links com CSS, proceda com cautela e considere testar o impacto no rastreamento e nas classificações.

3. Use uma página Exibir todas para nivelar sua estrutura de comércio eletrônico

Uma maneira de contornar todas as complicações da paginação é simplesmente fazer com que as páginas das categorias mostrem todos os produtos por padrão.

Se você também tiver URLs paginados preexistentes, poderá atualizar as tags canônicas nelas para apontar para o novo URL de exibição em todas as páginas.

Exemplo usando tags canônicas para paginação de comércio eletrônico e SEO

Isso tem o benefício de achatando a estrutura do site pois o número de cliques para acessar os produtos é reduzido. Embora essa abordagem seja ótima para UX e SEO, a única complicação é velocidade do site.

Se você possui um grande número de produtos nessa categoria. você pode estar aumentando enormemente:

  • O HTML que o navegador precisa renderizar.
  • O número de imagens a serem carregadas.
  • O tamanho da chamada do banco de dados.

Embora isso possa ser contornado com o carregamento lento de imagens e o armazenamento em cache de páginas / entrega estatal do site e carregamento de elementos dinâmicos com JS. Você ainda precisa fazer alguns testes e monitorar de perto para garantir que o desempenho seja bom.


Como posso testar o impacto na velocidade?

  • Se você estiver procurando por alguns conselhos sobre o teste de velocidade do site, verifique minha postagem sobre algumas das melhores ferramentas de velocidade do site para usar.
  • Se você deseja medir o impacto dessa alteração nos usuários, dê uma olhada no meu modelo de estúdio de dados que usa dados do CrUX para mostrar dados reais do usuário na velocidade do seu site.
  • Se você estiver procurando conselhos sobre como melhorar a velocidade, consulte meu guia no SEMrush aqui ou procure alguns conselhos de nível superior na minha lista filtrável de dicas de velocidade do site.

Se você achar que a abordagem de exibição total não funciona devido a problemas de velocidade, determine quantos produtos você incluirá na página de arquivamento de categorias antes que a velocidade se torne um problema.

Você pode verificar isso aumentando gradualmente o número de produtos que você tem visível.

Essa técnica é uma ótima maneira de os sites de comércio eletrônico melhorarem os links internos porque, quando você aumenta o número de produtos em uma única página de arquivo de 12 para 24, você tem efetivamente dividido pela metade o número de páginas paginadas na sequência.

Embora isso não aplane tanto a estrutura do site quanto a exibição de todas as páginas, você ainda conseguiu reduzir a profundidade dos cliques para alcançar as páginas dos produtos.

4. Use Canonicals autorreferenciados

Não vou entrar em muitos detalhes aqui, mas um erro comum ao configurar a paginação é:

  • Canonize todas as páginas em uma sequência para a primeira página.
  • Noindex toda paginação (mais detalhes sobre isso mais tarde).

Em vez de cometer esses erros, o que você deve fazer em uma configuração de paginação padrão é adicionar um auto-referência canônica em cada página como a abaixo.

Exemplo de um canônico de auto-referência no site de comércio eletrônico

Um erro comum que vejo com paginação é que às vezes o CMS também pode criar uma página que é / dresses / 1 / que é uma duplicata de / dresses /. Em sites grandes com muitos arquivos, isso pode causar problemas de duplicação em larga escala.

Se for esse o caso, você deve canonizar o / 1 / URL duplicado para a primeira página correta do arquivo (/ dresses / neste exemplo).

5. Somente noindex se você realmente precisar

Um problema frequente encontrado nas páginas paginadas é que elas contêm a tag noindex desnecessariamente.

Leia Também  O que é melhor para o seu site: backlinks ou conteúdo?

Embora nem sempre haja algo errado em adicionar uma tag noindex às páginas de paginação, isso pode reduzir a frequência de rastreamento.

Basicamente, tentaremos rastrear mais algumas vezes para ver se o noindex se foi ou se a página se recuperou de 500 ou o que for, e se o noindex ainda estiver lá, começaremos a mover-nos lentamente ou a não rastrear essa página Frequentemente.

– Gary Illyes – https://www.youtube.com/watch?v=GVKcMU7YNOQ

Idealmente, cada página deve ser valiosa dentro da sequência e você deve incluir canônicos autorreferenciados em cada um no arquivo como resultado.

No entanto, existem cenários em que uma tag noindex em páginas paginadas faz sentido. Recentemente, ouvimos esse insight de John Mueller sobre a adição da tag noindex nas páginas paginadas:

… no final, acho que tudo se resume a: “essa página da série paginada traz alegria?” e, se não, basta indexá-lo.
Alguns sites consideram que todas as páginas de uma série paginada são importantes e, portanto, as mantém indexadas (as mais sofisticadas, usando rel-next / prev). Alguns sites limitam as séries paginadas em um determinado número, talvez deixando o primeiro ser indexado e o restante não.
Às vezes, a decisão também se baseia no conteúdo da série paginada. Por exemplo, se for uma lista de páginas de detalhes vinculadas, você poderá decidir se pode ou não alcançar todas as páginas, mesmo que não tenha o conjunto paginado completo indexado (se fizer um link cruzado com postagens / produtos relacionados, então geralmente é esse o caso).

– John Mueller no Reddit – https://www.reddit.com/r/TechSEO/comments/ag77vi/canonicals_and_angular_js/eh9zqut?utm_source=share&utm_medium=web2x

Então, para resumir:

  • Tente tornar as páginas paginadas o mais valiosas possível.
  • Se você acha que eles não são valiosos para os usuários, não os substitua, mas lembre-se de que isso pode reduzir a frequência com que eles são rastreados.
  • Se você decidir não indexar, considere se existem caminhos de rastreamento alternativos para encontrar esses produtos listados na página não indexada, por exemplo, por meio de outras categorias ou filtros.
  • Na maioria dos casos, convém usar canônicos com auto-referência e não a tag noindex.

Um motivo comum pelo qual as pessoas tendem a indexar a página 2 em diante de um arquivo morto é que viram o Google mostrando a página incorreta para os usuários, como a página 4, e não a primeira. Isso leva a dica 5.

5. Des otimize as páginas paginadas, se necessário

Se você não deseja que o Google apareça na página 2 dos arquivos da categoria, mas deseja deixá-los indexados, uma coisa que você pode tentar é des otimizá-los para consultas de pesquisa.

Existem algumas coisas que você pode fazer aqui.

Primeiro, você pode tentar otimizar a tag title adicionando o número da página no início:

Número da página de paginação em um exemplo de tag de título

Outra coisa que você pode fazer é remover o conteúdo acima / abaixo da grade do produto na página 2 em diante. Ao tornar a página 1 a página mais valiosa da sequência, é mais provável que o Google a mostre nos resultados de pesquisa.

Juntamente com a tag de título e as alterações de conteúdo, você também pode otimizar a tag H1 na página de maneira semelhante ao exemplo da tag de título acima.

6. Forneça uma estrutura de URL clara

Você pode ver isso na prática no snippet SERP acima – example.com/furniture/scandi/page2 -, mas uma coisa que você pode fazer para tornar um pouco mais fácil para o Google entender o arquivo de categorias em seu site é usar de forma limpa e fácil estrutura de URL legível em uma sequência.

Na prática, isso pode ser feito simplesmente anexando / page / 2 / ao final do URL da sua categoria. Você também pode usar parâmetros como? Page = 2 e especificar o paginação do parâmetro da página na ferramenta de parâmetro do URL do Google Search Console.

Desde que o Google deixou de oferecer suporte ao prev / next, ficou mais fácil entender quando um URL é paginado.

Resumindo

Felizmente, este artigo forneceu algumas idéias sobre o que você deve considerar quando se trata de otimizar seus arquivos paginados para otimizar a pesquisa e fornecer uma melhor experiência ao usuário de comércio eletrônico.

Você tem perguntas sem resposta sobre como otimizar melhor sua paginação para mitigar problemas de tecnologia e melhorar a estrutura do site? Comente abaixo ou envie um tweet para @SamUnderwoodUK, e farei o possível para ajudar!



cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *