Posts Recentes:

SoftBank adquire fabricante de chips de IA do Reino Unido Graphcore

Empresa de chips do Reino Unido Gráficooré foi...

Pesquisadores do Google alertam que a IA está destruindo a internet

Um estudo feito por pesquisadores do Google aponta...

O que é marcação de esquema e por que ela é importante para SEO?


Schema.org é uma coleção de vocabulário (ou esquemas) usado para aplicar marcação de dados estruturados a páginas e conteúdo da web. A aplicação correta do esquema pode melhorar os resultados de SEO por meio de rich snippets.

A marcação de dados estruturados é traduzida por plataformas como Google e Microsoft para fornecer resultados aprimorados (ou rich snippets) em páginas de resultados de mecanismos de pesquisa ou e-mails. Por exemplo, você pode marcar suas páginas de produtos de comércio eletrônico com esquema de variantes para ajudar o Google a entender as variações do produto.

Schema.org é um projeto independente que ajudou a estabelecer consistência de dados estruturados na Internet. Começou a colaborar com motores de busca como Google, Yahoo, Bing e Yandex em 2011.

O vocabulário Schema pode ser aplicado a páginas por meio de codificações como RDFa, Microdata e JSON-LD. O esquema JSON-LD é preferido pelo Google porque é o mais fácil de aplicar e manter.

O esquema não é um fator de classificação.

No entanto, sua página da web se torna elegível para rich snippets em SERPs somente quando você usa marcação de esquema. Isso pode melhorar a visibilidade da sua pesquisa e aumentar a CTR da sua página a partir dos resultados da pesquisa.

O esquema também pode ser usado para construir um gráfico de conhecimento de entidades e tópicos. Usar a marcação semântica dessa forma alinha seu site com a forma como os algoritmos de IA categorizam entidades, auxiliando os mecanismos de pesquisa a compreender seu site e conteúdo.

Isso significa que os mecanismos de pesquisa devem ter informações adicionais para ajudá-los a descobrir do que se trata a página da web.

Você pode até vincular suas entidades diretamente a sites como a Wikipedia ou o gráfico de conhecimento do Google para construir conexões explícitas. Usar o Schema dessa forma pode ter resultados positivos de SEO, de acordo com Martha van Berkel, CEO do Schema App:

Ao ajudar os mecanismos de pesquisa a entender o conteúdo, você os ajuda a economizar recursos (especialmente importante quando você tem um site grande com milhões de páginas) e a aumentar as chances de seu conteúdo ser interpretado corretamente e bem classificado. Embora isso possa não ser um fator de classificação direto, o Schema ajuda seus esforços de SEO, dando aos mecanismos de pesquisa a melhor chance de interpretar seu conteúdo corretamente, dando aos usuários a melhor chance de descobri-lo.

Listados acima estão alguns dos usos mais populares de esquema, que são suportados pelo Google e outros mecanismos de pesquisa.

Você pode ter um tipo de objeto que tenha uma definição de schema.org, mas não seja compatível com mecanismos de pesquisa.

Nesses casos, é aconselhável implementá-los, pois os motores de busca poderão começar a suportá-los no futuro, e você poderá se beneficiar deles, pois já possui essa implementação.

O Google recomenda JSON-LD como formato preferido para dados estruturados. Microdados ainda são suportados, mas o esquema JSON-LD é recomendado.

Em determinadas circunstâncias, não é possível implementar o esquema JSON-LD devido a limitações técnicas da infraestrutura do site, como sistemas antigos de gerenciamento de conteúdo). Nestes casos, a única opção é marcar HTML via Microdata ou RDFa.

Agora você pode combinar os formatos JSON-LD e Microdata combinando o @id atributo do esquema JSON-LD com o itemid atributo do esquema de microdados. Essa abordagem ajuda a reduzir o tamanho HTML de suas páginas.

Por exemplo, em uma seção de FAQ com texto extenso, você pode usar Microdados para o conteúdo e JSON-LD para os dados estruturados sem duplicar o texto, evitando assim o aumento do tamanho da página. Iremos nos aprofundar nisso abaixo no artigo, ao discutir cada tipo em detalhes.

JSON-LD codifica dados usando JSON, facilitando a integração de dados estruturados em páginas da web. JSON-LD permite conectar diferentes tipos de esquema usando um gráfico com @idsmelhorando a integração de dados e reduzindo a redundância.

Vejamos um exemplo. Digamos que você possua uma loja que vende roteadores de alta qualidade. Se você olhasse o código-fonte da sua página inicial, provavelmente veria algo assim:

Depois de mergulhar no código, você desejará encontrar a parte da sua página da web que discute o que sua empresa oferece. Neste exemplo, esses dados podem ser encontrados entre os dois

Tag.

