Tudo o que você precisa saber sobre marcação de esquema em 2022

Todos os dias, seu chefe lhe entrega uma grande pilha de anotações de reuniões, bem como documentos diversos.

É seu trabalho classificar adequadamente cada um em um armário de arquivamento.

Isso envolve ler todos eles e escolher os principais detalhes . É cansativo e tedioso.

Felizmente, um novo gerente chega e exige que todos os documentos criados pela empresa tenham os mesmos detalhes-chave rotulados na parte superior de cada um.

Seu trabalho ficou muito mais fácil!

Num relance rápido, você tem todas as informações necessárias para classificar e arquivar corretamente todos os documentos.

O que é marcação de esquema?

Schema Markup é um “rótulo” composto por código, que compartilha informações importantes sobre suas páginas e adiciona contexto.

É como uma placa de sinalização para aranhas enquanto rastreiam seu conteúdo. O código é adicionado ao seu HTML para aprimorar os rich snippets nas SERPs do Google.

Você se lembra de aprender a formatar na escola? Seus professores estavam cansados ​​de fontes cursivas impossíveis de ler, alturas de linha que transformam uma redação de uma página em cinco, e não saber quem escreveu a droga porque não há nome nela!

Da mesma forma que seus professores queriam uma maneira melhor de entender suas redações, o Google quer uma maneira melhor de entender seu conteúdo.

Ok, você é uma empresa local. Qual é o nome da sua empresa e onde está localizada?

Ok, você está postando uma receita. Qual é o nome da receita, os ingredientes e os passos para fazê-la?

Ok, você revisou um produto. Como se chama e qual classificação geral de estrelas você daria?

A definição oficial de marcação de esquema do Google é “um formato padronizado para fornecer informações sobre uma página e classificar o conteúdo da página”.

Você verá no exemplo abaixo que o segundo snippet inclui uma avaliação com estrelas e uma avaliação que foi adicionada ao esquema.

O Schema fornece mais informações aos usuários de pesquisa, bem como aos mecanismos de pesquisa. O conteúdo também se destaca entre outros resultados que ajudam a aumentar a taxa de cliques (CTR).

Como o esquema foi criado?

Embora o schema.org tenha sido criado pelas quatro maiores empresas de mecanismos de busca (Google, Bing, Yahoo e Yandex), na verdade é um projeto liderado pela comunidade.

Qualquer um pode se envolver e compartilhar suas ideias.

Acima está uma captura de tela da página de problemas do Github do schema.org . É aqui que acontece a grande maioria das discussões sobre os diferentes tipos de esquema.

É um ótimo lugar para solucionar problemas e confusões com diferentes tipos de snippets. Os problemas são facilmente pesquisáveis.

Discutirei mais sobre isso na seção de desenvolvedores deste artigo.

Esquema Simples

Tal como acontece com os humanos em todo o mundo, existem muitas linguagens usadas para codificar sites.

Uma página da web é composta de HTML (Hypertext Markup Language) que informa ao site como visualizar seu conteúdo. Embora seu site fale esse idioma, não podemos presumir que todos os mecanismos de pesquisa possam fazê-lo!

É um grande jogo de adivinhação para o Google descobrir quem é o autor, a empresa/organização que representa e quais dados podem ser utilizados nas SERPs.

Deixe-me dar um exemplo rápido. Digamos que queremos organizar um encontro local de SEO. Nosso objetivo é ser listado nesta caixa que aparece quando você pesquisa no Google “eventos de SEO perto de mim”:

Bem, há uma variedade de maneiras que podemos fazer sobre isso. A primeira (e mais fácil) maneira seria criar uma postagem de evento do Google Meu Negócio . Mas talvez não estejamos qualificados para ter uma listagem do Google Meu Negócio!

Sem problemas. O segundo método é colocar um snippet de código schema.org em nossa página de evento.

Confira o trecho de código abaixo. Anotei para facilitar o entendimento.

