13 atualizações práticas para otimizar o desempenho do site

Recentemente, passamos por um grande processo de melhoria de desempenho do site para oferecer aos nossos clientes uma experiência positiva desde o primeiro clique. Nosso site tinha taxas de conversão relativamente baixas e nossa equipe enfrentava dificuldades com a divisão das responsabilidades de gerenciamento do site. Prevíamos que a adoção de uma abordagem estruturada de gerenciamento de produtos de website facilitaria o planejamento de longo prazo e estabeleceria gerenciamento e propriedade claros, todos essenciais para os resultados práticos que buscávamos.

No primeiro artigo desta série, expliquei nossa mudança cultural para tratar nosso site como um produto e os passos iniciais que tomamos para melhorar o desempenho do Gcore.com. Em seguida, estendemos nossa iniciativa para fortalecer nosso site contra vulnerabilidades de segurança, manter um tempo de atividade consistente, impulsionar a otimização de mecanismos de pesquisa (SEO) e melhorar a acessibilidade.

Os métodos que compartilharei aqui são amplamente aplicáveis ​​e podem ajudar sua empresa a alcançar resultados semelhantes.

Melhorias de estabilidade e segurança

Além do desempenho, também decidimos fortalecer nosso site contra vulnerabilidades de segurança e tomar medidas para manter um tempo de atividade consistente.

1. Autenticação SSO

O logon único (SSO) simplifica a autenticação do usuário, permitindo que os usuários acessem vários aplicativos com um conjunto de credenciais de login. Implementamos SSO em nosso site para agilizar o gerenciamento de acesso e minimizar riscos de segurança. Isso melhora a experiência do usuário, minimizando o número de senhas que eles precisam lembrar e gerenciar. Ao consolidar a autenticação, agora podemos monitorar e proteger os pontos de acesso com mais eficiência.

Como resultado desta e de outras novas medidas de segurança detalhadas abaixo, o número de vulnerabilidades no nosso website diminuiu significativamente. Agora não temos problemas críticos de P1, que exijam atenção imediata. Também não temos questões P2, que são de alta prioridade, mas não críticas. Restam apenas três problemas moderados, cinco baixos e dois problemas de informação. Esta redução de 2,5x nas vulnerabilidades e a eliminação de todos os problemas críticos destaca a eficácia das nossas melhorias de segurança.

Este gráfico mensal de vulnerabilidades da web mostra 10 problemas nos últimos 15 meses, refletindo maior segurança.

2. Firewall de aplicativos da Web (WAF) e proteção contra bots

Após a implementação do WAF e da proteção contra bots em abril de 2024, a frequência das reuniões de comando de incidentes (ICMs) relacionadas a violações de segurança foi reduzida em mais da metade.

3. Proteção DDoS Gcore

Esta estratégia protege nosso site contra ataques distribuídos de negação de serviço (DDoS) e garante alta disponibilidade. Após implementar a proteção DDoS Gcore em Gcore.com e Gcore.com/blog, alcançamos 99,99% de disponibilidade nos últimos 30 dias, conforme monitorado pelo Site24x7. Além disso, para aprimorar ainda mais o monitoramento de desempenho, criamos uma ferramenta alternativa no Sentry para monitorar Core Web Vitals (CWVs).

Nos últimos meses, não tivemos nenhuma Reunião de Comando de Incidentes (ICM), o que nos deu confiança sobre a eficácia das nossas medidas de proteção. Depois de implementar a proteção DDoS do Gcore, reduzimos os ICMs em mais da metade, em uma base meio a meio (HoH) (comparando os seis meses mais recentes com os seis meses anteriores), aumentando o tempo de atividade de 80% para 99,99% no ano passado .

4. Dimensionamento automático de pods

Este método ajusta o número de pods em execução em um ambiente em contêiner. Na Gcore, implementamos o escalonamento automático de pods em nosso blog em dezembro de 2023 e no site principal em fevereiro de 2024. Depois disso, o número de ICMs relacionados ao nosso blog foi reduzido em mais da metade em uma base meio a meio (HoH). . Além disso, nosso tempo de atividade aumentou de 80% para 99,99% ano a ano (ano a ano).

Estratégias de SEO

No marketing digital, a otimização de mecanismos de busca (SEO) é essencial para aumentar a visibilidade e direcionar o tráfego orgânico, por isso fizemos melhorias significativas na estratégia de SEO do nosso site. Embora o Google inove continuamente para identificar sites seguros, fáceis de usar e funcionais, nos concentramos em diversas áreas-chave que são consistentemente conhecidas por melhorar as classificações.

1. Marcação de dados estruturados

