DEV Community

RENATO ADORNO
RENATO ADORNO

Posted on

Como as metodologias de desenvolvimento web SPA e SSR impactam o SEO

O que é SEO?

SEO (Search Engine Optimization) é o processo de otimizar um site para que ele seja melhor classificado nos mecanismos de busca, como o Google. Isso é feito através de uma série de técnicas, incluindo otimização de conteúdo, técnica e backlinks.

Porque SEO é Importante?

É importante porque a maioria das pessoas usa mecanismos de busca para encontrar informações na internet, e sites que aparecem nas primeiras páginas dos resultados de busca tendem a receber mais tráfego e, consequentemente, mais clientes potenciais. Além disso, sites bem ranqueados no Google tendem a ter mais confiança e autoridade em relação aos seus concorrentes. Portanto, o SEO é crucial para o sucesso de um site, pois ajuda a garantir que ele seja visto por um público maior e tenha mais chances de converter visitantes em clientes.

Como o SEO funciona?

O Google usa uma combinação de algoritmos e tecnologias para rastrear, indexar e classificar sites na internet. A primeira etapa do processo é o rastreamento, onde o Google usa robôs chamados "spiders" para percorrer a web e encontrar novos sites e atualizações de sites existentes.

Uma vez que o Google encontra um site, ele o indexa, ou adiciona à sua base de dados. A indexação é o processo pelo qual o Google analisa o conteúdo do site e o armazena em sua base de dados para que possa ser recuperado mais tarde quando alguém faz uma pesquisa.

A classificação é a etapa final do processo, onde o Google usa seus algoritmos para determinar a relevância e importância de um site em relação a uma consulta de pesquisa específica. O algoritmo do Google leva em conta uma série de fatores, incluindo o conteúdo do site, a qualidade dos backlinks apontando para o site e a estrutura técnica do site.

É importante notar que o algoritmo do Google é constantemente atualizado e aprimorado, e as técnicas e estratégias recomendadas para SEO também mudam ao longo do tempo. Portanto, é importante estar sempre atento às atualizações do algoritmo e fazer o possível para manter o seu site otimizado de acordo com as melhores práticas de SEO atuais.

O SEO funciona em uma aplicação SPA utilizando React ou outras tecnologias semelhantes?

Durante muito tempo, o Google enfrentou dificuldades para acessar o conteúdo renderizado com Javascript e aconselhava que o conteúdo não pudesse ser visualizado sem habilitar o Javascript, já que muitos sites fornecem um documento vazio no HTML e deixam o Javascript cuidar do resto. Isso causou problemas para os desenvolvedores, uma vez que muitos sites estavam começando a utilizar cada vez mais Javascript para construir suas páginas e era necessario que os rastreadores tivessem a capacidade executar Javascript para rastrear e indexar o conteúdo.. Entretanto, essa situação mudou! Há alguns anos atrás, o Google anunciou que seu robô de rastreamento agora pode renderizar e indexar páginas com Javascript.

O desenvolvimento da Web tem evoluído muito nos ultimos anos e os rastreadores precisam se manter atualizados para indexar todas as páginas existentes. Um artigo da Moz de 2017 mostrou como os diferentes rastreadores de mecanismos de pesquisa lidavam com o javascript naquela época. No entanto, em 2020, é seguro assumir que todos eles estão melhorando nisso e que a maioria dos Single Page Applications (SPA's) estão sendo indexados corretamente.

Na teoria significa que os desenvolvedores podem usar todas as vantagens do Javascript de bibliotecas como o React para construir suas páginas sem se preocupar com a indexação do Google, já que agora o Google pode rastreá-las e indexá-las corretamente. Isso também significa que os desenvolvedores podem criar conteúdo mais rico e interativo sem se preocupar com a indexação.

Comparando o desesempenho no SEO de aplicações SPA e SSR

A principal desvantagem da Single-page application (SPA) é que ela serve inicialmente um documento HTML vazio, o que força um rastreador a executar o Javascript antes de ver qualquer conteúdo. Já o Server-side Rendering (SSR) tem uma vantagem inicial, pois todo o conteúdo importante está disponível no primeiro HTML.

A questão é: o quão grande é a vantagem inicial?

Para tirar essas conclusoes e necesario a realização de testes já que não temos como saber como os diferentes crawlers realmente funcionam sob o capô, a única maneira de descobrir qual das duas metodologias para sites da Web é melhor é criar um experimento, e foi justamente o que esse blog fez em 2020.

De acordo com a experiencia retratada no blog foi criado e publicado dois sites identicos, um SPA e outro SSR, resumindo o resultado depois de um mes foi o seguinte:

SSR

Total de impressões: 89

Total de cliques:: 12

SPA

Total de impressões: 1

Total de cliques: 0

Além disso, o site SSR está na primeira página (número 5) no Google . Enquanto isso, a versão do SPA não foi encontrada nas primeiras paginas no Google.

A o resultado desse experimento é que ambas as aplicações foram indexados como o google promete porém em questoes de desempenho a aplicação SSR teve um desempenho muito melhor em relação a SPA. Ou seja se ao desenvolver uma aplicação que tenha uma de suas prioridades o SEO é recomendo que utulize a metodologia SSR.

Há alguns anos atrás o SSR era uma opção mais cara e mais difícil de escalar, por exigir muito do servidor, porem hoje conseguimos utilizar o Next.js para mitigar os problemas uma aplicação SSR e ter todo o conteúdo disponível no primeiro HTML e garantir um bom desempenho no SEO, e sem precisar deixar de lado o react já que o Nextjs é um *Framework React.*

Aqui voce pode conferir a experiencia completa, ao qual foi minha principal fonte de referencia para este artigo.

Conclusão

O Google cumpre o que promete porem as as aplicações SSR continuam desempenhando muito melhor sendo muito mais eficientes em relação a SPAs, pode ser que daqui alguns anos isso mude ou hoje em 2023 já tenha mudado, mas não consegui encontrar uma fonte segura que pudesse trazer um resultado diferente.

Neste artigo abordei como essas duas diferentes metodologias de desenvolvimento e como impactam no desempenho do SEO, mas é claro que o SEO vai muito alem disso, pois é necessario a criação de conteúdo de qualidade, utilização de títulos e subtítulos, adição de imagens e vídeos, atualização regular do conteúdo, utilização de URLs amigáveis, otimização da estrutura e velocidade do site e obtenção de links de qualidade. Todas essas tecnicas também podem ajudar o muito o SEO do seu site.

Top comments (0)