Ferramenta de Página Vista pelo Google: Insira a URL, HTML Renderizado + DOM + H1–H2 Real

Ferramenta: Insira a URL → Quebre o Site (SEO + UX + Técnica)

Não é apenas uma pontuação como uma “auditoria de site / seo audit”. Esta ferramenta responde à seguinte pergunta em uma única página: “Como o Google realmente vê esta página; o usuário o que vê na primeira tela?”

Ponto crítico do lado do Google: o Googlebot, especialmente em páginas ricas em JavaScript, avalia através do HTML renderizado; apenas “ver código-fonte” não é suficiente. 

1) O que faz

• Rastreamento de página / crawler de site / auditoria de URL única (single page audit): Puxa a URL, lê o status HTTP e os sinais básicos do cabeçalho.
• Modo “como o Googlebot vê / view as Googlebot”:
  • HTML renderizado / fonte renderizada gera (DOM gerado após JavaScript) e mostra isso de forma bruta. 
  • Foca em gerar uma saída similar à lógica da “Inspeção de URL do Google Search Console” (screenshot + HTML) ver página renderizada / ver página rastreada.
• “Visão de texto puro / text only view / simulador de mecanismo de busca”: Simplifica o conteúdo que o Google pode “ler” como texto e links. 
• Estrutura de cabeçalho real: estrutura de cabeçalho / teste de tags de cabeçalho / esboço de cabeçalho, extrai a hierarquia H1–H2–H3 através do DOM renderizado (captura também os títulos H alterados posteriormente pelo JS). 
• Diagnóstico de “push-down” UX (acima da dobra / primeira tela análise): Marca as áreas que empurram o usuário para baixo: grande hero, cabeçalho fixo, banner de cookies, popup, blocos de anúncios, etc. O conceito de “acima da dobra” fornece um quadro claro neste ponto. 
• Análise de deslocamento de layout / CLS: Marca as áreas que causam saltos na primeira tela (cumulative layout shift) com base no DOM; é compatível com a abordagem CLS do Lighthouse. 

2) Por que “não é uma auditoria clássica”

Relatórios de análise técnica de SEO clássicos geralmente fornecem “lista de descobertas + pontuação”. Seu objetivo é diferente:

• Mostrar a diferença entre o Google e o usuário de forma nua em uma única URL.
• Produzir o choque de “o site que eu pensava é diferente do que o Google vê”. Essa diferença aparece especialmente em questões como renderização JS, conteúdo oculto, canonical/noindex incorreto, H1 adicionados/removidos posteriormente no DOM. 

3) Entrada / Saída

Entrada:

• URL única (opção: seleção de agente do usuário: desktop/móvel; simulação de “renderização do googlebot”)

Painéis de saída (claros e focados em ação):

1. Instantâneo da Página Renderizada (tela do usuário + renderização semelhante ao Google)
2. HTML Renderizado / Árvore DOM (análise do DOM, contagem de nós, elementos críticos)
3. Texto Puro + Mapa de Links (visão apenas de texto, extração de links internos)
4. Árvore da Estrutura de Cabeçalhos (verificador de H1, verificador de cabeçalhos; erros de hierarquia)
5. Sinais de Cabeçalho SEO (verificação de meta título , verificação de meta descrição, verificação de canonical, verificação de meta tag robots, verificação de hreflang, verificação de noindex)
6. Blocos Acima da Dobra / Abaixo da Dobra (lista de áreas que empurram o usuário para baixo)
7. Dicas de CLS / LCP (core web vitals, análise de lcp, análise de cls; candidatos a recursos que bloqueiam renderização)

4) Como marca “áreas desnecessárias que empurram o usuário para baixo”

A ferramenta usa a primeira tela (viewport) como referência e captura:

• Área Hero muito grande: Marca se o H1 estiver desconectado do conteúdo e a primeira tela for uma “vitrine vazia”.
• Análise de banner de cookies / análise de popup: Mostra camadas que se sobrepõem ao conteúdo ou ocupam a primeira tela.
• Análise de cabeçalho fixo / análise de área de anúncios: Lista blocos fixos que empurram o início do conteúdo para baixo.
• Comportamentos de adição de cima que acionam deslocamento de layout: Captura áreas que caem em causas de CLS como “evitar inserir novo conteúdo acima da dobra”. 

5) Melhor uso no mundo real cenários

• O cliente da agência pode apresentar provas dizendo “olha, é assim que o Google vê” (encerra a discussão).
• Capturar problemas de visibilidade causados por javascript seo em estruturas como SPA / React / Next.js (diferença entre html renderizado e código-fonte). 
• Fazer uma revisão de “quase realidade” mesmo em projetos sem acesso ao Search Console (depois validar com Inspeção de URL do GSC). 
• Acelerar a abordagem de “HTML renderizado” de ferramentas como Screaming Frog para uma única página (sem configuração, sem rastreamento). 

6) Promessa clara (a “surpresa” que o usuário experimentará)

• Se o conteúdo que se pensava existir no DOM não estiver presente: Não aparece no texto puro → fica claro que o Google não pode capturá-lo como texto.
• Se o que você pensava ser H1 for H2 (ou se o JS alterar posteriormente): O painel de estrutura de cabeçalho mostra isso de forma nua. 
• Se a primeira tela estiver “ocupada”: O painel acima da dobra fornece uma lista das áreas que empurram o usuário para baixo.