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
Índice
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.
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)
3 Eis os passos a seguir de forma a adicionar esta configuração sem alterar as configurações/tags já existentes no vosso GTM:
- Selecionar o ficheiro do download
- Selecionar o workspace (espaço de trabalho) existente
- Selecionar “intercalar”
- Selecionar “mudar o nome de etiquetas em conflito”.
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.
- adicionando esta configuração de GTM ao vosso GTM e editarem só trigger (fácil)
- adicionando esta configuração de GTM e uma tabela ao site com o resumo da informação da receita (intermédio – mas aconselhado)
- 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
2 Copiar o caminho de JavaScript
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.
⚠️ 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.
Se tiverem feedback ou necessitarem de ajuda estou por aqui e podem sempre falar comigo. Espero que este artigo vos ajude.
É possível fazer este mesmo processo com outros schemas ?
Por exemplo faq ou keywords ou thing ? digo de forma automática
Sim, podes sim. Tens só de alterar o tipo de schema.