14 min de leituraAdicionar marcação de esquema ao WordPress

jan 4, 2022 | Blog, DIVI, Wordpress

A maneira como suas páginas aparecem nas páginas de resultados do mecanismo de pesquisa (SERPs) desempenham um papel significativo na quantidade de tráfego orgânico que você obtém. Se você não prender os espectadores, eles irão ignorar seu site e passar para a próxima opção sem pensar duas vezes.

Felizmente, existem várias maneiras de melhorar suas meta descrições . Por exemplo, usando a marcação de esquema,  você pode revisar seu estilo e transformar descrições simples em ‘rich snippets’ . Neste artigo, vamos falar sobre o que é a marcação de esquema e mostrar alguns exemplos de como ela funciona. Em seguida, ensinaremos a você duas maneiras de adicionar marcação de esquema ao WordPress.

Vamos lá!

Uma introdução à marcação de esquema (e por que você deve usá-la)

A marcação de esquema é um tipo de código que você pode adicionar às suas páginas para ajudar os mecanismos de pesquisa a entender melhor seu conteúdo. Usando a marcação de esquema, você transforma suas meta descrições regulares em rich snippets .

Para dar um exemplo, imagine que você  publicou uma receita em seu blog WordPress. A rota padrão seria usar uma meta descrição normal, que aparece nos resultados da pesquisa como texto simples:

Um exemplo de um resultado de pesquisa simples no Google.

Ao adicionar marcação de esquema à página, você pode transformá-la em um rich snippet para destacá-la, como este:

Um exemplo de um rich snippet para uma receita.

Para tornar isso possível, você deve adicionar marcação à nossa receita. Você pode fazer isso com um plug-in ou adicionar o código necessário às suas páginas manualmente usando microdados , RDFa ou JSON-LD . Discutiremos esses dois métodos com mais detalhes posteriormente.

A criação de rich snippets para suas páginas pode parecer um incômodo, mas pode beneficiá-lo de várias maneiras. Em primeiro lugar, os rich snippets destacam suas páginas nos resultados de pesquisa, o que o ajudará a  obter mais cliques . Em segundo lugar, existem  quase 600 tipos de esquemas para usar, portanto, não importa qual seja o seu conteúdo, você encontrará marcações correspondentes. Isso permite que você faça muitas coisas interessantes com seus rich snippets, que veremos a seguir.

O que você pode fazer com a marcação de esquema

Como mencionamos anteriormente, existem centenas de tipos de esquema que você pode usar em suas páginas, dependendo de seu conteúdo. Já vimos como você pode usar isso com uma receita, então vamos ver outras maneiras de usar o esquema para seu conteúdo WordPress.

Por exemplo, se você está executando um blog, provavelmente ganhará muito com a marcação do esquema do artigo . Isso permite que você inclua elementos como imagens e nomes de autores ao lado de suas meta descrições:

Um exemplo de rich snippet de um artigo.

Muitos blogs também se concentram na revisão de produtos ou serviços. Aqui está um exemplo de um rich snippet de avaliação de produto , que permite exibir as pontuações de classificação:

Um exemplo de rich snippet de um produto.

Outro exemplo é o esquema de evento . Esse tipo pode mostrar datas, horários e locais para que as pessoas possam ter acesso fácil a todas as informações de que precisam:

Um exemplo de um rich snippet exibindo vários eventos.

Poderíamos continuar a falar sobre todos os tipos de esquema que você pode usar, mas isso deve lhe dar uma ideia das possibilidades. O WordPress permite que você implemente qualquer tipo de marcação de esquema que desejar, você só precisa saber como.

Como adicionar marcação de esquema ao WordPress (com e sem plug-ins)

Para usar a marcação de esquema no WordPress, você pode usar um plugin ou fazê-lo manualmente. Vamos cobrir as duas abordagens e explicar por que você pode querer usar qualquer um dos métodos.

1. Use o plug-in de rich snippets de esquema multifuncional

O plugin All In One Schema Rich Snippet.