O seguinte texto formatado em JSON-LD marcará as informações dentro desse fragmento HTML em sua página da web, que você pode querer incluir na sua página da web

seção.



Este trecho de código define sua empresa como uma loja por meio do atributo"@type": "Store".

Em seguida, detalha sua localização, dados de contato, horário de funcionamento de segunda a sábado e diferentes horários de funcionamento para domingo.

Ao estruturar os dados da sua página da web dessa forma, você fornece informações críticas diretamente aos mecanismos de pesquisa, o que pode melhorar a forma como eles indexam e exibem seu site nos resultados de pesquisa. Assim como adicionar tags no HTML inicial, a inserção deste script JSON-LD informa aos mecanismos de pesquisa aspectos específicos do seu negócio.

Vamos revisar outro exemplo de esquema de página da Web conectado aos esquemas Organização e Autor por meio de @id. JSON-LD é o formato recomendado pelo Google e outros motores de busca porque é extremamente flexível, e este é um ótimo exemplo.



No exemplo:

  • Links do site para a organização como editora com @id.
  • A organização é descrita com propriedades detalhadas.
  • Links da página da Web para o site com isPartOf.
  • NewsArticle links para a página da Web com isPartOfe volte para a página da Web com mainEntityOfPagee inclui a propriedade do autor por meio de @id.

Você pode ver como os nós do gráfico estão vinculados entre si usando o"@id"atributo. Desta forma, informamos ao Google que se trata de uma página publicada pelo editor descrito no esquema.