Mas espere! Caso você verifique a captura de tela e fique sobrecarregado, saiba que existem várias maneiras de adicionar a marcação Schema ao seu site sem tocar em nenhuma marcação estranha. Existem plugins WordPress e geradores de código fáceis de usar.

No entanto, ajuda a obter uma compreensão bruta do que esses ajudantes estão realmente fazendo.

E assim, este pequeno trecho dá ao Google uma tonelada de informações sobre nosso evento!

Faz sentido?

Schema.org x Rich Snippets x Dados Estruturados

Você verá todos os tipos de termos jogados por aí:

• Tipos/classes de esquema
• Dados estruturados
• Ricos fragmentos

Mas quais são suas diferenças?

Dados estruturados descrevem o que estamos fazendo. Estamos fornecendo dados claros e organizados sobre nosso conteúdo que os mecanismos de pesquisa podem entender.

Schema.org é um tipo de dados estruturados. Na verdade, é o único tipo de dados estruturados com o qual o Google se preocupa.

Você já deve ter ouvido falar do OpenGraph antes. Esse é outro tipo de dados estruturados, mas é usado quase exclusivamente para sites de mídia social como Facebook, Twitter e Pinterest.

Rich Snippets são os widgets legais e sofisticados que o Google cria usando seus dados. Não é nada sobre o qual temos controle absoluto, mas nossos dados estruturados do schema.org aumentam nossas chances.

Quer ver alguns exemplos?

Informações sobre um filme:

Comentários de estrelas:

Receita:

Quais tipos de Schema.org o Google usa?

Pelo que sabemos, eles usam todos eles! Afinal, o Google é um jogador central por trás do projeto schema.org.

No entanto, independentemente de quantos tipos de dados eles usam para entender e classificar sites, existem apenas alguns que são usados ​​em seus rich-snippets (pelo menos até agora).

Eles estão:

• Organização
• Artigo
• Negócio local
• Receita
• Análise
• Vídeo
• produtos
• Evento
• Pessoa

Isso não significa que os outros não valem a pena serem implementados. Estamos prestes a examinar uma variedade de tipos de dados diferentes que podem ser muito benéficos para implementar.

Como adicionar marcação de esquema ao seu site

Você tem três opções principais para adicionar marcação Schema ao seu site:

1. Adicione o código de marcação manualmente
2. Use o Marcador de Dados
3. Use um plug-in do WordPress

Verificando a marcação existente

Antes de adicionar qualquer coisa ao seu site, é importante ver o que está implementado atualmente.

Se você está lendo este artigo, provavelmente já fez alguns esforços de SEO no passado, mesmo que seja tão pouco quanto instalar o plugin Yoast SEO WordPress. Bem, plugins como esse geralmente adicionam pelo menos alguma marcação de esquema.

Lance um URL seu na Ferramenta de Teste de Dados Estruturados .

Qualquer marcação que você tenha será exibida no lado direito da página. Como você pode ver, existem três tipos de esquema usados ​​na página que testei.

Opção nº 1: adicione o código de marcação manualmente

Você pode escrever seu código de marcação do zero, mas não precisa ser assim.

O Google criou o Structured Data Markup Helper e é ótimo!

Você começa selecionando seu tipo de conteúdo e inserindo um de seus URLs. Eu escolho um post recente do nosso blog.

Em seguida, comece a destacar e marcar diferentes elementos da sua página.

Depois disso, clique no botão vermelho “Criar HTML” e pegue seu código para adicionar à seção principal do seu HTML! Vai ficar um pouco assim:

Isso é maravilhoso para sua página inicial ou até mesmo uma única página. Mas começa a ficar entediante se você quiser marcar individualmente cada postagem do blog.

Se este for o caso, existem outras opções para explorar. O primeiro deles é o Marcador de Dados.

Opção nº 2: Marcador de dados

O Google queria dar aos webmasters uma interface mais fácil de usar para marcar seus dados. Talvez você não esteja confiante em editar o HTML de uma página para adicionar marcação de esquema.

