SEO

Schema e suas aplicações em SEO

Por Fábio Ricotta

As rich snippets foram adotadas pelos mecanismos de busca para oferecer ao usuário mais informação diretamente na SERP. Com elas, é possível mostrar mais detalhes sobre a sua página e aumentar a quantidade de visitas que você possui. Neste guia mostramos como implementar diversas das rich snippets utilizando o Schema.org. CLIQUE e confira!

Fábio Ricotta

Schema e suas aplicações em SEO

Olá leitores da Mestre,

Desde 2009, quando o Google adotou as Rich Snippets em sua interface uma nova era começou para os profissionais de SEO. Agora o Google conseguia entender parte do seu conteúdo e exibia um resultado com mais informações além do famoso título, meta description e URL.

Rich Snippet

Foi um grande avanço para a época e não parou por aí.

Schema.org um novo padrão

O Schema.org foi uma iniciativa lançada em 2 de Junho de 2011 pelo Bing, Google e Yahoo!, os principais mecanismos de busca da época, com a finalidade de criar e suportar um grupo comum de schemas para marcação de dados estruturados em páginas da Internet. Em Novembro de 2011, o Yandex, maior buscador da Russia, se junto à iniciativa.

Eles propuseram o uso dos seus schemas e microdados no HTML5 para marcar o conteúdo de um website com metadados sobre eles. Tais marcações podem ser reconhecidas pelos mecanismos de busca, trazendo informações semânticas sobre os sites, o que aperfeiçoaria a ideia da Web Semântica. No início a iniciativa do Schema.org possuía poucos formados, mas em longo prazo a ideia é suportar muitos formatos de schemas.

Schema e o Google

Nos nossos trabalhos de SEO, utilizamos o Schema para fazer marcações em nossos websites mas sempre olhando o que o Google já entende e exibe como rich snippet. O Google suporta rich snippets para os seguintes tipos de conteúdo:

  • Resenhas
  • Pessoas
  • Produtos
  • Autores
  • Receitas
  • Eventos
  • Música
  • Vídeos

Para cada caso, vamos olhar um exemplo relacionado, desta forma podemos aprender a como fazer a marcação no nosso site.

Resenhas

Rich Snippet Resenha

As resenhas normalmente são utilizadas quando você tem um negócio e uma pessoa (sempre real) escolheu deixar uma opinião sobre o seu produto/serviço. Ela é muito útil para lojas virtuais, onde pessoas compram os seus produtos e negócios locais, onde você pode obter a opinião com cada um dos seus compradores. Alguns exemplos de como implementar o código desta rich snippet estão aqui.

Pessoas

rich-snippet-pessoas

A marcação de pessoas normalmente é utilizada por redes sociais ou quando você oferece uma página para uma pessoa, onde você disponibiliza a região geográfica da pessoa e detalhes como a empresa que ela trabalha. Alguns exemplos de como implementar o código desta rich snippet estão aqui.

Produtos

rich-snippet-produto

rich-snippet-produto-com-ofertas

A marcação de produtos é o santo graal das lojas virtuais. Ela é uma grande chance de atrair ainda mais a atenção das pessoas quando elas estão navegando pelos resultados de busca. Com ela você consegue exibir o preço do produto ou a faixa de preços do produto em questão (um comparador de preços por exemplo) e ainda fechar com contagem de resenhas e avaliação das mesmas. Alguns exemplos de como implementar o código desta rich snippet estão aqui.

Autores

rich-snippet-autor

Já cobrimos aqui na Mestre todo o passo-a-passo para conquistar este tipo de resultado. Sugiro que você confira este artigo aqui.

Receitas

Rich Snippet de Receita

Se você é um portal ou blog e possui receitas para o seu público, esta é a rich snippet para você! Com ela é possível dar várias informações para o usuário diretamente nas páginas de resultados. É possível informar o tempo de preparação do prato, quantas calorias, quantos comentários e por fim quantas avaliações estão disponíveis sobre a receita. É bem simples de implementar e você pode conferir exemplos de código aqui.

Eventos

rich-snippet-evento

Uma “jogada” boa para quem faz matérias sobre shows e eventos é a utilização desta rich snippet. Com ela é possível listar este tipo de evento, exibindo-o diretamente na página de resultados. Fica a dica de implementar sempre que você listar algum show ou evento em seu website. Alguns exemplos de como implementar o código desta rich snippet estão aqui.

