scienceRelatório de exemplo público

Relatório de exemplo de desvio de HTML renderizado de comércio sem cabeça

Um exemplo público que mostra como os fatos do produto renderizados podem diferir do HTML de origem, das cargas de API e dos dados estruturados em uma vitrine personalizada.

52Pontuação de auditoria

Alto risco de desvio de renderização

Se as correções prioritárias fossem concluídas, este relatório de amostra projetaria uma faixa de pontuação de 73-81.

Exemplo de Contexto

O que este exemplo representa

Esta página demonstra a saída do relatório usando dados de fixtures dessensibilizados. É público e indexável, enquanto os relatórios de usuários privados permanecem em URLs noindex `/report/*`.

Página de exemplo

Produto fictício de mobília sem cabeça

Plataforma

Vitrine personalizada com hidratação do lado do cliente

Modo de digitalização

Comparação entre HTML bruto e HTML renderizado

Limite de dados

Amostra pública fictícia, não uma varredura comercial real

Resumo da pontuação

O relatório começa com dimensões de pontuação explicáveis

A pontuação só é útil quando aponta para a evidência e o caminho de reparo por trás do número.

Visibilidade da pesquisa

55

Existem metadados básicos, mas os fatos renderizados carregam a maior parte do significado do produto.

Fatos legíveis por máquina

38

Vários fatos aparecem somente após a renderização do lado do cliente.

Acesso ao rastreador de IA

64

O acesso do rastreador é possível, mas o substituto da fonte bruta é fraco.

Confiança da plataforma

82

Os marcadores da camada de dados do aplicativo cliente e de hidratação estão visíveis.

Matriz de Sinal do Produto

Fatos visíveis versus fatos legíveis por máquina

O exemplo separa o que os compradores podem ver do que os rastreadores e os sistemas de compras de IA podem analisar de forma confiável.

Visível

7/7

Estruturado

2/7

Título

Mesa Modular Arc

check_circleDetectadocheck_circleEstruturado

meta + DOM renderizado

Descrição

Mesa de trabalho configurável

check_circleDetectadoradio_button_uncheckedSomente renderizado

somente DOM renderizado

Preço

$ 690,00

check_circleDetectadoradio_button_uncheckedSomente renderizado

estado do cliente hidratado Marca

Brand

Demonstração da linha de grade

check_circleDetectadoradio_button_uncheckedSomente renderizado

somente DOM renderizado

Imagem

Imagem da galeria renderizada

check_circleDetectadocheck_circleEstruturado

Imagem de gráfico aberto

SKU

GL-DESK-DEMO

check_circleDetectadoradio_button_uncheckedSomente renderizado

camada de dados do cliente

Categoria

Móveis de escritório

check_circleDetectadoradio_button_uncheckedSomente renderizado

navegação renderizada

Aprofundamento do Esquema

Verificações de dados estruturados

Esta seção audita produtos, ofertas, análises, localização atual e sinais estruturados relacionados sem publicar a marcação do produto para a amostra em si.

Passe

0

Avisar

1

Falha

3

Esquema do produto

O produto fica visível após a renderização, mas nenhum nó Produto confiável está disponível no inventário renderizado.

errorFalha

Produto visível

Detectado

DOM renderizado

Nó do produto

Ausente

JSON-LD renderizado

Esquema de oferta

O preço e a disponibilidade dependem do estado hidratado do cliente, e não de dados estruturados duráveis.

errorFalha

Preço estruturado

Ausente

Esquema de produto/oferta

Fatos brutos versus fatos renderizados

O HTML bruto contém menos fatos do produto do que a página renderizada.

errorFalha

Atributos brutos

Somente título e imagem

HTML bruto

Atributos renderizados

7 fatos sobre o produto

HTML renderizado

Esquema de localização atual

Existe navegação visível, mas nenhuma BreadcrumbList durável foi detectada.

warningAviso

Lista Breadcrumb

Ausente

JSON-LD renderizado

Diagnóstico da plataforma

