Como verificar a saúde do seu site após o redesenho

O processo de redesenho é complexo e envolve o trabalho de muitas pessoas e tempo. Os designers querem deixar o site bonito, os desenvolvedores querem codificá-lo rapidamente e os SEOs querem que ele seja otimizado – essas três intenções nem sempre se complementam.

O redesenho pode ser feito de várias maneiras: usando CMS, código personalizado, estruturas, construtores de páginas etc. Neste artigo, veremos como executar o redesenho do site de SEO e as etapas para verificar a integridade do site depois de concluído.

Quais problemas de SEO podem aparecer após um redesenho do site

Se o desenvolvimento do site não for guiado pelas melhores práticas, muitos problemas também podem ocorrer em termos de SEO. Problemas de indexação, páginas quebradas, velocidade do site, otimização de mídia ruim, problemas de capacidade de resposta e muito mais. Todos esses problemas certamente terão impacto nos rankings, resultando em uma queda no tráfego orgânico.

Verifique o site antes de redesenhar

Uma ótima coisa que você pode fazer antes de publicar seu novo design é executar um check-up de saúde do site para que você tenha algo para comparar mais tarde. Em primeiro lugar, rastreie e salve uma lista de todas as páginas para validá-las sendo apresentadas em um novo site. Além dos URLs, você precisa salvar os dados importantes associados a eles: meta tags, conteúdo, etc., para validar que nada importante foi perdido no site atualizado. Coletá-lo manualmente pode ser difícil, especialmente para sites grandes, mas existe uma maneira mais fácil – usando um software de verificação automática da integridade do site. Por exemplo, a ferramenta de auditoria do site SE Ranking verifica e salva estatísticas em cada página do seu site para que você possa ver a condição atual e o histórico de alterações – você pode comparar todo o site ou cada página com o rastreamento anterior, que é exatamente o que nós precisamos. Usaremos essa ferramenta para demonstrar o processo, pois ele verifica um site com mais de 120 critérios de uma só vez, para que você tenha todos os dados necessários em um só lugar.

Como verificar a integridade do site e detectar problemas após o redesenho

A melhor maneira de verificar a integridade do site depois de publicar uma nova versão do site é compará-la com a antiga. Para fazer isso, você precisa executar dois rastreamentos com a Auditoria de sites do SE Ranking: um antes das alterações e outro depois. Usando esses dois rastreamentos, você poderá garantir que coisas importantes ainda estejam disponíveis e que problemas antigos tenham sido corrigidos. Vamos examiná-lo em detalhes.

Problemas básicos relacionados à rastreabilidade e indexabilidade

Após o redesenho, uma das primeiras coisas a verificar é se todas as páginas estão acessíveis e podem ser reindexadas em uma nova versão. Os principais problemas que afetam o rastreamento e a indexação da página são:

• Código de resposta não 200 (1)
  Se não houver tal URL em um site, o código de resposta será 4xx; se a página foi redirecionada, o código de resposta é 3xx; se houver algum erro do lado do servidor, o código de resposta é 5xx. Em qualquer um desses casos, uma página não pode ser carregada e exibida aos usuários, portanto, não pode ser rastreada ou adicionada ao índice do Google – certifique-se de que todas as páginas importantes tenham o código de resposta 200.
• A página está bloqueada em robots.txt (2)
• A página contém a metatag de robôs “noindex” (3)
• URL canônico está se referindo a outra página (4)

Para validar todos esses problemas simultaneamente, vá para Auditoria do site → Páginas rastreadas e escolha as colunas apropriadas para ver os problemas de rastreabilidade e indexabilidade em uma tela.

estrutura de URL

O redesenho nem sempre é sobre o front-end. Às vezes, também afeta a configuração do back-end e/ou do servidor. Se você mudar para outro CMS ou as alterações afetarem a estrutura do URL, será necessário garantir que os novos URLs sejam iguais aos antigos ou configurar os redirecionamentos de acordo. Se você não fizer isso, os URLs antigos terão códigos de resposta 404 e as novas páginas não herdarão a confiança das páginas antigas, pois serão tratadas como páginas totalmente novas.

Além disso, vários problemas podem ocorrer independentemente do caminho da página:

• Corte no final
  “…/example-url” não é o mesmo que “…/example-url/”. Se o URL canônico não tiver a barra no final, visitar o URL que termina com a barra resultará em um código de resposta 404, o que não é bom para SEO. Você precisa garantir que todos os seus novos URLs terminem da mesma forma que os antigos ou configurar os canônicos e redirecionamentos de acordo.
• HTTP(S)
  Como no problema anterior, habilitar/desabilitar conexões SSL também afeta a estrutura de URL e pode causar sérios problemas se configurado incorretamente.