Música

rich-snippet-musica

Caso você tenha um website de uma banda ou seja um rede social de música ou ainda uma rádio, você pode disponibilizar mais informações para as pessoas sobre as músicas disponíveis para elas escutarem em sua página. Esta a rich snippet é bem simples de implementar e exemplos de código podem ser vistos aqui.

Aplicativo

rich-snippet-aplicativo

O seu website/marca oferece download de aplicativo? Existe uma rich snippet para você. Com ela é possível colocar o ícone do aplicativo, além da sua avaliação, votos e por fim quanto ela custa. É bem simples de implementar e você pode conferir exemplos de código aqui.

Vídeo

Rich Snippet de Vídeo

Para formatar a página de vídeo que deve aparecer como rich snippet nos buscadores, usaremos a marcação de VideoObject. Com o uso dessa formatação é possível exibir os vídeos da na SERP do Google.

Especificamente, são necessárias três peças de informação para cada vídeo: um título, uma descrição e uma miniatura. Você pode conferir um código de exemplo nesta página aqui.

Além de formatar o código fonte da página é fundamental oferecer um Sitemal.XML de vídeos.

O Sitemap.XML de vídeos visa oferecer informações adicionais ao Google sobre os vídeos postados no site. O conteúdo de vídeo inclui páginas que incorporam vídeo, URLs para players de vídeo ou URLs de conteúdo de vídeo bruto hospedado no site.

O arquivo robots.txt não deve estar bloqueando nenhum dos itens (incluindo o URL da página de reprodução, o URL do vídeo e o URL da miniatura) incluídos em cada entrada do Sitemap.XML.
No mínimo, as informações de vídeo adicionadas a um Sitemap precisam incluir um link para uma página de destino de um vídeo, além de algumas informações essenciais necessárias para indexar o vídeo.
Embora vários elementos sejam opcionais, eles fornecem metadados úteis que possam melhorar a capacidade de incluir o vídeo nos resultados de pesquisa. O Google pode usar o texto disponível na página do seu vídeo, em vez do texto fornecido no Sitemap, se houver diferença.

Como testar a marcação?

Com a necessidade de se testar o código criado, o Google criou uma ferramenta de teste de dados estruturados. O uso é bem simples, basta adicionar a URL do seu site que contém o código com marcação ou você pode clicar na aba HTML e colar o seu código. Em ambos os casos, ao clicar em “visualizar”, você terá todas as informações que o Google entende e diz também se há algum erro no código.

Após você ter adicionado e testado a marcação de rich snippets, o Google a detectará na próxima vez que indexar seu site estes dados estruturados e poderá exibir uma rich snippet para aquela URL.

LEIA MAIS

Redirecionamento 301 em PHP, ASP, htaccess, Coldfusion e Ruby on Rails

Você quer saber como configurar o redirecionamento 301 no seu site? Veja como e mantenha sua relevância no Google!

Páginas 404 Não Devem Retornar o Código 200 de Status

Hoje em dia é muito comum que página de erro 404 sejam customizadas, mas o trabalho de qualquer profissional de SEO é que estas páginas façam realmente o seu papel. Veja como prevenir que suas páginas de erro 404 causem problemas com os seus rankings.

Como Fazer o Google Encontrar o Seu Site?

Você sabia que existem diferentes formas de ajudar o Google a encontrar o seu site? Coloque nossas dicas em prática e faça seu site aparecer no buscador!

Comentários
  1. Avatar

    Ricotta, tudo bem?

    Há um tempo atrás o Google tinha abolido o uso do rel=”author” como forma de enriquecer a snippet. As imagens dos autores pararam de aparecer. Isso, no caso, voltou?

    • Avatar

      Oi Igor,

      Infelizmente o Google tirou este poder das nossas mãos mesmo 🙁

  2. Avatar

    Como consigo arrumar esses erros:

    – image_url: a propriedade image_url não é reconhecida pelo google para um objeto do tipo BlogPosting

    – blogId, postId idem problema acima

    – datePublished: não foi possível compreender o valor 00:00 como data/hora.

    – headline: é obrigatório inserir um valor para o campo headline. Exigido por: Rich snippets de artigos

    – image: é obrigatório inserir um alor para o campo image. Exigido por: Rich snippets de artigos

Os comentários estão fechados.

Já pensou em fazer parte do nosso time de mestres?