You are currently viewing Guia para iniciantes: Como usar Rich Snippets no WordPress

Guia para iniciantes: Como usar Rich Snippets no WordPress

O senhor deseja adicionar rich snippets em seu site do WordPress?

Os rich snippets permitem que o senhor tenha listagens de pesquisa personalizadas para conteúdo especial, como resenhas, receitas, eventos e muito mais. Essas listagens de pesquisa se destacarão e ajudarão a obter mais tráfego para seu site.

Neste artigo, mostraremos ao senhor como adicionar rich snippets ao seu site WordPress, passo a passo.

Guia para iniciantes: como usar rich snippets no WordPressGuia para iniciantes: como usar rich snippets no WordPress

Por que usar rich snippets em seu site WordPress?

Os rich snippets usam o que é chamado de marcação de esquema para fornecer informações adicionais sobre seu conteúdo aos mecanismos de pesquisa.

Os bots dos mecanismos de pesquisa usam esses dados para mostrar informações adicionais sobre seus posts e páginas nos resultados da pesquisa.

Exemplo de rich snippetsExemplo de rich snippets

Isso ajuda a fazer com que suas postagens e páginas se destaquem mais nos resultados de pesquisa, o que pode melhorar sua taxa de cliques orgânicos e ajudar o senhor a aumentar o tráfego de seu blog.

Isso também ajuda o senhor a criar autoridade em seu nicho, pois seu site se torna mais visível na pesquisa.

Os rich snippets não são apenas para sites de avaliação ou receitas. O senhor pode usar rich snippets para eventos, produtos, pessoas, vídeos, músicas, aplicativos, artigos, postagens de blog e muito mais.

Observação: É importante saber que adicionar marcação de esquema ao seu site não garante que o Google o exibirá. O Google pode optar por não fazê-lo em algumas pesquisas. No entanto, adicionar a marcação de esquema ajuda o Google a entender seu conteúdo e aumenta muito mais a probabilidade de ele exibir rich snippets.

Dito isso, vamos mostrar ao senhor como adicionar rich snippets ao WordPress. Basta usar os links rápidos abaixo para ir direto ao método que o senhor deseja usar.

Método 1. Adicionar Rich Snippets no WordPress usando um plug-in do WordPress

A maneira mais fácil de adicionar rich snippets ao WordPress é usar o plug-in AIOSEO plugin. É o melhor plugin de SEO para WordPress do mercado, usado por mais de 3 milhões de sites.

AIOSEOAIOSEO

Ele ajuda o senhor a otimizar facilmente seu site para mecanismos de pesquisa sem a necessidade de contratar um especialista em SEO. Além disso, o senhor pode configurar rich snippets em seu site com apenas alguns cliques.

Observação: O senhor precisará do versão profissional do AIOSEO pois inclui a funcionalidade de marcação de esquema e outros recursos como sitemaps XML, a gerenciador de redirecionamentoe muito mais. Há um versão gratuita do plug-in que o senhor pode usar para começar.

A primeira coisa que o senhor precisa fazer é instalar e ativar o plug-in AIOSEO plugin. Para obter mais detalhes, consulte nosso guia para iniciantes sobre Como instalar um plug-in do WordPress.

Após a ativação, o senhor será imediatamente levado ao assistente de configuração do AIOSEO. O senhor precisa clicar no botão “Let’s Get Started” (Vamos começar).

Clique em Clique em

Se o assistente de configuração não for exibido imediatamente, basta ir para All in One SEO ” Painel de controle.

A partir daí, o senhor pode clicar no botão “Launch the Setup Wizard” (Iniciar o assistente de configuração). Isso o guiará pelas etapas de configuração do plug-in para seu site.

Assistente de configuração do lançamento do painel do AIOSEOAssistente de configuração do lançamento do painel do AIOSEO

Ao passar pelo assistente de configuração, o senhor precisará ativar o complemento “Advanced Rich Snippets + Schema Markups”.

Basta marcar a caixa para que ela fique azul e, em seguida, clicar no botão ‘Save and Continue’.

Complemento de rich snippets e schema markup ativosComplemento de rich snippets e schema markup ativos

Na tela final, o senhor precisa digitar sua chave de licença e clicar no botão “Connect” (Conectar).

O senhor pode encontrar essas informações na página da sua conta no site da AIOSEO.

Digite a chave de licença do AIOSEODigite a chave de licença do AIOSEO

Para obter mais detalhes, consulte nosso guia definitivo sobre Como configurar o AIOSEO para WordPress corretamente.

Depois disso, o senhor pode ir para AIOSEO ” Aparência da pesquisa no painel de administração do WordPress e, em seguida, clique na guia “Content Types” (Tipos de conteúdo).

Acesse a aparência de pesquisa do AIOSEO e clique em tipos de conteúdoAcesse a aparência de pesquisa do AIOSEO e clique em tipos de conteúdo

Em seguida, o senhor pode definir o tipo de marcação de esquema para seus posts e páginas.