• www
  “www.example.com” não é igual a “example.com”. Esse prefixo era comumente usado nos primórdios da World Wide Web para indicar que um recurso da Web deveria ser acessado publicamente.
  Tecnicamente falando, “www”. é um subdomínio, e o Google trata o subdomínio como um domínio diferente em vez de uma pasta. Se você estiver tentando acessar um domínio ou subdomínio que não está configurado corretamente, receberá o erro e, portanto, os bots de pesquisa. Para evitar esses problemas, certifique-se de configurar redirecionamentos ou adicionar tags rel=canonical apontando para a versão preferida do seu site.

Metatags

Ao publicar uma nova versão de um site, você precisa garantir que todas as metatags otimizadas de páginas antigas estejam em vigor. Caso contrário, títulos e descrições ausentes ou incorretos podem resultar em uma queda significativa nas classificações e no tráfego. Para verificar a integridade de um site e se você não possui páginas com metatags ausentes ou erradas, vá para as seções Título e Descrição no Relatório de problemas da auditoria do site.

Para garantir que os meta títulos e descrições sejam os mesmos de antes da reformulação, use o relatório Páginas rastreadas e ative as colunas correspondentes. Em seguida, compare-os com o que havia antes do redesenho.

Contente

Se várias páginas tiverem o mesmo conteúdo, o Google terá dificuldade em descobrir qual página deve exibir na SERP, resultando em uma queda de classificação para todas as páginas duplicadas.

Pode ser difícil comparar o conteúdo, especialmente se você tiver um site grande. A boa notícia é que é possível detectar esses problemas automaticamente.

Páginas duplicadas

Páginas duplicadas são páginas com conteúdo idêntico. Eles podem ser difíceis de encontrar às vezes porque podem ter URLs diferentes, mas há um parâmetro que pode ajudá-lo a identificá-los. A ativação da coluna “Content Hash” exibirá o hash exclusivo do conteúdo da página – um equivalente criptográfico do conteúdo. Se o hash for o mesmo para duas páginas, significa que elas são 100% idênticas – examine essas ocorrências e deixe apenas uma cópia de uma página.

Metatags

Outro cenário de duplicação são metatags idênticas. O título e a meta descrição têm um impacto significativo quando um mecanismo de pesquisa avalia a relevância de uma página. Não confunda o Google com páginas com metatags idênticas porque nenhuma delas terá uma classificação alta.

Para encontrar essas páginas, ative as colunas "Título duplicado" e "Descrição duplicada" no relatório Páginas rastreadas da ferramenta Auditoria do site ou vá para a seção correspondente no relatório Problemas.

Títulos H1

Semelhante às metatags, o título de uma página tem prioridade sobre outros (sub)cabeçalhos quando um mecanismo de pesquisa determina sobre o que é a página. Você precisa garantir que nenhuma de suas páginas tenha H1s idênticos, para que elas não plagiem umas às outras. Assim como a verificação de metatags, ative a coluna “Duplicar H1” no relatório.

Principais Vitais da Web

Se você estiver implementando um novo design, deve ter certeza de que ele melhorará a experiência do usuário; caso contrário, não há nenhum ponto em fazê-lo. Felizmente, o Google desenvolveu o Core Web Vitals – um conjunto de métricas para ajudar os desenvolvedores a avaliar seu UX.

Com o SE Ranking, você não precisa verificar cada página no Web.dev ou no Chrome's Lighthouse, pois a Auditoria do site verifica todas as páginas em busca de todas as métricas de experiência de página necessárias. Vamos olhar através deles.

A primeira coisa é verificar o Core Web Vitals: LCP, FID e CLS. Estes são três parâmetros que refletem o desempenho do seu site em termos de UX:

1. A maior pintura de conteúdo significa a rapidez com que a primeira janela de visualização será impressa no navegador do usuário. Essa métrica está intimamente ligada à velocidade de carregamento do site, que discutiremos em segundos.
2. O atraso da primeira entrada mede a rapidez com que os usuários podem interagir com a página (por exemplo, clicar em links, botões). Este parâmetro também está relacionado à velocidade do site.
3. A mudança de layout cumulativa informa a estabilidade do seu conteúdo durante o carregamento – é muito irritante quando os elementos do conteúdo mudam de tamanho e posição durante o carregamento da página.

Essas informações podem ser encontradas no painel Visão geral ou na seção Relatório de problemas -> Desempenho. O melhor é que este relatório é baseado em dados de usuários reais e testes de ambiente de laboratório. Este é um ponto de partida para qualquer otimização adicional.

Velocidade do site

2 de 3 Core Web Vitals estão relacionados ao tempo de carregamento. Não só isso, mas as estatísticas dizem que um terço dos usuários não vai esperar mais de 3 segundos para carregar uma página. Portanto, é justo dizer que a velocidade do site é um parâmetro central em relação à experiência do usuário. Vamos ver como o SE Ranking pode ajudá-lo a identificar e resolver problemas de tempo de carregamento.

