Como gerar dados estruturados usando JavaScript para o seu site do Google

Como gerar dados estruturados usando JavaScript para o seu site do Google

Os sites modernos usam JavaScript para exibir muitos conteúdos dinâmicos. Há várias coisas que valem a pena prestar atenção ao usar o JavaScript para gerar dados estruturados em seu site. Essa liderança examina as melhores práticas e estratégias de implementação. Se você é iniciante no campo dos dados estruturados, leia como os dados estruturados funcionam.

Existem várias maneiras de gerar dados estruturados usando JavaScript, mas os mais comuns deles são os seguintes:

  • Google Tag Manager
  • Usuário javascript

Usando a marcação do produto? Lembre -se de que a marcação gerada dinamicamente pode rastrear compras menos frequentes e menos confiáveis, o que pode se tornar um problema para mudar rapidamente o conteúdo, como a disponibilidade de bens e preços. Se você é um vendedor que otimiza para todos os tipos de resultados do consumidor, verifique se o servidor possui recursos de computação suficientes para processar o aumento do tráfego do Google.

Usando o Google Tag Manager para a geração dinâmica JSON-LD no seu site do Google

O Google Tag Manager é uma plataforma que permite controlar tags no seu site sem editar o código. Para gerar dados estruturados usando o Google Tag Manager, siga as seguintes etapas:

  • Configure e instale o Google Tag Manager no seu site.
  • Adicione uma nova tag de usuário ao contêiner.
  • Insira o bloco suportado de dados estruturados no conteúdo da tag.
  • Instale o contêiner, conforme mostrado na seção "Instalação do Google Tag Manager" no menu Administração de contêineres.
  • Para adicionar uma tag ao seu site, publique um contêiner na interface do Google Tag Manager.
  • Teste sua implementação.

Uso de variáveis do Google Tag Manager para o seu site do Google

O Google Tag Manager (GTM) suporta o uso de variáveis para extrair informações da página e adicioná -las aos seus dados estruturados. Use variáveis para extrair dados estruturados da página para evitar a duplicação de informações no GTM. A duplicação de dados no GTM aumenta o risco de inconsistências entre o conteúdo da página e os dados estruturados adicionados usando o GTM.

Por exemplo, você pode criar dinamicamente um bloco JSON-LD para a receita usando o nome da página como o nome da receita, criando a seguinte variável de usuário nomeada Recipe_name:

function() { return document.title; }

Então você pode usar Recipe_name em seu usuário -tag.

Recomenda -se criar variáveis para coletar todas as informações necessárias da página usando variáveis.

Aqui está um exemplo de conteúdo do usuário -the:


NOTA: O exemplo anterior sugere que você determinou as variáveis Recipe_Name, Recipe_Image e Recipe_Author no GTM.

Geração de dados estruturados usando o usuário JavaScript para o seu site do Google

Outra maneira de gerar dados estruturados é usar o JavaScript para gerar todos os seus dados estruturados ou adicionar informações adicionais aos dados estruturados do servidor. De qualquer forma, a Pesquisa do Google pode entender e processar dados estruturados disponíveis no DOM ao renderizar a página. Para saber mais sobre como o Google Search processa JavaScript, leia a liderança do JavaScript.

Aqui está um exemplo de dados estruturados gerados usando JavaScript:

  • Encontre o tipo de dados estruturados que lhe interessam.
  • Edite seu site para ativar o fragmento JavaScript, por exemplo:
  • fetch('https://api.example.com/recipes/123')
     .then(response => response.text())
     .then(structuredDataText => {
     const script = document.createElement('script');
     script.setAttribute('type', 'application/ld+json');
     script.textContent = structuredDataText;
     document.head.appendChild(script);
     });
    
  • Teste sua implementação usando a ferramenta de teste de resultados ricos.

Usando a renderização do servidor para o seu site do Google

Se você usar a renderização do servidor, também poderá incluir dados estruturados em uma saída rendida. Confira a documentação da sua estrutura para descobrir como gerar JSON-LD para o tipo de dados estruturados que lhe interessam.

Como testar sua implementação para o seu site no Google

Para garantir que a pesquisa do Google possa indexar e processar seus dados estruturados, teste sua implementação:

  • Abra a rica ferramenta de teste de resultados.
  • Digite o URL que deseja testar. Recomendamos o uso de entrada URL, não a entrada de código, pois pode haver restrições de JavaScript (por exemplo, restrições de CORS) ao usar o código INPAT.
  • Clique em Teste URL.

Sucesso: Se você fez tudo certo e seu tipo de dados estruturado é suportado na ferramenta, verá a mensagem "A página é adequada para resultados avançados". Se você estiver testando o tipo de dados estruturados que não são suportados na ferramenta de resultados ricos, verifique a reputação. Se a renderização contiver dados estruturados, a pesquisa do Google poderá processá -los.

Tente novamente: Se você vir erros ou avisos, provavelmente é um erro sintático ou uma propriedade ausente. Confira a documentação do seu tipo de dados estruturados e verifique se você adicionou todas as propriedades necessárias. Se o problema for salvo, entre em contato também com os problemas de correção de problemas de JavaScript para pesquisa.

Você pode entrar em contato com a empresa de SEO "SEO.computer" em qualquer problema por e -mail info@seo.computer, Whatsapp +79202044461.

ID 146

Envie uma solicitação e forneceremos uma consulta sobre SEO promoção do seu site