Você pode adicionar marcação de esquema a uma página da web para fornecer mais contexto sobre seu conteúdo. Embora um navegador da web não exiba esses dados, os rastreadores de mecanismos de pesquisa podem lê-los. Os mecanismos de pesquisa podem exibir esses dados como rich snippets nos resultados.

A marcação de esquema pode informar aos mecanismos de pesquisa se uma página é sobre uma pessoa, local, produto ou várias outras classes. As páginas da Web com marcação de esquema são diferenciadas nos resultados da pesquisa. Eles geralmente levam a taxas de cliques mais altas do que as páginas concorrentes.

Neste artigo, mostraremos como adicionar marcação de esquema manualmente. Embora não seja o método mais rápido, essa abordagem oferece mais controle e evita que você tenha que instalar plug-ins extras.

1. Escolha o seu formato preferido

Existem vários formatos diferentes que você pode usar para marcar o conteúdo do seu site. Os mais comuns são Microdados, RDFa, e JSON-LD.

Microdados

Microdata é um conjunto de tags que você pode usar para adicionar dados estruturados diretamente a elementos HTML. Adicionar essas tags ao seu HTML torna-as mais legíveis por máquina e acessíveis aos mecanismos de pesquisa e rastreadores da web.

Cada conjunto de tags Microdata consiste em um itemscope, um itemtype e itemprops. Esta combinação ajuda a identificar o item marcado e delinear suas propriedades.

RDFa

RDFa é a abreviação de Resource Description Framework in Attributes. Assim como os microdados, o RDFa adiciona tags aos elementos HTML para torná-los mais legíveis por máquina. Essa estrutura possui três tags: vocabulário, tipo de propriedade e propriedade. Isso ajuda a delinear o vocabulário em uso, o tipo de página e suas propriedades.

JSON-LD

JSON-LD significa JavaScript Object Notation for Linked Data. Isto é Formato recomendado do Google para marcação de esquema. Ao contrário dos outros formatos discutidos, JSON-LD não é um método embutido. Isso significa que você não precisa fazer alterações diretas nos elementos HTML. Em vez disso, você incorpora o código no cabeçalho da sua página da web. Isso geralmente é mais fácil de implementar.

2. Escreva a marcação em um editor de texto ou use um gerador de marcação de esquema

Depois de escolher seu vocabulário de esquema preferido, é hora de passar para escrevendo o HTML para criar sua marcação. Os programadores mais experientes podem ir em frente e criar isso usando qualquer um dos os melhores editores de código grátis.

A maneira mais fácil é usar um Schema Markup Generator, que irá gerar o código automaticamente para você. Existem muitos geradores por aí, mas dois dos melhores são Schema Markup Generator por Merkle e Gerador JSON-LD por Hall Analysis.

Essas duas ferramentas oferecem uma ampla variedade de vocabulários de esquema para você escolher. Tudo que você precisa fazer é selecionar um e preencher os dados necessários. A ferramenta irá gerar o código apropriado para você. Você pode então copiar o snippet de código para usar em seu site.

3. Adicione a marcação à página desejada

Adicionar o código ao seu site é tão simples quanto nas etapas anteriores. Para começar, vá até o painel do WordPress e abra a postagem ou página onde deseja adicionar alguma marcação de esquema.

Primeiro, você terá que ativar o Os campos personalizados opção. Ativar a opção de campos personalizados permite adicionar vários tipos de dados e metadados que se aplicam apenas a uma postagem ou página específica. Nesse caso, você pode usá-lo para adicionar marcação de esquema às suas páginas da web.

Apenas criar um novo campo personalizado não será suficiente. Você também precisará dizer ao WordPress o que fazer com ele, adicionando algum código a alguns de seus arquivos de tema. Em alguns casos, você pode usar campos personalizados para simplesmente fornecer mais dados aos leitores. Em outros, você pode usá-los para adicionar novos comportamentos à sua postagem ou página.

Neste caso, queremos apenas fornecer algumas informações aos motores de busca e navegadores.

Para começar:

  1. Clique no ícone de três pontos no canto superior direito da tela
  2. Navegar para Preferências e clique nele
  3. Role para baixo até Painéis Avançados e verifique o Os campos personalizados opção

