Carrosséis

Você pode usar dados estruturados para que sua pesquisa aprimorada (anteriormente conhecida como rich cards) seja qualificada para uma exibição semelhante a uma lista chamada de carrossel. Os carrosséis geralmente são exibidos apenas em dispositivos móveis e para determinados tipos de conteúdo, conforme descrito abaixo. Se você usar marcação de carrossel para um tipo de conteúdo não compatível com esse formato, isso não será um erro. As informações ainda poderão ser exibidas, mas não em um carrossel.

Em alguns casos, a Pesquisa Google pode exibir a pesquisa aprimorada dentro de um carrossel mesmo que a página não inclua dados estruturados para uma lista: por exemplo, uma receita pode aparecer em um carrossel de resultados de vários sites diferentes.

Exemplo

Veja uma lista de receitas com frango de um único site mostrada em um carrossel:

Pesquisa aprimorada de carrossel de receitas

Diretrizes

Além das diretrizes padrão de dados estruturados, as seguintes diretrizes se aplicam a todas as marcações de lista:

  • Todos os itens da lista devem ser do mesmo tipo, por exemplo: Artigo ou Receita.
  • O texto visível para o usuário deve ser semelhante às informações contidas nos dados estruturados da página.
  • Os itens mostrados em formato de lista serão mostrados na ordem especificada pela propriedade position.
  • No momento, o formato de lista é compatível com os tipos de conteúdo a seguir. Essa relação está aumentando, então fique à vontade para criar uma lista para outros tipos à medida que eles se tornarem compatíveis: Receita, Filme, Curso, Artigo.

Existem duas maneiras de implementar um formato de lista para seus dados estruturados:

  • página de resumo + várias páginas de detalhes completos
  • uma lista em uma única página

Página de resumo + várias páginas de detalhes completos

A página de resumo tem uma breve descrição de cada item da lista, e cada descrição aponta para uma página de detalhes separada, inteiramente focada em um item.

Página de resumo Página de detalhes
Define um ItemList, em que cada ListItem tem apenas três propriedades: @type (definida como "ListItem"), position (a posição na lista) e url (o URL de uma página com detalhes completos sobre esse item). Define um elemento de dados estruturados apropriado para esse tipo de lista.
Pseudocódigo para best_pie_recipes.html:
ItemList
  itemListElement: [
    {
      @type: ListItem
      position: 1
      url: http://example.com/cherry_pie_recipe.html
    },
    {
      @type: ListItem
      position:2
      url: http://example.com/appple_pie_recipe.html,
    },
    ... more recipes ...
  ]
Pseudocódigo para cherry_pie_recipe.html:
@type: Recipe
name: George's Cherry Pie
author: George Smith
.... more properties ...

Código de exemplo:

Código de exemplo:

Lista em uma única página

Uma lista em uma única página hospeda todas as informações da lista, incluindo o texto completo de cada item: por exemplo, uma galeria de receitas para vários tipos de muffin, tudo em uma só página.

Uma só página
Define um ItemList em que cada elemento é um ListItem com a propriedade item preenchida com os dados estruturados para esse tipo de elemento schema.org (por exemplo, Filme ou Curso). A página precisa conter texto visível para o usuário e uma âncora para corresponder a cada elemento ListItem.

Pseudocódigo para best_pie_recipes.html:

ItemList
  itemListElement: [
    {
      @type: ListItem
      position: 1
      item: {
        @type: Recipe
        url: http://example.com/big_list_of_recipes#recipe_1
        name: George's Cherry Pie
        author: George Smith
        ... all other required Recipe type properties ...}
    },
    {
      @type: ListItem
      position: 2
      item: {
        @type: Recipe
        url: http://example.com/big_list_of_recipes#recipe_2
        name: Martha's Apple Pie
        author: Martha Smith
        ... all other required Recipe type properties ...}
    },
    ... more recipes ...
  ]

 

Código de exemplo:

Definições de tipos de dados estruturados

Para especificar uma lista, você precisa definir um ItemList que contém pelo menos dois ListItems.

ItemList

ItemList é o item de contêiner que contém todos os elementos da lista. Se usado em uma página de resumo, todos os URLs na lista precisarão apontar para páginas diferentes no mesmo domínio. Se usado em uma lista em uma única página, todos os URLs devem precisarão apontar para a página que hospeda os dados estruturados da lista.

A definição completa de ItemList está disponível no schema.org.

Propriedades
@type

Obrigatória

Precisa ser "ItemList".

itemListElement

ListItem, obrigatória

Lista de itens. Todos os itens precisam ser do mesmo tipo. Confira ListItem abaixo para ver detalhes.

ListItem

ListItem contém detalhes sobre um item individual na lista.

  • No caso de uma página de resumo, o ListItem precisa incluir apenas as propriedades type, position e url.
  • No caso de uma lista em uma única página, o ListItem precisa incluir todas as demais propriedades do schema.org para o tipo de dado que ele descreve (por exemplo, objetos Recipe ou Course).

A definição completa de ListItem está disponível no schema.org.

Exemplo de item na lista de resumo simples (JSON-LD):

{
  "@type":"ListItem",
  "position":1,
  "url":"http://example.com/desserts/apple-pie"
}

Exemplo de item na lista em uma única página (JSON-LD):

{
  "@type": "ListItem",
  "position": 1,
  "item": {
    "@type": "Recipe",
    "url": "http://example.com/desserts/pies/#apple-pie",
    "name": "Apple Pie",
    "image": "https://example.com/300px-Apple_pie.jpg",
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "6",
      "reviewCount": "32"
    },
    "recipeYield": "8 servings",
    "recipeIngredient": [
      "Pastry crust for bottom and top",
      "1/2 cup unsalted butter",
      "3 tablespoons all-purpose flour",
      "1/4 cup water",
      "1/4 cup white sugar",
      "1/2 cup brown sugar",
      "10 cups peeled, chopped green apples"
    ],
  }
}
Propriedades
@type

Obrigatória

Precisa ser "ListItem"

position

Integer, obrigatória

A posição do item no carrossel. Trata-se de um número baseado em 1.

url

URL, obrigatória para páginas de resumo. Não incluir para listas em uma única página

Usada apenas para listas de páginas de resumo. O URL canônico da página de detalhes do item. Todos os URLs da lista precisam ser exclusivos, mas estar no mesmo domínio (o mesmo domínio ou sub/superdomínio da página atual).

item

Thing, obrigatória para listas em uma única página. Não incluir para páginas de resumo

Usada apenas para listas em uma única página. Preencha esse objeto com os seguintes valores, além de todos os membros do tipo específico de dado estruturado que está sendo descrito:

  • @type: o nome do tipo do schema.org do objeto que está sendo descrito. Exemplo: "Recipe"
  • url: URL totalmente qualificado + âncora de página para esse item na página. O URL precisa ser a página atual, e você precisa incluir uma âncora HTML (<a> tag ou valor name ou id) na sua página, próxima ao texto visível para o usuário. Exemplo: "https://example.org/recipes/pies#apple_pie"
  • name: nome do string do item, exibido na galeria renderizada. A formatação HTML é ignorada.
  • Qualquer outra propriedade obrigatória para esse tipo de dado, conforme descrito no schema.org, e as regras definidas nesses documentos para seu tipo de conteúdo (por exemplo, Artigo ou Livro). Como exemplo, para um livro em uma lista, você forneceria propriedades bookFormat e isbn. Para uma receita, você forneceria propriedades prepTime e image.

Enviar comentários sobre…