O Marcador de Dados é útil. Verifique se você está conectado à sua conta comercial do Google, conecte um de seus URLs e marque-o como faria com o Auxiliar de marcação de dados estruturados.

Depois disso, ele apresentará conteúdo semelhante em seu site e você poderá garantir que ele também seja marcado corretamente.

Opção nº 3: Plug-in do WordPress

Você pode começar com um plugin do WordPress como o Yoast . Sua versão gratuita oferece os tipos de esquema mais básicos, como Organização, Pessoa e Breadcrumbs.

Eles também têm atualizações premium que suportam tipos de esquema relacionados a comércio eletrônico e negócios locais.

Agora, para onde você vai a partir daqui? Você pode ser um blogueiro, então gostaria de tipos de esquema como BlogPosting ou Article. Você pode ter uma empresa local e gostaria do tipo LocalBusiness.

Um ótimo plugin gratuito que encontrei é o WP SEO Structured Data Schema . Ele suporta uma tonelada de tipos de esquema na versão gratuita.

Se você não tiver certeza de qual implementar em seu site, listamos abaixo os tipos de esquema mais populares.

Tipos de dados de esquema que você deve usar

Dados de esquema de organização e navegação

• Organização
• Migalhas de pão

Existem alguns tipos de dados que se aplicam a todos os sites — seja uma publicação de notícias, uma loja online ou uma sorveteria.

No guia do Google para melhorar a aparência do site da sua empresa na pesquisa, eles recomendam configurar o tipo de esquema Organização e Breadcrumb.

Ao fazer isso, você especificará todos os tipos de informações, como nome da marca, endereço (se tiver), seus canais oficiais de mídia social e seu logotipo.

Breadcrumbs ajudam a exibir a hierarquia de suas páginas. Você os verá muito nos resultados da pesquisa. Dê uma olhada no URL deste resultado de pesquisa para o termo “botas de caminhada masculinas”:

Breadcrumbs mostram a hierarquia de páginas, categorias de produtos e categorias de postagem de blog.

O Google também recomenda adicionar uma seção contactPoint à marcação da sua organização. Isso o ajudará a obter suas informações de contato corretamente listadas quando as pessoas pesquisarem sua empresa.

Igual a:

Dica de marcação da organização : não coloque a marcação da sua organização em todas as páginas. John Mueller, do Google, recomenda que ele seja colocado apenas na página inicial ou na página de contato .

Marcação de pessoa

O motivo mais comum pelo qual as pessoas desejam usar a marcação Person é obter rich snippets como este:

Obter esses tipos de rich snippets nem sempre é fácil. Especialmente se você não for muito conhecido ou tiver um nome bastante comum.

O melhor uso dessa marcação de esquema para SEO é se você possui um site pessoal. Também é útil se você for uma empresa que tenha páginas dedicadas sobre cada um dos membros de sua equipe.

Marcação de empresa local

Se você é uma empresa local, implementar a marcação de esquema LocalBusiness é uma ótima etapa a ser seguida.

No entanto, os rich snippets de empresas locais extraem principalmente dados de sua listagem do Google Minha empresa.

Ainda vale a pena implementar para consistência de NAP (nome, endereço, número de telefone).

Marcação do artigo

Para ser ainda mais específico do que o tipo Artigo, você pode usar um tipo NewsArticle ou BlogPosting .

Os artigos podem conter todos os dados básicos que você associaria a um artigo, como o título e a data de publicação. Além disso, você também pode especificar sua contagem de palavras, prêmios que ganhou e uma breve descrição dele.

Marcação de classificação/revisão

Todos nós já vimos esse tipo de rich snippet de classificação nos resultados de pesquisa antes:

Ele pode ser usado para exibir classificações de seus clientes ou sua própria avaliação de um produto.

Certifique-se de usar avaliações reais de seus clientes em vez de definir arbitrariamente todos os seus produtos para cinco estrelas.

Este é provavelmente o tipo de esquema mais comumente abusado. Algumas pessoas colocam isso em todas as suas páginas na esperança de aumentar as classificações e clicar. O Google percebeu isso e pode até penalizá-lo por fazer tal coisa.

