Posts Recentes:

Um guia não técnico para diagnosticar problemas de SEO em JavaScript



5dc9caebf37959.27892016 2021 04 16 000810

Qualquer bom SEO sabe que não é produtivo apontar problemas sem oferecer soluções. Então, vamos dar uma olhada nas opções que podemos oferecer aos desenvolvedores web para melhorar nosso SEO JavaScript.

A viabilidade dessas soluções depende da pilha de tecnologia do seu site. Portanto, estabelecer uma abordagem boa/melhor/melhor é importante.

Solução ideal: disponibilizar conteúdo crítico em HTML bruto

Como SEOs, podemos dormir tranquilamente à noite sabendo que os links internos do nosso site, os títulos das páginas, o corpo do texto e muito mais estão disponíveis para o Google em nosso HTML bruto. Os searchbots podem rastrear e indexar nosso conteúdo crítico de forma eficiente, sem correr o risco de erros ou atrasos associados ao serviço de renderização do Google.

Certifique-se de destacar para os desenvolvedores os elementos críticos de SEO atualmente ausentes do HTML bruto e explore a viabilidade de fazer essas atualizações.

Próxima melhor solução: implementar uma solução de renderização no lado do servidor (SSR)

Antes de entrarmos nesta solução, vamos entender a renderização do lado do servidor (SSR) versus a renderização do lado do cliente (CSR):

  • Renderização do lado do servidor: o carregamento inicial da página entrega todo o conteúdo ao navegador via HTML.

  • Renderização do lado do cliente: o conteúdo dos arquivos JavaScript é baixado para o navegador após o carregamento inicial da página.

Os problemas com a indexação de conteúdo renderizado em JavaScript vêm da renderização do lado do cliente. Sabe quando você desativa o JavaScript no seu navegador e algumas partes da página desaparecem? Esse é o problema visualizado ali.

Eu uso regularmente esta analogia do Onely para explicar a diferença: “CSR é como uma receita culinária. O Google obtém a receita do bolo que precisa ser assada e coletada. SSR – o Google deixa o bolo pronto para consumir. Não há necessidade de assar.”

Portanto, a questão essencial para nossos desenvolvedores é: “Poderíamos contar com SSR em vez de CSR para entregar conteúdo durante o carregamento inicial da página?”

E aqui vai uma dica profissional: se você estiver familiarizado com a estrutura JavaScript do seu site, muitos oferecem ferramentas úteis para integrar o SSR sem problemas.

Estrutura JS

Solução SSR

Reagir

Next.js, Gatsby

Angular

Angular Universal

Vue.js

Nuxt.js

Solução de última hora: implementar renderização dinâmica

A renderização dinâmica é uma solução híbrida em que os usuários experimentam a renderização do lado do cliente do seu site, enquanto os bots dos mecanismos de pesquisa recebem uma versão HTML estática separada.

Últimas

Assine

spot_img

Veja Também

spot_img

Paul Graham afirma que Sam Altman não foi demitido da Y Combinator

Em um série de postagens no X na quinta-feira, Paul Graham, cofundador da aceleradora de startups Y Combinator, rejeitou as alegações de que...

A desinformação funciona, e um punhado de “supercompartilhadores” sociais enviou 80% dela em 2020

Dois estudos publicados quinta-feira na revista Science oferecem evidências não apenas de que a desinformação nas redes sociais muda as mentes, mas que...