O uso de hashes (#) para IDs é opcional. Você só deve garantir que diferentes tipos de esquema não tenham o mesmo ID por acidente. Adicionar hashes personalizados (#) pode ser útil, pois fornece uma camada extra de garantia de que eles não serão repetidos.

Você pode se perguntar por que usamos"@id"para conectar nós gráficos. Não podemos simplesmente colocar esquemas de organização, autor e página da Web separadamente na mesma página, e é intuitivo que eles estejam conectados?

A questão é que o Google e outros motores de busca não podem interpretar de forma confiável essas conexões, a menos que estejam explicitamente vinculadas usando @id.

Adicionar tipos de esquema adicionais ao gráfico é tão fácil quanto construir peças de Lego. Digamos que queremos adicionar uma imagem ao esquema:

{
   "@type": "ImageObject",
   "@id": "https://www.example.com/#post-image",
   "url": "https://www.example.com/example.png",
   "contentUrl": "https://www.example.com/example.png",
   "width": 2160,
   "height": 1215,
   "thumbnail": [
     {
        "@type": "ImageObject",
        "url": "https://example.com/4x3/photo.jpg",
        "width": 1620,
        "height": 1215
      },
      {
        "@type": "ImageObject",
        "url": "https://example.com/16x9/photo.jpg",
        "width": 1440,
        "height": 810
      },
      {
        "@type": "ImageObject",
        "url": "https://example.com/1x1/photo.jpg",
        "width": 1000,
        "height": 1000
      }
    ]
}

Como você já sabe pelo esquema NewsArticle, você precisa adicioná-lo ao gráfico do esquema acima como um nó pai e vinculá-lo via @id.

Ao fazer isso, ele terá esta estrutura:



Muito fácil, não é? Agora que você entende o princípio principal, pode construir seu próprio esquema com base no conteúdo do seu site.

E como vivemos na era da IA, você também pode usar o ChatGPT ou outros chatbots para ajudá-lo a construir qualquer esquema que desejar.

2. Formato de esquema de microdados

Microdados é um conjunto de tags que visa facilitar muito a anotação de elementos HTML com tags legíveis por máquina.

No entanto, a única desvantagem de usar microdados é que você precisa marcar cada item individual no corpo da sua página da web. Como você pode imaginar, isso pode ficar confuso rapidamente.

Dê uma olhada neste exemplo de código HTML, que corresponde ao esquema JSON acima com NewsArticle:

Our Company

Example Company, also known as Example Co., is a leading innovator in the tech industry.

Founded in 2000, we have grown to a team of 200 dedicated employees.

Our slogan is: "Innovation at its best".

Contact us at +1-800-555-1212 for customer service.

Our Founder

Our founder, Jane Smith, is a pioneer in the tech industry.

Connect with Jane on twitter.com/janesmith" rel="noopener">Twitter and LinkedIn.

About Us

This is the About Us page for Example Company.

Example News Headline

This is an example news article.

This is the full content of the example news article. It provides detailed information about the news event or topic covered in the article.

Author: John Doe. Connect with John on twitter.com/johndoe" rel="noopener">Twitter and LinkedIn.

Imagem de exemplo

Se convertermos o esquema JSON-LD acima para o formato Microdata, ficará assim:

Our Company

Example Company, also known as Example Co., is a leading innovator in the tech industry.

Founded in 2000-01-01, we have grown to a team of 200 dedicated employees.

Our slogan is: Innovation at its best.

Contact us at +1-800-555-1212 for Customer Service.

https://www.example.com Exemplo de logotipo de empresa

Connect with us on: Facebook, twitter.com/example" rel="noopener">Twitter, LinkedIn

Our Founder

Our founder, Jane Smith, is a pioneer in the tech industry.

Connect with Jane on twitter.com/janesmith" rel="noopener">Twitter and LinkedIn.

About Us

This is the About Us page for Example Company.

https://www.example.com/about

Example News Headline

This is an example news article.

This is the full content of the example news article. It provides detailed information about the news event or topic covered in the article.

Author:

Exemplo de imagem

Este exemplo mostra como isso se torna complicado em comparação com JSON-LD, já que a marcação é espalhada por HTML. Vamos entender o que está na marcação.

Você pode ver

tags como:


By adding this tag, we’re stating that the HTML code contained between the

blocks identifies a specific item.

Next, we have to identify what that item is by using the ‘itemtype’ attribute to identify the type of item (Person).


An item type comes in the form of a URL (such as https://schema.org/Person). Let’s say, for example, you have a product you may use http://schema.org/Product.

To make things easier, you can browse a list of item types here and view extensions to identify the specific entity you’re looking for. Keep in mind that this list is not all-encompassing but only includes ones that are supported by Google, so there is a possibility that you won’t find the item type for your specific niche.

It may look complicated, but Schema.org provides examples of how to use the different item types so you can see what the code is supposed to do.

Don’t worry; you won’t be left out in the cold trying to figure this out on your own!

If you’re still feeling a little intimidated by the code, Google’s Structured Data Markup Helper makes it super easy to tag your webpages.

To use this amazing tool, just select your item type, paste in the URL of the target page or the content you want to target, and then highlight the different elements so that you can tag them.

3. RDFa Schema Format

RDFa is an acronym for Resource Description Framework in Attributes. Essentially, RDFa is an extension to HTML5 designed to aid users in marking up structured data.

RDFa isn’t much different from Microdata. RDFa tags incorporate the preexisting HTML code in the body of your webpage. For familiarity, we’ll look at the same code above.

The HTML for the same JSON-LD news article will look like:

vocab="https://schema.org/" typeof="WebSite" resource="https://www.example.com/#website">

Our Company

Example Company, also known as Example Co., is a leading innovator in the tech industry.

Founded in 2000-01-01, we have grown to a team of 200 dedicated employees.

Our slogan is: Innovation at its best.

Contact us at +1-800-555-1212 for Customer Service.

https://www.example.com Exemplo de logotipo de empresa

Connect with us on: Facebook, twitter.com/example" rel="noopener">Twitter, LinkedIn

Our Founder

Our founder, Jane Smith, is a pioneer in the tech industry.

Connect with Jane on twitter.com/janesmith" rel="noopener">Twitter and LinkedIn.

About Us

This is the About Us page for Example Company.

https://www.example.com/about

Example News Headline

This is an example news article.

This is the full content of the example news article. It provides detailed information about the news event or topic covered in the article.

Author: John Doe Profile twitter.com/johndoe" rel="noopener">Twitter LinkedIn

Exemplo de imagem

Ao contrário dos microdados, que usam uma URL para identificar tipos, o RDFa usa uma ou mais palavras para classificar tipos.

vocabulário=”http://schema.org/” typeof=”Página da Web”>

Se você deseja identificar melhor uma propriedade, use o atributo 'typeof'.

Vamos comparar JSON-LD, Microdata e RDFa lado a lado. O atributo @type do JSON-LD é equivalente ao Tipo de item atributo do formato de microdados e o tipo de atributo em RDFa. Além disso, o propertyName do atributo JSON-LD seria equivalente ao itemprop e atributos de propriedade.

Nome do AtributoJSON-LDMicrodadosRDFa
Tipo@tipoTipo de itemtipo de
EU IA@eu iaID do itemrecurso
Propriedadenome da propriedadeitemproppropriedade
Nomenomeitemprop=”nome”propriedade=”nome”
Descriçãodescriçãoitemprop=”descrição”propriedade=”descrição”

Para obter mais explicações, você pode visitar Schema.org para verificar listas e ver exemplos. Você pode descobrir quais tipos de elementos são definidos como propriedades e quais são definidos como tipos.

Para ajudar, cada página do Schema.org fornece exemplos de como aplicar tags corretamente. Claro, você também pode recorrer à ferramenta de teste de dados estruturados do Google.

4. Misturando diferentes formatos de dados estruturados com JSON-LD

Se você usa o esquema JSON-LD, mas certas partes das páginas não são compatíveis com ele, você pode misturar formatos de esquema vinculando-os via @id.

Por exemplo, se você tiver um blog ao vivo no site e um esquema JSON-LD, incluir todos os itens de blog ao vivo no esquema JSON significaria ter o mesmo conteúdo duas vezes na página, o que pode aumentar o tamanho do HTML e afetar o First Contentful Paint e o Largest Métricas de velocidade da página Contentful Paint.

Você pode resolver isso gerando JSON-LD dinamicamente com JavaScript quando a página carrega ou marcando tags HTML de blogs ao vivo por meio do formato Microdata e, em seguida, vinculando ao seu esquema JSON-LD na seção principal por meio de “@id“.

Aqui está um exemplo de como fazer isso.

Digamos que temos este HTML com marcação de microdados com itemid="https://www.example.com/live-blog-page/#live-blog"

Explore the biggest announcements from DevDay

1:45 PM ET Nov 6, 2023

OpenAI is taking the first step in gradual deployment of GPTs – tailored ChatGPT for a specific purpose – for safety purposes.

1:44 PM ET Nov 6, 2023

ChatGPT now uses GPT-4 turbo with current knowledge.

It also knows which tool to choose for a task with GPT-4 All Tools.

1:43 PM ET Nov 6, 2023

Microsoft CEO Satya Nadella joined Altman to announce deeper partnership with OpenAI to help developers bring more AI advancements.

We can link to it from the sample JSON-LD example we had like this:



Se você copiar e colar exemplos de HTML e JSON abaixo na ferramenta validadora de esquema, verá que eles estão sendo validados corretamente.

O validador de esquema valida o exemplo acima.O validador de esquema valida o exemplo acima.

O impacto SEO dos dados estruturados

Este artigo explorou os diferentes tipos de codificação de esquema e todas as nuances relacionadas à implementação de dados estruturados.

O esquema é muito mais fácil de aplicar do que parece e é uma prática recomendada que você deve incorporar em suas páginas da web. Embora você não receba um impulso direto em suas classificações de SEO pela implementação do Schema, ele pode:

  • Torne suas páginas qualificadas para aparecer em resultados aprimorados.
  • Garanta que suas páginas sejam vistas pelos usuários certos com mais frequência.
  • Evite confusão e ambiguidade.

O trabalho pode parecer tedioso. No entanto, com tempo e esforço, implementar adequadamente a marcação Schema é bom para o seu site e pode levar a melhores jornadas do usuário por meio da precisão das informações que você fornece aos mecanismos de pesquisa.


Créditos da imagem

Imagem em destaque: Paulo Bobita
Captura de tela tirada pelo autor

Consulte Mais informação:

COLABORADOR VIP
Preço do mandril
Fundador da Measurable SEO

Procurando uma solução de marketing de conteúdo para aumentar o tráfego e a receita? Sou o fundador da Measurable SEO e ex-COO...

SEO técnico avançado: um guia completo



Últimas

Câmeras Waymo capturam imagens de pessoa acusada de supostos cortes de pneus de robotaxi

Um morador de Castro Valley foi acusado na...

SoftBank adquire fabricante de chips de IA do Reino Unido Graphcore

Empresa de chips do Reino Unido Gráficooré foi...

Pesquisadores do Google alertam que a IA está destruindo a internet

Um estudo feito por pesquisadores do Google aponta...

César Lattes, físico e professor brasileiro, é homenageado no Google

Hoje, o Google celebra com um Doodle animado...

Assine

spot_img

Veja Também

Câmeras Waymo capturam imagens de pessoa acusada de supostos cortes de pneus de robotaxi

Um morador de Castro Valley foi acusado na...

SoftBank adquire fabricante de chips de IA do Reino Unido Graphcore

Empresa de chips do Reino Unido Gráficooré foi...

Pesquisadores do Google alertam que a IA está destruindo a internet

Um estudo feito por pesquisadores do Google aponta...

César Lattes, físico e professor brasileiro, é homenageado no Google

Hoje, o Google celebra com um Doodle animado...

O WhatsApp agora permite que empresas enviem códigos de autenticação para usuários na Índia

O WhatsApp agora permite que empresas enviem códigos...
spot_img

Câmeras Waymo capturam imagens de pessoa acusada de supostos cortes de pneus de robotaxi

Um morador de Castro Valley foi acusado na quinta-feira por supostamente cortar os pneus de 17 robotaxis Waymo em São Francisco entre 24...

SoftBank adquire fabricante de chips de IA do Reino Unido Graphcore

Empresa de chips do Reino Unido Gráficooré foi formalmente adquirida pelo SoftBank do Japão.Rumores do acordo abundam há algum tempomas negociações prolongadas e...

Pesquisadores do Google alertam que a IA está destruindo a internet

Um estudo feito por pesquisadores do Google aponta que a IA generativa, a mesma que a gigante de Mountain View está super incentivando,...