Depois de ativar o Os campos personalizados opção, volte para sua postagem ou página e role para baixo até a parte inferior, onde você verá Configurações de campos personalizados. Debaixo Adicionar Novo Campo Personalizado, selecione Entrar Novo para criar um novo campo personalizado.

Em seguida, você deve nomear sua marcação de esquema. Neste exemplo, chamamos nosso “Artigo” porque queríamos adicionar uma marcação de artigo. Isso permitirá que os mecanismos de pesquisa e navegadores saibam que a postagem ou página contém um artigo. Em geral, entretanto, você pode nomear seu campo personalizado como quiser.

No rich snippet resultante, os leitores podem ver informações extras, como o nome do autor. Se você for um especialista em um determinado campo, isso pode ser útil, inspirando confiança nas pessoas que procuram informações sobre o assunto.

Depois de nomear sua marcação de esquema, você pode colar seu snippet de código no Valor campo. Se você quiser criar mais tipos de marcação de esquema para a mesma página ou postagem, tudo o que você precisa fazer é colar o segundo pedaço de código abaixo do primeiro. Você pode adicionar quantos quiser.

Quando terminar, clique em Adicionar Campo Personalizado, vá até o topo da página e clique em Atualizar para salvar suas alterações. Neste ponto, você adicionou com sucesso um novo campo personalizado à sua postagem ou página, mas ainda precisa dizer ao WordPress o que fazer com ele.

Neste caso, você precisa adicionar um trecho de código ao seu header.php arquivo que diz ao WordPress para 'chamar' seus campos personalizados.

Antes de prosseguir, esteja avisado de que qualquer erro que você cometer aqui pode corromper o seu site, portanto, certifique-se de faça backup do seu site primeiro. Além disso, é melhor criar um tema filho para que você não perca essas alterações sempre que atualizar seu tema.

Este é o código que você precisa adicionar ao seu header.php Arquivo:

php 
$ schema = get_post_meta (get_the_ID (), 'schema', true);

if (! empty ($ schema)) {
echo $ schema; < br />}

Para encontrar o seu arquivo header.php, vá para Aparência> Editor de tema. À direita, você verá uma série de arquivos, incluindo os do seu site header.php Arquivo.

Navegue até este arquivo e clique nele. Isso abrirá uma nova janela que permite editá-lo. Cole o código antes do fechamento marcação.

Em seguida, clique no Atualizar arquivo botão e recarregue seu site em um navegador. É isso! Você adicionou com êxito a marcação de esquema à sua página da web.

Para ter certeza de que não há erros e que sua marcação está funcionando corretamente, você deve validar sua página.

O Google oferece uma ferramenta de teste de dados estruturados que você pode usar para testar a marcação de esquema do seu site. Tudo que você precisa fazer é abrir a ferramenta e inserir a URL da página que deseja testar. A ferramenta fará a varredura da página e mostrará todos os dados estruturados que encontrar. Ele também informará se há algum erro, o que é útil se você escreveu seus dados estruturados manualmente.

Você também pode colar sua marcação diretamente na ferramenta para detectar quaisquer erros antes de adicioná-los ao seu site.

Saia na frente da competição com a marcação de esquema

A marcação de esquema oferece muitos benefícios a qualquer site da Web e geralmente é muito fácil de adicionar. Você pode adicionar a marcação de esquema ao seu site usando um plug-in ou fazê-lo da maneira manual, conforme mostramos neste artigo. A marcação de esquema é uma ótima maneira de melhorar a taxa de cliques do seu site. Se você está procurando resultados de SEO ainda melhores, deve considerar o uso de um plugin de SEO holístico.

Os 7 plug-ins de SEO para WordPress mais eficazes

Esses plug-ins de SEO para WordPress colocarão seu conteúdo na frente dos olhos certos.

Leia a seguir

CompartilhadoTweetE-mail
Tópicos relacionados
  • Programação
  • Wordpress
  • Desenvolvimento web
  • SEO
  • Metadados
Sobre o autor
David Abraham (11 artigos publicados)

David é um amante do WordPress que é apaixonado por ajudar as pequenas empresas a crescer!

Mais de David Abraham

Assine a nossa newsletter

Junte-se ao nosso boletim informativo para dicas de tecnologia, análises, e-books grátis e ofertas exclusivas!

Clique aqui para se inscrever