A marcação de dados estruturados envolve a adição de tipos específicos de código ao seu site para ajudar os mecanismos de pesquisa a entender melhor o conteúdo, o que pode aumentar a visibilidade da pesquisa, melhorar as taxas de cliques (CTRs) e fornecer uma melhor experiência de pesquisa ao usuário. A implementação de marcação de dados estruturados pode levar a classificações de pesquisa mais altas, vantagens competitivas e benefícios para sites de comércio eletrônico, como portabilidade de dados e conteúdo preparado para o futuro.

Para melhorar a saúde do nosso site, aprimoramos a marcação de dados estruturados nas páginas dos nossos produtos. Adicionamos dados estruturados diretamente ao código-fonte ou à seção principal do HTML para que nossas páginas de produtos tivessem a marcação apropriada. Por exemplo, atualizamos páginas que continham apenas informações de “Preço” para incluir valores “lowPrice” e “highPrice”, o que fornece informações de preços mais detalhadas aos mecanismos de pesquisa.

Esse esforço melhorou as pontuações de integridade do site de 60/100 em dezembro de 2022 para 97/100 em junho de 2023, e para 100 perfeitos em junho de 2024. Nossa marcação de dados estruturados é precisa e abrangente, melhorando significativamente o SEO e a capacidade de gerenciamento geral do nosso site.

A pontuação de integridade do site melhorou de 60 em dezembro de 2022 para 100 em junho de 2024, refletindo SEO e desempenho aprimorados.

2. Tags especiais para listas

Para resolver problemas de desempenho identificados na avaliação CWV do Google, implementamos tags HTML exclusivas para o conteúdo da lista em nosso site a partir de agosto de 2023. Pretendíamos que essa mudança melhorasse a legibilidade e a estrutura da página, especialmente para dispositivos móveis, onde as pontuações eram notavelmente baixas (nosso CDN/ A classificação da página de comércio eletrônico foi 46 para celular versus 65 para desktop). As páginas para dispositivos móveis exigiram melhorias significativas para atender aos padrões de indexação que priorizam os dispositivos móveis do Google.

Ao melhorar a estrutura com tags exclusivas, pretendemos impulsionar nossas métricas de maior ponto de conteúdo (LCP) e primeiro ponto de conteúdo (FCP), melhorando a experiência do usuário e nossas pontuações gerais de desempenho da web em todos os dispositivos. Entre novembro de 2023 e maio de 2024, a pontuação de desempenho móvel aumentou 16%, o LCP melhorou 32% e o FCP 46%. Essas melhorias podem ser atribuídas em grande parte à nossa implementação de tags HTML exclusivas para o conteúdo da lista, que melhoraram a legibilidade, melhoraram a estrutura da página e permitiram uma renderização mais rápida de elementos críticos.

Gráfico de pontuação de desempenho de novembro de 2023 a maio de 2024, mostrando um aumento de 16% nas pontuações móveis, com LCP aumentando 32% e FCP 46%.

3. Otimização do Gerenciador de tags do Google (GTM)

Isso envolve refinar a configuração do GTM para melhorar a eficiência e o desempenho de um site. Começamos analisando minuciosamente a configuração do GTM para identificar e remover tags desnecessárias.

Descobrimos que mais de 75% das tags GTM existentes eram irrelevantes. Ao simplificar a configuração do GTM e remover 300 tags redundantes, otimizamos a utilização de recursos, reduzimos a carga em nossos servidores e aceleramos o tempo de carregamento das páginas.

4. Padrões de SEO para imagens

Otimizamos as imagens do site usando formatos apropriados, compactando arquivos e fornecendo imagens nítidas e de alta qualidade. Agora entregamos todos os recursos visuais no formato WEBP para reduzir o tamanho dos arquivos sem comprometer a qualidade, melhorar o tempo de carregamento da página e aumentar o desempenho de SEO.

Técnicas adicionais avançadas de otimização de imagem, como Gzip e Image Stack via Gcore CDN, compactam imagens em 30% a 70%, melhorando significativamente as principais métricas de desempenho, como LCP e FCP, que são importantes para SEO. Como resultado, nossas imagens são otimizadas para a experiência do usuário e visibilidade nos mecanismos de pesquisa, levando a classificações de pesquisa mais altas.

5. Impacto da Pesquisa Google e tráfego orgânico

Esses são indicadores cruciais de quão bem um site atrai e retém visitantes por meio de pesquisas orgânicas. Nossos esforços para otimizar o SEO e o desempenho do nosso site levaram a um aumento significativo no impacto da Pesquisa Google.

Este crescimento substancial no tráfego orgânico impactou positivamente diversas métricas de marketing relacionadas no ano passado:

