Renderização de JavaScript e os problemas de SEO em 2020

Renderização de JavaScript e os problemas de SEO em 2020
cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


Contents

Resumo de 30 segundos:

  • Qualquer pessoa que trabalhe com SEO corporativo em 2020 terá encontrado esse cenário de arquitetura da web com um cliente em algum momento. Estruturas como React, Vue e Angular tornam o desenvolvimento da Web mais simples.
  • Existem vários estudos de caso, mas um negócio encontrado pela Croud migrou para uma estrutura híbrida do Shopify / JS com links internos e conteúdo renderizado via JS. Eles perderam tráfego estimado em US $ 8.000 por dia nos próximos 6 meses … cerca de US $ 1,5 milhão.
  • Os leitores experientes entre nós em breve começarão a ter a sensação de que estão encontrando território familiar.
  • Parcerias estratégicas de vice-presidente de Croud, Anthony Lavall discute estruturas de JavaScript que lidam com os elementos de SEO mais críticos.
Leia Também  Gasto de anúncios durante o coronavírus: tendências de tráfego pago

Enquanto dirige a equipe de SEO em Croud em Nova York nos últimos três anos, 60% de nossos clientes passaram por alguma forma de migração. Outros ~ 30% foram movidos de ou para um SPA (aplicativo de página única), frequentemente utilizando uma estrutura AJAX (Javascript assíncrono e XML) em vários graus.

Qualquer pessoa que trabalhe com SEO corporativo em 2020 terá encontrado esse cenário de arquitetura da web com um cliente em algum momento. Estruturas como React, Vue e Angular tornam o desenvolvimento da Web mais simples. Isso é especialmente verdadeiro ao criar aplicativos da Web dinâmicos que oferecem interatividade de solicitação relativamente nova (uma vez que as bibliotecas iniciais que os alimentam foram carregadas – Gmail é um bom exemplo) utilizando o poder do navegador moderno para renderizar o código do lado do cliente (o JavaScript). Em seguida, use trabalhadores da Web para oferecer a funcionalidade de solicitação de rede que não exige uma chamada de URL tradicional baseada em servidor.

Com o aumento da funcionalidade e dos recursos de implantação, há um custo – a questão do desempenho do SEO. Duvido que qualquer leitura de SEO seja um estranho para essa pergunta. No entanto, você ainda pode estar no escuro com relação a uma resposta.

Por que isso é um problema?

Receita, na forma de tráfego orgânico perdido por meio de classificações orgânicas perdidas. É simples assim. Os desenvolvedores da Web que recomendaram estruturas JavaScript (JS) geralmente não são diretamente responsáveis ​​pelo desempenho comercial a longo prazo. Uma das principais razões pelas quais os SEOs existem em 2020 deve ser a mitigação de erros estratégicos que possam surgir disso. O tráfego orgânico é frequentemente considerado como dado e não considerado importante (ou controlável), e é aqui que ocorrem grandes problemas. Existem vários estudos de caso, mas um negócio que encontramos migrou para uma estrutura híbrida do Shopify / JS com links internos e conteúdo renderizado via JS. Eles passaram a perder tráfego no valor estimado US $ 8.000 por dia nos próximos 6 meses … cerca de US $ 1,5 milhão.

Qual é o problema?

Existem muitos problemas. Os SEOs já estão tentando lidar com um grande número de sinais do algoritmo comercial mais investido já criado (Google … por precaução). Afastar-se de um site tradicional renderizado por servidor (pense na Wikipedia) para uma estrutura contemporânea está potencialmente cheio de desafios de SEO. Alguns dos quais são:

  • Rastreamento, renderização e indexação de bot de mecanismo de pesquisa – rastreadores de mecanismos de pesquisa como o Googlebot adaptaram seu processo de rastreamento para incluir a renderização de JavaScript (a partir de 2010), a fim de poder compreender completamente o código nas páginas da web AJAX. Sabemos que o Google está melhorando no entendimento de JavaScript complexo. Outros rastreadores de pesquisa podem não ser. Mas isso não é simplesmente uma questão de compreensão. Rastrear toda a Web não é uma tarefa simples e até os recursos do Google são limitados. Eles precisam decidir se vale a pena rastrear e renderizar um site com base em suposições que ocorreram muito antes da JS ser encontrada e renderizada (métricas como um número estimado de páginas totais, histórico de domínio, dados WhoIs, autoridade de domínio etc.) .

Renderização de JavaScript e os problemas de SEO em 2020 1

Processo de rastreamento e renderização do Google – a segunda fase de renderização / indexação (anunciada no Google I / O 2018)

  • Rapidez – um dos maiores obstáculos para aplicativos AJAX. O Google rastreia páginas da Web sem cache, para que as primeiras cargas complicadas de aplicativos de página única possam ser problemáticas. A velocidade pode ser definida de várias maneiras, mas, neste caso, estamos falando sobre o tempo necessário para executar e renderizar criticamente todos os recursos em uma página pesada de JavaScript em comparação com uma página HTML com menos recursos.
  • Recursos e renderização – com o código tradicional do lado do servidor, o DOM (Document Object Model) é renderizado essencialmente depois que o CSSOM (CSS Object Model) é formado ou, para simplificar, o DOM não exige muita manipulação adicional após a busca do Código fonte. Existem advertências para isso, mas é seguro dizer que o código do lado do cliente (e as várias bibliotecas / recursos dos quais o código pode ser derivado) adiciona maior complexidade ao DOM finalizado, o que significa mais recursos de CPU exigidos pelos rastreadores de pesquisa e pelos dispositivos clientes . Essa é uma das razões mais significativas pelas quais uma estrutura JS complexa não seria preferida. No entanto, é tão frequentemente esquecido.

Agora, tudo o que precede esta frase assumiu que essas páginas AJAX foram construídas sem consideração pelo SEO. Isso é um pouco injusto para a agência de web design moderno ou para o desenvolvedor interno. Geralmente, há algum tipo de consideração para mitigar o impacto negativo no SEO (veremos isso com mais detalhes). Agora, os leitores experientes entre nós começarão a ter a sensação de que estão encontrando território familiar. Um território que resultou em muitas discussões por e-mail entre o cliente, o desenvolvimento, o design e as equipes de SEO relacionadas à questão de saber se a migração está indo ou não para o ranking orgânico (infelizmente, geralmente acontece).

O problema é que as soluções para a criação de aplicativos AJAX que funcionam mais como HTML baseado em servidor para fins de SEO são atoladas na disputa; principalmente relacionados à sua eficácia. Como testamos a eficácia de qualquer coisa para SEO? Temos que implantar e analisar as mudanças no SERP. E os resultados das migrações para estruturas JavaScript são repetidamente associados a quedas no tráfego. Dê uma olhada nas histórias semanais que chegam ao “Sites JS no grupo de trabalho de pesquisa” hospedado por John Mueller, se você quiser alguma prova.

Vamos dar uma olhada em algumas das táticas de mitigação mais comuns para SEO em relação ao AJAX.

As diferentes soluções para mitigação do SEO AJAX

1. JS Universal / Isomórfico

JavaScript isomórfico, AKA Universal JavaScript, descreve aplicativos JS que são executados no cliente e no servidor, como em, o cliente ou servidor pode executar o

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 *