Personalizado/sem cabeça descobertas específicas

A seção da plataforma explica o que o scanner inspecionaria para a tecnologia de vitrine envolvida.

Passe

0

Avisar

2

Falha

2

Fatos sobre produtos renderizados pelo servidor

Fatos comerciais importantes dependem da renderização do lado do cliente.

errorFalha

Detecção de produto CSR

Detectado

comparação de renderização

Fonte versus desvio de HTML renderizado

HTML bruto e HTML renderizado expõem fatos de produtos materialmente diferentes.

errorFalha

Desvio estruturado

Detectado

comparação de origem do campo

desvio de dados da API

A página visível do produto parece depender das cargas úteis do cliente para preços e fatos de SKU.

warningAviso

Campos somente visíveis

Preço, marca, SKU

camada de dados do aplicativo cliente

Fatos do produto legíveis pelo rastreador

Os rastreadores modernos podem renderizar a página, mas o substituto da fonte bruta permanece muito fraco para ser confiável.

warningAviso

Atributos brutos

Incompleto

HTML bruto

Correções prioritárias

O que o relatório de amostra corrigiria primeiro

Cada correção vincula evidências ao impacto, recomendação, confiança e movimento de pontuação esperado.

3 correções priorizadas
Correção 1criticalrenderização

Fatos críticos do produto para renderização de servidor

Impacto

+11-16

Confiança

91%

Evidência

Preço, marca, SKU e categoria ficam visíveis somente após a hidratação do cliente no relatório de amostra.

Impacto

Rastreadores ou sistemas de IA que dependem do HTML de origem podem perder os fatos do produto comprável.

Recomendação

Mova fatos críticos do produto para o HTML renderizado pelo servidor ou para a carga estática disponível antes da hidratação.

Meta de implementação

Modelo de detalhes do produto SSR/SSG de vitrine sem cabeça

Correção 2highschema

Gere fatos estruturados do produto a partir da mesma fonte do conteúdo visível

Impacto

+8-12

Confiança

87%

Evidência

Os fatos do produto renderizados e os dados estruturados não compartilham uma fonte confiável.

Impacto

Os mecanismos de pesquisa podem ver um conjunto de fatos sobre o produto, enquanto os compradores veem outro.

Recomendação

Use um adaptador de dados de produto para alimentar conteúdo de página visível e campos de produto estruturados.

Meta de implementação

Adaptador de dados do produto e camada de geração de esquema

Correção 3mediumnavegação

Adicionar localização atual durável e contexto de categoria

Impacto

+4-7

Confiança

79%

Evidência

Existe navegação visível, mas BreadcrumbList não é durável em dados estruturados renderizados.

Impacto

O contexto da categoria é mais fraco para clustering de pesquisa e comparações de produtos de IA.

Recomendação

Exponha o caminho da categoria na navegação visível e nos dados de navegação legíveis por máquina.

Meta de implementação

Metadados de rota headless e modelo breadcrumb

Execute a verificação real

Substitua os dados do aparelho pela URL do seu produto

Uma varredura real do ShopGox inspecionará sua página renderizada, dados estruturados, sinais de plataforma, acesso do rastreador e correções prioritárias para o URL enviado.

Iniciar uma varreduraarrow_forward

Perguntas frequentes

Sobre este exemplo de relatório público

Essas perguntas são visíveis na página, para que a página possa emitir dados estruturados correspondentes da FAQPage com segurança.

O que é desvio de HTML renderizado?

Desvio de HTML renderizado significa que a página final do produto renderizada pelo navegador contém fatos importantes que estão faltando ou são diferentes no HTML de origem bruto.

Por que isso é importante para os agentes de compras de IA?

Alguns rastreadores renderizam bem o JavaScript e outros dependem de estados anteriores da página, portanto, os fatos críticos do produto devem ser duráveis ​​e consistentes.

Este exemplo headless está conectado a uma API real?

Não. As descobertas são dados estáticos de fixação que demonstram o tipo de relatório que o ShopGox pode produzir para um URL enviado.