O plug-in All In One Schema Rich Snippets permite adicionar marcação de esquema ao WordPress sem a necessidade de usar qualquer código. Depois de habilitar o plugin, um novo widget aparecerá abaixo do editor do WordPress. Para começar, tudo que você precisa fazer é escolher o tipo de conteúdo no qual está trabalhando:

Escolher que tipo de esquema usar.

Depois de fazer isso, você verá campos extras onde pode adicionar informações sobre o rich snippet:

Adicionando marcação de esquema ao WordPress usando um plugin.

Os campos irão variar dependendo da classe de conteúdo que você escolher. Não deve demorar mais do que alguns minutos para preencher todos os dados de esquema necessários para seus rich snippets.

Infelizmente, este plugin não permite que você visualize como seus snippets ficarão. Para fazer isso, você precisará publicar sua postagem ou página após adicionar os dados necessários e usar a Ferramenta de teste de dados estruturados do Google . Quando você acessar a ferramenta de teste, ela pedirá que você insira um URL ou um snippet de código. Se a postagem à qual você adicionou a marcação de esquema estiver ativa, você pode testá-la inserindo seu URL:

Usando a ferramenta de teste de dados estruturados do Google.

O Google puxará a marcação da página e mostrará para você no lado direito da página:

Uma análise da marcação da sua página.

A partir daqui, você pode clicar no  botão Visualizar  para verificar como seu rich snippet ficará quando alguém o vir nos resultados da pesquisa:

Pré-visualizar o rich snippet da sua página.

Se houver algum erro em sua marcação, a ferramenta avisará você nesta fase. No entanto, você não deve ter problemas ao usar o plug-in All In One Schema Rich Snippets, pois ele lida com toda a codificação para você.

2. Adicionar marcação de esquema a suas postagens usando campos personalizados do WordPress

Se você for um usuário avançado e quiser mais controle sobre a marcação que usa no WordPress, pode usar campos personalizados para adicionar a marcação de esquema manualmente. Essa abordagem permitirá que você use classes de esquema que não estão disponíveis com o plug-in. No entanto, requer um pouco de trabalho adicional.

Para começar, abra o editor da página ou postagem onde deseja adicionar a marcação. Procure a  guia Opções de tela  na parte superior da tela e clique nela. Você poderá escolher quais widgets deseja exibir ao lado do editor do WordPress. Vá em frente e ative a  opção Campos personalizados  e um novo widget aparecerá no editor:

Adicionando um novo campo personalizado do WordPress.

Você precisará criar um novo campo personalizado, então defina um nome para ele no campo à esquerda. À direita, você tem um campo vazio onde pode adicionar o código que deseja. Por exemplo, se você deseja mostrar um evento, aqui está um exemplo de como o código JSON-LD poderia ser:

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<script type="application/ld+json">
{
 "@context": "http://schema.org",
 "@type": "Event",
 "location": {
 "@type": "Place",
 "address": {
 "@type": "PostalAddress",
 "addressLocality": "Denver",
 "addressRegion": "CO",
 "postalCode": "80209",
 "streetAddress": "7 S. Broadway"
 },
 "name": "The Hi-Dive"
 },
 "name": "SOLD OUT! Typhoon with Radiation City",
 "offers": {
 "@type": "Offer",
 "availability": "http://schema.org/SoldOut",
 "price": "13.00",
 "priceCurrency": "USD",
 "url": "http://www.ticketfly.com/purchase/309433"
 },
 "startDate": "2013-09-14T21:30"
}
</script>

Este exemplo de código contém informações de espaço reservado, que você precisará substituir por suas próprias informações. Quando o código estiver pronto, clique no botão  Adicionar campo personalizado  para salvá-lo. Os dados agora estão adicionados ao seu conteúdo, mas você ainda precisa configurar o seu tema para carregá-lo. Salve sua postagem ou página agora e abra seu cliente FTP .