Marcação do produto

O esquema do produto é obrigatório para as lojas de comércio eletrônico!

É recomendável emparelhá-lo com o esquema de avaliações/avaliações.

Marcação de vídeo

O Google exibe os resultados de vídeo não apenas na guia Vídeos, mas também de acordo com o conteúdo regular.

Muitas vezes os resultados do vídeo são dominados pelos resultados do Youtube. Outras vezes (como este) outros sites de alta autoridade são capazes de garantir classificações.

Marcação de evento

Definitivamente, releia nossa seção intitulada “Esquema Simples”, onde analisamos um exemplo prático da marcação do evento.

Essa marcação é para qualquer tipo de evento que você criar e permite incluir todos os detalhes do evento na marcação.

Marcação de receita

É uma obrigação para qualquer blog de culinária! Se você já deu uma olhada em qualquer página de resultados de pesquisa relacionada a receitas…

…é claro que é completamente diferente dos resultados de qualquer outra palavra-chave.

Você quer tornar o mais fácil possível para o Google entender sua receita.

Bônus: marcação para seu nicho de mercado

Existem muitos tipos de marcação relacionados ao setor de super nicho para utilizar. Especialmente se você estiver em SEO local, é provável que seus concorrentes não estejam tirando vantagem deles.

Por exemplo, existem tipos como:

• Loja de roupas masculinas
• BikeStore
• Livraria
• Loja de hobbies
• …até mesmo OfficeEquipmentStore

Marcação de esquema em… e-mails

90% de vocês que estão lendo este artigo provavelmente estão interessados ​​apenas em como adicionar marcação Schema a sites.

A maioria das pessoas não tinha ideia de que era algo que também poderia ser adicionado aos seus e-mails de marketing!

Primeiro, é importante mencionar que isso é realmente apenas um benefício para os usuários do Gmail. Felizmente, os usuários do Gmail detêm 29% do mercado de clientes de e-mail, tornando-o o serviço de e-mail mais usado.

Eu adoraria ver a marcação Schema adicionada aos clientes de e-mail da Apple. Você sabia que o Gmail e a Apple representam mais de 50% do mercado de clientes de e-mail?

Os dois exemplos mais comuns de snippets do schema.org que você verá usados ​​em sua caixa de entrada são para voos e hotéis. Veja abaixo o que você verá para os voos que comprou:

E aqui está um exemplo de um botão que aparece ao lado de todos os seus e-mails sobre uma reserva de hotel.

A maioria de vocês, no entanto, não está no negócio de hotéis ou companhias aéreas. Ainda existem alguns tipos de dados perversos que você pode usar!

Ações de acesso

As ações mais úteis para praticamente todas as empresas serão as ações de entrada .

Tudo o que ele faz é fornecer um botão ou link simples ao lado do seu e-mail que permite que seus assinantes visitem um URL.

Essa marcação é ótima para fornecer uma chamada à ação e incentivar aberturas.

Eventos e RSVP

Você pode usar o tipo de dados EventRegistration e RSVP para tornar mais fácil para seus assinantes dizerem sim ao seu próximo evento.

Criar respostas personalizadas específicas (por exemplo, “Sim, eu vou”) e atribuir a cada uma uma URL exclusiva é ideal para testes A/B, acompanhamento e personalização da experiência do usuário.

Rastreamento de Pedidos e Remessas

Para quem está no e-commerce, os dois elementos de marcação de e-mail mais úteis para você serão Pedido e Entrega de encomendas .

Faturas

Esteja você enviando faturas para clientes ou lembrando um cliente sobre um pagamento automático de assinatura, o tipo de dados Fatura é muito útil.

Na imagem acima, você pode ver o exemplo mostrando uma fatura que já foi paga.

Uma parte exclusiva desse tipo de dados é que há uma variedade de status de pagamento que você pode escolher.

Isso é definido pelo PaymentStatusType do Schema . Os cinco tipos são:

• PagamentoAplicado Automaticamente
• PagamentoConcluído
• Pagamento Recusado
• Pagamento devido
• PagamentoAtrasado

Esquema para desenvolvedores

Clique aqui para enviar esta seção por e-mail ao seu desenvolvedor.

Eu pensei em fechar este artigo com algumas dicas e truques para desenvolvedores.

Isso não é necessariamente algo que você precisa saber como gerente de marketing ou alguém que não gosta de nada que se assemelhe a código.

Como ler os documentos

Como desenvolvedor, aprender qualquer tipo de tecnologia começa com aprender a ler a documentação.

Existem três recursos principais nos quais você deseja ficar de olho:

• A hierarquia completa do Schema.org
• Documentos de dados estruturados do Google (ou os documentos de dados estruturados do Gmail para quem lida com e-mail)
• Página Schema.org Github Issues para discussão e suporte de última hora

Documentos Schema.org

A documentação do schema.org detalha todos os tipos/classes possíveis definidos pelo padrão e as opções de configuração que você tem.

Sua documentação não é das mais divertidas de ler. Devido ao layout, você se tornará um especialista em apertar os botões “Home” e “End” do seu teclado.

Nessa tabela cinza principal você vê detalhes de todas as propriedades/atributos disponíveis que você tem a opção de definir.

Se você rolar tudollllllllllllllllllllllllllllll… até o final da página, você notará ambos os subtipos (pense em subclasses em termos de programação), bem como exemplos de trechos de código.

Documentos de dados estruturados do Google

Os Documentos de Dados Estruturados do Google mostram todos os tipos de exemplos de código, bem como uma visão por trás da cortina de quais tipos de esquema o Google se preocupa.

Navegar nele é muito simples. O painel à esquerda tem tudo o que você precisa para ser listado em “dados estruturados”.

Problemas do Github do Schema.org

Haverá momentos em que você está lendo os documentos e algo não está claro o suficiente para você. As chances são de que alguém teve essa mesma confusão. O melhor lugar para obter clareza sobre esses tipos de problemas tende a ser navegando pelos problemas do Github.

Microdados x RDFa x JSON-LD

O verdadeiro debate aqui é Microdata AND RDFa vs. JSON-LD.

Microdados e RDFa são muito semelhantes. Eles seguem uma sintaxe semelhante a HTML/XML. Também é completamente visível e faz uso do seu conteúdo existente.

JSON-LD, por outro lado, é apenas um trecho de código invisível, processado apenas pelos bots que visitam seu site. A grande diferença é que você tem que definir tudo de novo. Então, digamos que você esteja especificando o nome da postagem do seu blog. Você precisa digitá-lo novamente em vez de envolvê-lo em seu conteúdo visível.

Se isso não fizer sentido, deixe-me ilustrar usando dois trechos de código.

Uma postagem no blog de microdados:

 <div itemscope itemtype="http://schema.org/NewsArticle">
<h1 itemprop="headline">
      15 empresas de carros elétricos conquistando o mercado
    </h1>
<p itemprop="articleBody">Este é o conteúdo do meu artigo.</p>
</div>

Uma postagem no blog JSON-LD:

 <h1>15 empresas de carros elétricos conquistando o mercado</h1>
<p>Este é o conteúdo do meu artigo.</p>

<script type="application/ld+json">
 {
  "@context": "https://schema.org",
  "@type": "Artigo",
  "headline": "15 empresas de carros elétricos conquistando o mercado",
  "articleBody": "Este é o conteúdo do meu artigo."
  }
</script>

Notas Finais

Espero que este artigo tenha sido de grande ajuda para ensiná-lo sobre dados estruturados e marcação de esquema!

Cobrimos muito terreno e passamos por muitos tipos de esquema diferentes.

À medida que o Google implementa cada vez mais recursos de resultados de pesquisa avançados, a importância do esquema só aumentará.

Deixe-nos saber como você está indo com a implementação do esquema usando #fatjoeschema no Twitter @fatjoewho!