• O tráfego orgânico aumentou 5x.
• As sessões engajadas aumentaram 5x.
• A taxa de engajamento melhorou em 21%.
• As conversões aumentaram 11x.

Melhorias de acessibilidade

Como parte das melhorias gerais do nosso website, também tomamos cinco medidas para melhorar a sua acessibilidade.

1. Ajustes no esquema de cores

Este processo envolve a modificação da paleta de cores do site para melhorar a acessibilidade para usuários com deficiência visual, como daltonismo, selecionando combinações de cores que forneçam contraste suficiente entre o texto e o fundo.

Em nosso site, ajustamos os esquemas de cores para acomodar todos os usuários usando ferramentas e diretrizes de padrões de acessibilidade como as Diretrizes de Acessibilidade para Conteúdo da Web (WCAG). Esses ajustes ajudam a tornar nosso site acessível a um público mais amplo e permitem que todos os usuários naveguem e interajam com nosso conteúdo de forma eficiente e eficaz.

2. Ajustes de tamanho da fonte

Modificar o tamanho do texto em um site melhora a legibilidade para todos os usuários, especialmente aqueles com deficiência visual. Implementamos tamanhos de fonte escalonáveis ​​que se adaptam às preferências do usuário e às configurações do navegador, proporcionando melhor legibilidade em dispositivos e telas.

3. Textos alternativos aprimorados

Ao fornecer descrições detalhadas (atributos alt) para imagens em um site, o conteúdo se torna acessível aos usuários que dependem de leitores de tela e o SEO é impulsionado. Nosso departamento de marketing de conteúdo revisou e atualizou todos os textos alternativos das imagens para fornecer informações mais claras e descritivas.

4. Problemas 404 eliminados

A eliminação de problemas 404 (página não encontrada) requer a identificação e resolução de links quebrados para que os usuários possam acessar as páginas corretas. Automatizamos a detecção de erros 404 e simplificamos as cadeias de redirecionamento de três para um, o que significa que em vez de passar por três redirecionamentos para chegar ao destino final, os usuários agora passam por apenas um, aumentando a velocidade e a eficiência da navegação. Essa melhoria foi aplicada em todo o ambiente de produção do Gcore.com, com todos os testes sendo aprovados para melhorar a navegação e uma melhor experiência geral no site.

Nossos Resultados

Avaliamos nossos números para uma visão objetiva do desempenho deste projeto.

• Tempos de carregamento: Nosso foco na otimização de imagens e na implementação do carregamento lento melhorou significativamente os tempos de carregamento. Por exemplo, o LCP melhorou 32% em sete meses.
• Classificação SEO: Ao aprimorar nossas práticas de SEO, como a otimização de dados estruturados e a implementação de técnicas avançadas de otimização de imagens, nosso impacto na Pesquisa Google aumentou cinco vezes em relação ao ano anterior. O tráfego orgânico cresceu 500% em relação ao ano anterior, com sessões engajadas e taxas de engajamento registrando aumentos substanciais.
• Engajamento do usuário: Melhorias de acessibilidade, incluindo ajustes no esquema de cores e modificações no tamanho da fonte, levaram a uma melhor experiência do usuário. Isso resultou em um aumento de 21% na taxa de engajamento e um aumento de 5x nas sessões engajadas em relação ao ano anterior. As conversões aumentaram onze vezes em relação ao ano anterior, mantendo uma taxa de conversão estável.

Embora estejamos satisfeitos com esses resultados, nossa inovação continua à medida que buscamos ainda mais melhorias no site.

Conclusão

Começando com uma mudança cultural na forma como abordamos o nosso website, conseguimos melhorar significativamente o seu desempenho, classificação SEO, acessibilidade e envolvimento do utilizador. Uma abordagem de gestão de produtos que enfatiza a tomada de decisões e a colaboração baseadas em dados provou ser uma base sólida para realizar melhorias específicas. A prova está nos dados: vimos um aumento nas métricas em todos os níveis.

Encorajo outras organizações a adoptarem estratégias semelhantes para melhorarem os seus resultados comerciais através de experiências superiores de cliente online. Espero que, ao compartilhar nosso processo no Gcore, você tenha tido algumas ideias sobre por onde começar. Boa sorte!

Elena agradece à sua equipe, que realizou este projeto e forneceu dados para o artigo: Nikolay Baranov, Karen Bzhshkyan, Ochuko Eyube, Daria Gromova, Galina Iakusheva, Ilia Kotiashkin, Mikhail Loviagin, Grachia Martirosian, Rustam Mustafaev, Eugene Shygabutdinov e Maria Yurlava.

A postagem 13 atualizações práticas para otimizar o desempenho do site apareceu pela primeira vez no The New Stack.