Conecte-se ao seu site via FTP e vá para a  pasta public_html / wp-content / themes  . Você encontrará pastas para cada um de seus temas. Para implementar a funcionalidade de que precisamos, você terá que editar um dos arquivos principais do seu tema. Se você ainda não fez isso, você desejará configurar um tema filho antes de fazer as mudanças que discutiremos a seguir. Quando o tema filho estiver pronto, volte ao  diretório de temas  e procure sua pasta:

Uma pasta de tema infantil Divi.

Abra essa pasta agora e localize o  arquivo header.php  dentro. Clique com o botão direito nele e escolha a  opção Exibir / Editar  . Isso permitirá que você edite o arquivo e adicione o seguinte código PHP dentro das  tags <head>  , próximo ao topo do documento:

01
02
03
04
$schemamarkup = get_post_meta(get_the_ID(), ' nameofyourcustomfield ', true);
if(!empty($nameofyourcustomfield)) {
  echo $ nameofyourcustomfield ;
}

Este código informa ao seu tema filho para carregar as informações no campo personalizado que você criou anteriormente, quando estiverem disponíveis. Você ainda precisará adicionar esse campo para cada postagem se quiser usar a marcação de esquema para ela. Sem este código, os motores de busca não serão capazes de acessar a marcação de esquema de suas postagens.

Antes de salvar o arquivo, você notará que o  placeholder nameofyourcustomfield  aparece três vezes. Você precisa substituí-lo pelo mesmo nome que definiu para o campo personalizado um minuto atrás. Quando isso for feito, você pode  salvar as alterações em seu  arquivo header.php  . Em seguida, vá em frente e verifique se a marcação do esquema é carregada corretamente usando a Ferramenta de teste de dados estruturados do Google , conforme mostramos na seção anterior.

Conclusão

O conteúdo do seu site é fundamental, mas também a forma como ele aparece nos resultados de pesquisa. Usar a marcação de esquema pode ajudá-lo a habilitar rich snippets para seu conteúdo, o que aumentará a visibilidade de seu conteúdo e ajudará a direcionar mais tráfego para seu site. Tudo o que você precisa fazer é adicionar marcação de esquema ao seu conteúdo e você está pronto para as corridas.

Quando se trata de adicionar marcação de esquema ao WordPress, mostramos dois métodos para fazer isso:

  1. Use o plug-in All In One Schema Rich Snippets .
  2. Adicione marcação de esquema às suas postagens usando campos personalizados do WordPress .
Schema – All In One Schema Rich Snippets (Plugin WP)

Descrição

Obtenha resultados atraentes em mecanismos de pesquisa com o plug-in de marcação de esquema mais popular. Fácil implementação de tipos de esquema, como Revisão, Eventos, Receitas, Artigo, Produtos, Serviços, etc.

O QUE É UM RICH SNIPPET?

É basicamente um breve resumo de sua página nos resultados de pesquisa do Google, Yahoo, Bing e, às vezes, no feed de notícias do Facebook em um formato agradável com classificações de estrelas, foto do autor, imagem, etc.
Veja exemplos de rich snippets aqui.

COMO UM RICH SNIPPET AJUDA?

  • Ele fornece aos mecanismos de pesquisa apenas as informações importantes e precisas para exibir nos fragmentos de resultados de pesquisa.
  • Rich snippets são muito interativos (fotos, avaliações com estrelas, preço, autor etc.) para permitir que você se destaque da concorrência
  • Veja a diferença que isso faz na CTR (taxa de cliques)
  • Ajuda você a ter uma classificação mais elevada nos resultados de pesquisa
  • Ajuda o Facebook a exibir informações adequadas quando os usuários compartilham seus links no Facebook
    Curioso, como esse plugin funciona?

TIPOS DE CONTEÚDO COM SUPORTE –

Este plugin suporta os seguintes tipos de esquemas:
* Revisão
* Evento
* Pessoas
* Produto
* Receita
* Aplicativo de software
* Vídeo
* Artigos

O LANÇAMENTO FUTURO INCLUIRIA –

  • Migalhas de pão
  • Negócio local
  • Livros

EnglishPortuguêsEspañol
Open chat