Como adicionar Schema de Receitas (Structure Data) dinamicamente com o GTM para aparecer no Google- destaque

Como adicionar Schema de Receitas dinamicamente com o GTM para ter destaque no Google

Porque implementar schema (código para motores de pesquisa) no nosso site ou no site dos clientes por vezes é uma tarefa difícil, neste artigo quero falar de um pequeno workaround para conseguirmos adicionar Schema de Receitas dinamicamente através do Google Tag Manager (GTM) para melhorarmos os resultados orgânicos.

⚠️ ATENÇÃO: Este é um workaround, não é a melhor prática de SEO!

👀 EXEMPLO: Podem testar este URL no Schema tester da Google ou ver imagem infra

Como adicionar Schema de Receitas (Structure Data) dinamicamente com o GTM para aparecer no Google

 

Adicionar Schema de Receitas (Structure Data) dinamicamente com o GTM (implementação)

1 O primeiro passo é fazer o download do container do Google Tag Manager (GTM) de Schema de Receitas.

ℹ️ INFO: O GTM permite que sejam importadas configurações previamente criadas de Tags (etiquetas), Triggers (acionadores) e Variables (variáveis) com a importação de um ficheiro. Sendo assim, exportei todas as configurações para que possam importar na vossa conta de GTM.

Download schema receitas GTM
2 Para instalar as configurações de GTM é necessário entrar na parte de “Admin” e escolher a opção: “Importar contentor“.

Admin –> importar contentor (imagem infra)

instalação container GTM

3 Eis os passos a seguir de forma a adicionar esta configuração sem alterar as configurações/tags já existentes no vosso GTM:

  1. Selecionar o ficheiro do download
  2. Selecionar o workspace (espaço de trabalho) existente
  3. Selecionar “intercalar”
  4. Selecionar “mudar o nome de etiquetas em conflito”.

2 instalacao container

3 instalação container

4 Devem agora alterar o trigger (acionador) do GTM para que este código dispare apenas nas páginas de receitas.

Como funciona esta configuração (contexto)

Esta configuração é uma configuração validade para que as vossas receitas consigam beneficiar dos structured snippets de receita no motor de pesquisa Google.

Este método garante a informação essencial de schema de receitas, pesquisando a informação no vosso site e substituindo caso não exista.

Existem 3 formas de utilizarem esta configuração de GTM.

  1. adicionando esta configuração de GTM ao vosso GTM e editarem só trigger (fácil)
  2. adicionando esta configuração de GTM e uma tabela ao site com o resumo da informação da receita (intermédio – mas aconselhado)
  3. adicionando esta configuração de GTM e alterar as variáveis da configuração para as do vosso site c/ JavaScript

 

1 Adicionando esta configuração de GTM ao vosso GTM e editarem só trigger (fácil)

A forma mais fácil de adicionar esta a informação essencial de Schema de receitas é de simplesmente instalar o esta configuração de GTM.

O GTM vai preencher automaticamente os seguintes campos:

 

name
 Nome da receita/página
 

image
 Imagem do receita/página (caso não exista será substituído por esta
 

author
 O nome do site preenchido automaticamente pelo URL do domínio
 

datePublished
 Data de publicação (caso não exista adiciona automaticamente a data 2021-07-07)
 

prepTime
 Tempo necessário de preparação (caso não exista adiciona automaticamente 30 minutos)
 

totalTime
  Tempo necessário de preparação (caso não exista adiciona automaticamente 30 minutos)
 

keywords
 Adiciona os ingredientes (caso não exista adiciona automaticamente “Vários ingredientes”)
 

recipeYield
 Adiciona o número de pessoas que serve caso não exista adiciona automaticamente 4 )
 

recipeCategory
 Adiciona o tipo de cozinha (caso não exista adiciona automaticamente “cozinha portuguesa”)
 

recipeCuisine
 Adiciona o tipo de cozinha (caso não exista adiciona automaticamente “cozinha portuguesa”)
 

recipeIngredient
  Adiciona os ingredientes (caso não exista adiciona automaticamente “Vários ingredientes”)
 

recipeInstructions
 Adiciona a descrição e o título da receita

 

Caso queiram, podem alterar o preenchimento automático pelas variáveis que quiserem.

⚠️ ATENÇÃO: Devem sempre testar esta implementação com o vosso site para confirmar que todas as variáveis estão a ser bem preenchidas.

2 Adicionando esta configuração de GTM e uma tabela ao site com o resumo da informação da receita (intermédio – mas aconselhado)

Outra forma de garantir que a informação é mais precisa é de adicionar esta tabela de resumo da receita a cada página de receita.

Ao adicionarem esta tabela (código HTML infra) o GTM vai identificar automaticamente os elementos que estão na tabela a preenche essa informação no Schema.

Resumo de receita

Tempo de Preparação (min.) 10
Ingredientes Linhaça, banana
Tipo de Cozinha Vegana
Número de Pessoas 4

 

Sendo assim, para isso basta copiarem a tabela em HTML infra e adicionarem esta tabela ao site (na versão HTML)

⚠️ ATENÇÃO: Devem sempre testar esta implementação com o vosso site para confirmar que todas as variáveis estão a ser bem preenchidas.

3 Adicionando esta configuração de GTM e alterar as variáveis da configuração para as do vosso site c/ JavaScript

⚠️ ATENÇÃO: Esta opção requer algum conhecimento de JavaScript

Por último, mais complexo mas pode valer bem a pena porque fica muito mais otimizado para os motores de pesquisa, é de identificar cada ponto no vosso site com JavaScript e substituir essa informação nas variáveis de GTM.

Eis os passos com o exemplo de número de pessoas no site do Continente:

1 Encontrar o número de pessoas mencionado no website e inspecionar

Schema de Receitas (Structure Data) - substituir JS - 1

2 Copiar o caminho de JavaScript

Schema de Receitas (Structure Data) - substituir JS - 2

3 Encontrar a variável de número de pessoas no GTM e substituir o código 2 vezes. O primeiro nãpo deverá ter uma parameterização.

Schema de Receitas (Structure Data) - substituir JS - 3

 

⚠️ ATENÇÃO: Com esta configuração não é necessário adicionar a tabela da opção 2 aos artigos

⚠️ ATENÇÃO: Devem sempre testar esta implementação com o vosso site para confirmar que todas as variáveis estão a ser bem preenchidas.

 

Porque é bom utilizar este método (razão)

As grandes vantagens de utilizar esta configuração prendem-se sobretudo com:

  • fácil configuração para todo o website
  • fácil adaptação para todas as receitas automaticamente
  • qualificação para os motores de pesquisa que o URL contém uma receita

Para que fique claro, não deverão pensar nesta implementação como o primeiro passo a tomar. Falem com o vosso programador pois ele consegue fazer algo muito semelhante mas sem a utilização do GTM que por vezes pode não ser reconhecido pelo motor de pesquisa e consegue de uma melhor forma identificar todos os elementos necessários.

Esta implementação não é a melhor prática mas é uma boa “safa” de forma a que possa beneficiar dos structured snippets da Google para receitas.

ℹ️ DISCLAIMER: é possível que encontrem alguns erros na linguagem do artigo. Isto deve-se a uma espécie de dislexia criada por viver fora de Portugal durante algum tempo e falar outras línguas. Contudo, espero que não afete a vossa experiência e o valor do artigo. Se encontrarem alguma gralha agradeço sempre o aviso.

Se tiverem feedback ou necessitarem de ajuda estou por aqui e podem sempre falar comigo. Espero que este artigo vos ajude.

2 Comentários

Deixe um comentário

This website is hosted Green - checked by thegreenwebfoundation.org