Corrigindo SEO e instalando ferramentas de métricas

Antes de começar a falar sobre os ajustes, devo dizer que essa imagem do Post ficou icônica. Deixa claro que foi gerada com IA e deixa uma pergunta, que não teremos a resposta: Qual a relação de SEO e uma cidade a noite?

Isso é um Problema!

Sempre começo os Posts com algumas dúvidas, por exemplo: "Isso é um problema?". Agora vamos partir da afirmação que "Isso é um problema!". Creio que poderia usar "isto" ou "isso", afinal, o problema está próximo de mim e também de você, mas, como já descrevemos o problema anteriormente, vamos usar "isso".

Sem entrar em muitos detalhes complexos, você só quer que seu site fique bem ranqueado no mecanismo de pesquisa. Além de ter o conteúdo indexado corretamente, seu site precisa atender algumas outras exigências para começar a escalar para o topo. Vou tratar, não só o conteúdo indexado, mas todas as métricas importantes como SEO.

Comecei pelo clássico PageSpeed Insights, que podemos classificar como a versão web da ferramenta Lighthouse que temos no Chrome. Tirando pequenas particularidades, conseguiremos usar qualquer um dos dois para o nosso objetivo.

A versão mobile, na minha experiência, é sempre a mais prejudicada nos quesitos de desempenho. E meu blog não estava diferente, a versão mobile apresentava muito mais problemas. A versão desktop estava quase no verde.

Comecei ajustando o que o relatório apresenta como SEO, que era tag de meta-descrição, links rastreáveis, atributos alt nas imagens. Na parte de Práticas Recomendadas, ajustei o tamanho das imagens usando <picture>. Em acessibilidade só tinha um problema com o lang da tag html.

De desempenho, na verdade o único problema era um recurso que impedia a renderização. Esse recurso era a importação das fontes do Google Fonts. No Desktop nem atrapalhava, mas no mobile contribuía para derrubar um pouco a avaliação geral. Esse problema eu deixei para depois pelo fato de ser um dependência de terceiros.

Esse é um Post Rápido

Corrigidos todos os outros pontos, tivemos uma boa melhora. O desktop ficou quase 100 e o mobile acima dos 90. Esse cenário estava ótimo, e já poderia partir para integrar o Analytics/GTM e o Clarity.

Esse post termina por aqui, resolvi deixar um post rápido e entregar um pouco da experiência enquanto ainda estou testando as outras ferramentas.