Basta clicar na opção de menu “Schema Markup” e, em seguida, o senhor pode escolher o tipo de esquema no menu suspenso.

O senhor poderá ver diferentes tipos de conteúdo que podem ser criados com o plug-in. A lista inclui:

  • Curso
  • Produto
  • Receita
  • Software/App
  • PERGUNTAS FREQUENTES
  • Página da Web
  • Perfil
  • Artigo

Ao clicar em qualquer tipo de conteúdo, o senhor verá os campos que estarão disponíveis.

Marcação de esquema padrão para postsMarcação de esquema padrão para posts

Essas configurações serão as configurações padrão quando o senhor adicionar um novo post no blog. No entanto, o senhor também pode alterá-las em uma postagem individual.

Abaixo da marcação do esquema do post, o senhor também pode controlar o esquema padrão das suas páginas.

Basta selecionar o “Schema Type” no menu suspenso. Em seguida, o senhor terá opções adicionais para o tipo de esquema selecionado.

Marcação de esquema padrão para páginasMarcação de esquema padrão para páginas

Quando o senhor terminar de fazer as alterações, clique no botão “Save Changes” (Salvar alterações) antes de sair da página.

Como adicionar informações de Rich Snippet a seus posts e páginas

Agora, o senhor pode adicionar informações de esquema aos seus posts e páginaspara que sejam exibidos com rich snippets exclusivos nos resultados da pesquisa.

Para fazer isso, basta abrir um post de blog e rolar para baixo, abaixo do editor de posts. Aqui o senhor verá uma meta-caixa chamada “AIOSEO Settings” (Configurações do AIOSEO).

O senhor precisa clicar na guia “Schema” e, em seguida, clicar no botão “Generate Schema”.

Clique no botão Generate Schema (Gerar esquema) no AIOSEOClique no botão Generate Schema (Gerar esquema) no AIOSEO

Isso abrirá o Catálogo de esquemas. Basta clicar no botão “Add Schema” ao lado do tipo de esquema que o senhor deseja adicionar.

Selecionar um tipo de esquema do Schema CatalogSelecionar um tipo de esquema do Schema Catalog

Agora, haverá diferentes campos disponíveis para preenchimento, com base na opção que o senhor selecionar. Por exemplo, o tipo de esquema ‘Software’ inclui campos para o nome, sistema operacional, preço, descrição, revisão e outros.

Postar marcação de esquema para aplicativo de softwarePostar marcação de esquema para aplicativo de software

Quando terminar, clique no botão “Add Schema”. Não se esqueça de clicar em “Update” (Atualizar) ou “Publish” (Publicar) na postagem para salvar as alterações.

Clique no botão Add Schema (Adicionar esquema)Clique no botão Add Schema (Adicionar esquema)

A adição de marcação de esquema a páginas individuais do WordPress é semelhante. O senhor precisa abrir a página que deseja editar e, em seguida, rolar para baixo até a meta box “AIOSEO Settings” (Configurações do AIOSEO) abaixo do editor de página.

Em seguida, clique na opção de menu “Schema”, clique no botão “Generate Schema” e selecione o tipo de esquema da página no catálogo de esquemas.

Exemplo de esquema de página para página da webExemplo de esquema de página para página da web

Serão exibidas opções diferentes, dependendo do tipo de esquema que o senhor selecionar.

Assim como acima, quando terminar, o senhor precisa clicar no botão “Add Schema” (Adicionar esquema) e clicar em “Update” (Atualizar) ou “Publish” (Publicar) na página para tornar suas alterações efetivas.

A adição de informações de rich snippet não fará diferença no front-end de seu blog do WordPress. No entanto, o senhor fornecerá aos bots dos mecanismos de pesquisa dados adicionais para serem exibidos com seus posts e páginas nos resultados da pesquisa.

Método 2. Adicionar Rich Snippets adicionando código ao WordPress

Outra maneira de adicionar rich snippets ao WordPress é adicionar código ao WordPress. Se o senhor não tiver feito isso antes, consulte nosso guia sobre como copiar e colar código no WordPress.

Os rich snippets ou a marcação de dados estruturados podem ser gravados em três vocabulários diferentes. Esses vocabulários são microdados, RDFa e JSON-LD. O senhor pode usar qualquer um deles em seu site. Entretanto, a maioria dos iniciantes considera o RDFa mais amigável.

Aqui está um exemplo de uma página sobre o usuário no WordPress. Normalmente, o texto da página será parecido com o seguinte:

John Smith
<img src="johnsmith.jpg" alt="Photo of John Smith"/>
Support Technician
342 Acme Inc.
101 Washington Avenue
Eagleton IN 98052
(425) 123-4567
<a href="mailto:johnsmith@example.com">johnsmith@example.com</a>
Website:
<a href="http://www.example.com">example.com</a>

Isso pode ser facilmente transformado com rich snippets.

Se o senhor estiver familiarizado com HTML, poderá entender facilmente o exemplo a seguir:

<div vocab="http://schema.org/" typeof="Person">
  <span property="name">John Smith</span>
  <img src="johnsmith.jpg" property="image" alt="Photo of John Smith"/>
  <span property="jobTitle">Support Technician</span>
  <div property="address"  typeof="PostalAddress">
    <span property="streetAddress">
      342 Acme Inc.
      101 Washington Avenue
    </span>
    <span property="addressLocality">Eagleton</span>,
    <span property="addressRegion">IN</span>
    <span property="postalCode">46818</span>
  </div>
  <span property="telephone">(425) 123-4567</span>
  <a href="mailto:johnsmith@example.com" property="email">johnsmith@example.com</a>
Website
  <a href="http://example.com" property="url">example.com</a>
</div>

Para cada tipo de conteúdo, há algumas propriedades especiais que precisam ser definidas.

A Schema.org é a organização que ajuda a manter o padrão para diferentes tipos de conteúdo. O senhor encontrará uma extensa documentação com exemplos para cada tipo de conteúdo. tipo de conteúdo do schema em seu site.

Aqui está outro exemplo de uma receita com rich snippets.

<div vocab="http://schema.org/" typeof="Recipe">
  <span property="name">Mom's World Famous Banana Bread</span>
  By <span property="author">John Smith</span>,
    <img property="image" src="bananabread.jpg"
    alt="Banana bread on a plate" />
  <span property="description">This classic banana bread recipe comes
  from my mom -- the walnuts add a nice texture and flavor to the banana
  bread.</span>
  Prep Time: <meta property="prepTime" content="PT15M">15 minutes
  Cook time: <meta property="cookTime" content="PT1H">1 hour
  Yield: <span property="recipeYield">1 loaf</span>
  Ingredients:
  - <span property="recipeIngredient">3 or 4 ripe bananas, smashed</span>
  - <span property="recipeIngredient">1 egg</span>
  - <span property="recipeIngredient">3/4 cup of sugar</span>
  ...
  Instructions:
  <span property="recipeInstructions">
  Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add
  the flour last. Pour the mixture into a loaf pan and bake for one hour.
  </span>
</div>

Se o senhor estiver adicionando manualmente rich snippets aos seus posts do WordPress, precisará adicionar manualmente o HTML ao WordPress. Para obter mais detalhes, consulte nosso guia para iniciantes sobre Como editar HTML no editor de código do WordPress.

Talvez o senhor também precise consultar a página de desenvolvedores do Google sobre dados estruturados para entender quais propriedades são necessárias para cada tipo de conteúdo.

Testando seus Rich Snippets e Schema Markup

Se estiver adicionando rich snippets manualmente, certifique-se de que adicionou os dados estruturados ao seu site do WordPress corretamente.

Para verificar seus rich snippets, basta acessar a página Ferramenta de teste de dados estruturados do Google. Em seguida, há dois testes diferentes que o senhor pode executar para testar seus dados estruturados.

Primeiro, clique no botão “Go to the Rich Results Test”. Isso verá quais resultados avançados podem ser gerados para sua página.

Ir para o teste de resultados aprimoradosIr para o teste de resultados aprimorados

Em seguida, insira o URL de sua página ou postagem na caixa.

Em seguida, clique no botão “Testar URL”.

Executar teste de resultados aprimoradosExecutar teste de resultados aprimorados

Isso gerará automaticamente um relatório para ver quais recursos de resultados avançados podem aparecer quando essa página ou post estiver listado nos resultados da pesquisa.

Ele fornecerá erros ou avisos para que o senhor possa melhorar seus dados estruturados. O senhor pode clicar na seta suspensa ao lado de qualquer aviso e obterá instruções detalhadas sobre como corrigi-lo.

Resultados do teste de resultados avançadosResultados do teste de resultados avançados

Em seguida, o senhor pode testar sua marcação de esquema voltando à página Ferramentas de teste de dados estruturados do Google.

Em seguida, clique no botão “Go to the Schema Markup Validator” (Ir para o validador de marcação de esquema).

Ir para o teste de validação de marcação de esquemaIr para o teste de validação de marcação de esquema

Em seguida, insira seu URL ou trecho de código na janela pop-up “Test your structured data” (Teste seus dados estruturados).

Em seguida, clique no botão “Run Test” (Executar teste).

Insira o URL ou o código e teste os dados estruturadosInsira o URL ou o código e teste os dados estruturados

A ferramenta analisará automaticamente seu código para verificar se há algum erro.

O senhor deseja ver 0 erros no lado direito da página.

Resultados do teste de marcação de esquemaResultados do teste de marcação de esquema

Esperamos que este artigo tenha ajudado o senhor a aprender como usar rich snippets em seu site WordPress. Talvez o senhor também queira ver nosso guia sobre como escolher o melhor registrador de nomes de domínio e nossas escolhas de especialistas sobre os melhores softwares de chatbots com IA para seu site.

Se o senhor gostou deste artigo, inscreva-se em nosso Canal do YouTube para ver tutoriais em vídeo sobre o WordPress. O senhor também pode nos encontrar em Twitter e Facebook.