HTML

Como todas as páginas da web são escritas em HTML, é a primeira coisa que você precisa validar após o redesenho. Os problemas são bastante básicos, mas são fundamentais para ajustes adicionais. A esse respeito, você precisa garantir que o tamanho do HTML não seja muito grande para excluir o tamanho grande do DOM, pois pode ser difícil renderizar, afetando o tempo de carregamento geral. Além disso, certifique-se de que seu HTML seja compactado e armazenado em cache para minimizar o tamanho do documento e o tempo de processamento de back-end.

JS e CSS

A web moderna está entrelaçada com JavaScript e CSS. Essas tecnologias ajudam a criar belos sites com funcionalidade ágil. No entanto, às vezes, esses recursos podem prejudicar o desempenho do site, por isso é importante verificar se os recursos estão otimizados ao implantar um novo design.

As técnicas de otimização para arquivos JS e CSS são semelhantes:

1. Minificação
   Exclua todos os comentários, quebras de linha, espaços extras, etc. – deixe apenas os caracteres que importam.
2. Combinando
   Tente servir o menor número de arquivos possível (idealmente, um JS e um CSS por página). Cada solicitação de arquivo leva tempo para que o servidor responda e o navegador faça o download – um único arquivo é uma maneira muito mais conveniente de fazer isso.
3. Cache
   Habilitar o cache do lado do servidor significa que seus arquivos não serão gerados do zero toda vez que um usuário solicitar a página; em vez disso, as cópias salvas deles serão veiculadas. Isso elimina muita carga desnecessária dos servidores e melhora o tempo de carregamento.

Aqui estão algumas recomendações gerais:

• Evite usar frameworks e temas
  Frameworks JS e CSS pré-fabricados podem economizar algum tempo, mas muitas vezes eles não são feitos com a otimização de velocidade em mente. Eles têm muitas funcionalidades que você não precisa, e todos esses recursos extras podem ser muito pesados ​​para carregar.
• Tenha cuidado ao mesclar arquivos JS
  Se houver um único erro no arquivo JS, qualquer outra função dentro do arquivo pode não funcionar. Assim, se você tiver um único arquivo JS, é possível que todas as funções parem de funcionar. Pode ser uma decisão inteligente criar arquivos separados para funcionalidade principal e beleza de front-end.

Imagens

Em relação ao SEO, a otimização de imagens também é essencial:

1. As imagens devem ter um texto Alt, para que os mecanismos de pesquisa e as pessoas que usam leitores de tela possam entender do que se trata a imagem – certifique-se de que todas as imagens tenham um texto Alt significativo após o redesenho.
2. Tamanho da imagem
   A melhor prática é servir a imagem em uma resolução igual ao contêiner pai. No entanto, é quase impossível criar cópias de imagem para caber em todos os contêineres possíveis devido ao design responsivo em que os contêineres podem alterar seus tamanhos. O que você pode fazer é criar diversas variações de imagem (ou seja, tamanho original, largura de 300px, largura de 100px) para usar em diferentes locais do site. Por exemplo, a imagem em destaque no artigo deve estar no tamanho original, enquanto é melhor usar uma imagem menor de 300px de largura ou menor para a miniatura na página de arquivo.
3. Compressão de imagem
   A compactação de uma imagem é o processo de redução do número de cores exclusivas usadas em uma imagem. A compactação moderada dificilmente será vista pelo olho humano, mas pode economizar até 30% do tamanho do arquivo – isso é muito, especialmente considerando que as imagens têm um tamanho de arquivo grande em comparação com outros recursos de página.

Design responsivo

É obrigatório verificar problemas de otimização para dispositivos móveis, pois a maioria do tráfego vem de dispositivos móveis e o Google mudou para a indexação mobile-first. O SE Ranking também cobre isso.

Ao navegar até a categoria Mobile Optimization no relatório de problemas, você poderá validar se seu site está alinhado com os princípios fundamentais de design responsivo.

Empacotando

O redesenho é um processo complicado, especialmente considerando que um site redesenhado precisa ser otimizado para SEO. A melhor maneira de realizá-lo é to2e SEO e práticas de desempenho em mente.

Depois de publicar suas alterações, você precisa verificar se está tudo bem – é aqui que as ferramentas de verificação de integridade do site entram em ação. Para ter certeza de que seu novo site é melhor ou que nada foi quebrado em termos de SEO e desempenho, você precisa compará-lo com a versão anterior. O SE Ranking faz exatamente o que você precisa: rastreia, verifica e armazena dados de auditoria do site para que você possa monitorar e comparar facilmente seus resultados por datas. O uso dessas auditorias permite comparar e melhorar a integridade do site após a reformulação.