Iniciar sessão Começar grátis

Verificação de renderização JavaScript

O Google renderiza JavaScript, mas com atraso e com limites. Conteúdo que só existe depois da hidratação pode ser indexado tarde, parcialmente, ou nunca. Esta skill compara o HTML em bruto com o DOM renderizado para descobrir exactamente o que falta.

CATEGORIA
SEO técnico
FORMATO
javascript-rendering-check.md
PASSOS
6
PREÇO
Grátis — sem conta
QUANDO USAR ISTO

Use quando um site renderiza conteúdo no lado do cliente e precisa de confirmar que os motores de busca o vêem de facto, sobretudo depois de uma mudança de framework ou de uma migração.

O ficheiro da competência

javascript-rendering-check.md
---
name: javascript-rendering-check
description: Use quando um site renderiza conteúdo no lado do cliente e precisa de confirmar que os motores de busca o vêem de facto, sobretudo depois de uma mudança de framework ou de uma migração.
---

# Verificação de renderização JavaScript

O Google renderiza JavaScript, mas com atraso e com limites. Conteúdo que só existe depois da hidratação pode ser indexado tarde, parcialmente, ou nunca. Esta skill compara o HTML em bruto com o DOM renderizado para descobrir exactamente o que falta.

## O que precisa primeiro

- O URL de uma página por template
- Acesso ao view-source e a uma ferramenta de renderização

## Método

1. Obtenha o HTML em bruto com o JavaScript desactivado e registe o que está presente: title, meta description, canonical, headings, corpo de texto, links.
2. Renderize o mesmo URL e faça o diff dos dois. Tudo o que só aparece depois da renderização está em risco.
3. Verifique especificamente as ligações internas - links injectados por JavaScript, ou accionados por onclick em vez de href, podem nunca ser seguidos.
4. Confirme que o canonical e o meta robots existem no HTML em bruto. Um canonical injectado no lado do cliente é frequentemente ignorado.
5. Teste com a Inspecção de URL da Search Console no URL em produção e leia o HTML renderizado que ela reporta, que é a visão autoritativa.
6. Para tudo o que for crítico e continue em falta, passe-o para o lado do servidor em vez de tentar fazer a versão do cliente renderizar mais depressa.

## O que isto produz

Um diff por template entre conteúdo em bruto e renderizado, com cada elemento em risco marcado como passar-para-servidor ou aceitável.

## Onde isto corre mal

- Confiar num renderizador de terceiros em vez da Inspecção de URL da Search Console
- Presumir que, por uma página posicionar, o seu conteúdo JavaScript está a ser lido
- Deixar os canonicals e as directivas robots à injecção no lado do cliente

---

Da biblioteca de competências da QuQi - https://www.quqi.io/pt/skills/javascript-rendering-check
Transferência gratuita · sem conta, sem e-mail

O que precisa primeiro

  • O URL de uma página por template
  • Acesso ao view-source e a uma ferramenta de renderização

Método

  1. 01 Obtenha o HTML em bruto com o JavaScript desactivado e registe o que está presente: title, meta description, canonical, headings, corpo de texto, links.
  2. 02 Renderize o mesmo URL e faça o diff dos dois. Tudo o que só aparece depois da renderização está em risco.
  3. 03 Verifique especificamente as ligações internas - links injectados por JavaScript, ou accionados por onclick em vez de href, podem nunca ser seguidos.
  4. 04 Confirme que o canonical e o meta robots existem no HTML em bruto. Um canonical injectado no lado do cliente é frequentemente ignorado.
  5. 05 Teste com a Inspecção de URL da Search Console no URL em produção e leia o HTML renderizado que ela reporta, que é a visão autoritativa.
  6. 06 Para tudo o que for crítico e continue em falta, passe-o para o lado do servidor em vez de tentar fazer a versão do cliente renderizar mais depressa.

O que isto produz

Um diff por template entre conteúdo em bruto e renderizado, com cada elemento em risco marcado como passar-para-servidor ou aceitável.

Onde isto corre mal

  • Confiar num renderizador de terceiros em vez da Inspecção de URL da Search Console
  • Presumir que, por uma página posicionar, o seu conteúdo JavaScript está a ser lido
  • Deixar os canonicals e as directivas robots à injecção no lado do cliente

Use esta skill na sua própria IA

O ficheiro é markdown simples, com o nome e o gatilho no frontmatter. Quando um assistente consegue carregar skills sozinho, é esse frontmatter que lê para decidir que esta se aplica.

Claude Code Guarde-a como ~/.claude/skills/javascript-rendering-check/SKILL.md e o Claude carrega-a sozinho quando o que está a fazer corresponde ao gatilho. Coloque-a em .claude/skills dentro de um projeto se toda a equipa a deve ter.
Claude Carregue o ficheiro na secção de skills das suas definições. A partir daí aplica-se sozinho em qualquer conversa onde o gatilho encaixe, sem ter de se lembrar dele.
ChatGPT Não existe um formato de skills onde a instalar, por isso cole o conteúdo do ficheiro nas instruções de um Projeto ou de um GPT personalizado. Passa então a aplicar-se a todas as conversas desse projeto e não só àquela onde o colou.
Qualquer outro Cole o markdown na conversa antes da sua pergunta. Funciona em qualquer assistente, só tem de ser colado de novo de cada vez.

Mais em SEO técnico