Google lança novo resultado rico de carrossel (em versão beta)

Agora o Google exibe listas com informações de produtos, negócios locais ou eventos em formato de carrossel, com rolagem horizontal 

O Google anunciou um novo dado estruturado de carrossel. Ele gera um resultado rico em formato de carrossel, com listas em rolagem na horizontal. Até o momento, o recurso está em versão beta, o que significa que ainda está em teste.

Veja uma representação de como vai aparecer na pesquisa orgânica: 

Representação do novo recurso de carrossel rico do Google, com exibição de cartões com dados estruturados na pesquisa orgânica, incluindo um cartão exibido pela metade, o que demonstra ser possível rolar o carrossel para o lado para visualizá-lo completamente

Para exibir o novo carrossel, a página deve estar marcada com o dado estruturado de itemlist. Ele informa ao buscador que aquela página contém uma lista, que será exibida diretamente na pesquisa orgânica.

Também é necessário informar quais tipos de propriedades estão na lista. O novo carrossel é compatível com:

  • Negócio local e seus subtipos (restaurante, hotel, aluguel por temporada);
  • Produto;
  • Evento.

É possível, inclusive, combinar diferentes tipos de conteúdo na lista. Se você tem uma página no seu site sobre “o que fazer em Curitiba”, pode exibir um carrossel com ideias de hospedagem, restaurantes e eventos.

Como configurar seu site para exibir o novo carrossel?

Os passos para exibir o resultado rico são:

  1. Criar uma página de lista única com todas as informações que devem aparecer no carrossel e marcá-la com o dado estruturado de itemlist;
  2. Informar a propriedade dos itens da lista. Pode ser local business (ou suas subpropriedades, restaurante, hotel ou aluguel por temporada), produto ou evento
  3. Adicionar as propriedades necessárias e recomendadas para cada tipo de conteúdo do carrossel;
  4. Seguir as diretrizes da pesquisa do Google e do uso de dados estruturados;
  5. Validar o código com o Rich Results Test;
  6. Visualizar como o Googlebot enxerga a página através da ferramenta de inspeção de URL;
  7. Atualizar o sitemap.

Se tudo der certo, sua lista estará elegível para aparecer como um carrossel com rolagem horizontal (o que não é garantia de que aparecerá, de fato)

Detalhes de implementação

O Google recomenda ser o mais específico possível na hora de implementar o dado estruturado. 

Por exemplo, dependendo do cenário você pode adicionar propriedades de “hotel” e “aluguéis por temporada” na mesma página. O ideal é marcar a página como o que mais se aproxima do seu modelo de negócio. Se não puder, pode ser uma marcação mais geral, como “negócio local”. 

Caso você não saiba como funcionam os dados estruturados, ou nunca tenha implementado, recomendamos ler a documentação do Google sobre o assunto.

Indicamos também a leitura da lista de propriedades do novo resultado rico. Ela dá os detalhes de quais informações incluir para cada tipo de carrossel.

Exemplos de marcação

O novo carrossel se destaca pela versatilidade e por abrir muitas possibilidades de criação de conteúdo útil. 

Você pode, por exemplo, exibir uma lista com os melhores restaurantes de uma cidade. Aperte aqui para ver o código:

<html>

    <head>

      <title>Top 5 Restaurants in Paris</title>

      <script type=”application/ld+json”>

        {

          “@context”: “https://schema.org”,

          “@type”: “ItemList”,

          “itemListElement”: [

            {

              “@type”: “ListItem”,

              “position”: 1,

              “item”: {

                “@type”: “Restaurant”,

                “name”: “Trattoria Luigi”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “priceRange”: “$$$”,

                “servesCuisine”: “Italian”,

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.5,

                  “reviewCount”: 250

                },

                “url”: “https://www.example.com/restaurant-location-1”

              }

            },

            {

              “@type”: “ListItem”,

              “position”: 2,

              “item”: {

                “@type”: “Restaurant”,

                “name”: “La Pergola”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “priceRange”: “$$$”,

                “servesCuisine”: “Italian”,

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.9,

                  “reviewCount”: 1150

                },

                “url”: “https://www.example.com/restaurant-location-2”

              }

            },

            {

              “@type”: “ListItem”,

              “position”: 3,

              “item”: {

                “@type”: “Restaurant”,

                “name”: “Pasta e Basta”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “priceRange”: “$$$”,

                “servesCuisine”: “Italian”,

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.2,

                  “reviewCount”: 690

                },

                “url”: “https://www.example.com/restaurant-location-3”

              }

            }

          ]

        }

      </script>

    </head>

    <body>

    </body>

  </html>

Ou então, uma lista do que fazer na cidade, incluindo eventos, restaurantes e pontos turísticos. Por meio das propriedades, é possível adicionar detalhes como preço ou avaliação de cada atração: 

<html>

    <head>

      <title>Top 5 Things To Do in Paris</title>

      <script type=”application/ld+json”>

        {

          “@context”: “https://schema.org”,

          “@type”: “ItemList”,

          “itemListElement”: [

            {

              “@type”: “ListItem”,

              “position”: 1,

              “item”: {

                “@type”: “Event”,

                “name”: “Paris Seine River Dinner Cruise”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “offers”: {

                  “@type”: “Offer”,

                  “price”: 45.00,

                  “priceCurrency”: “EUR”

                },

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.2,

                  “reviewCount”: 690

                },

                “url”: “https://www.example.com/event-location1”

              }

            },

            {

              “@type”: “ListItem”,

              “position”: 2,

              “item”: {

                “@type”: “LocalBusiness”,

                “name”: “Notre-Dame Cathedral”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “priceRange”: “$”,

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.8,

                  “reviewCount”: 4220

                },

                “url”: “https://www.example.com/localbusiness-location”

              }

            },

            {

              “@type”: “ListItem”,

              “position”: 3,

              “item”: {

                “@type”: “Event”,

                “name”: “Eiffel Tower With Host Summit Tour”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “offers”: {

                  “@type”: “Offer”,

                  “price”: 59.00,

                  “priceCurrency”: “EUR”

                },

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.9,

                  “reviewCount”: 652

                },

                “url”: “https://www.example.com/event-location2”

              }

            }

          ]

        }

      </script>

    </head>

    <body>

    </body>

  </html>

Ou então, uma lista do que fazer na cidade, incluindo eventos, restaurantes e pontos turísticos. Por meio das propriedades, é possível adicionar detalhes como preço ou avaliação de cada atração. Aperte aqui para ver o código:

<html>

    <head>

      <title>Top 5 Things To Do in Paris</title>

      <script type=”application/ld+json”>

        {

          “@context”: “https://schema.org”,

          “@type”: “ItemList”,

          “itemListElement”: [

            {

              “@type”: “ListItem”,

              “position”: 1,

              “item”: {

                “@type”: “Event”,

                “name”: “Paris Seine River Dinner Cruise”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “offers”: {

                  “@type”: “Offer”,

                  “price”: 45.00,

                  “priceCurrency”: “EUR”

                },

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.2,

                  “reviewCount”: 690

                },

                “url”: “https://www.example.com/event-location1”

              }

            },

            {

              “@type”: “ListItem”,

              “position”: 2,

              “item”: {

                “@type”: “LocalBusiness”,

                “name”: “Notre-Dame Cathedral”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “priceRange”: “$”,

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.8,

                  “reviewCount”: 4220

                },

                “url”: “https://www.example.com/localbusiness-location”

              }

            },

            {

              “@type”: “ListItem”,

              “position”: 3,

              “item”: {

                “@type”: “Event”,

                “name”: “Eiffel Tower With Host Summit Tour”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “offers”: {

                  “@type”: “Offer”,

                  “price”: 59.00,

                  “priceCurrency”: “EUR”

                },

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.9,

                  “reviewCount”: 652

                },

                “url”: “https://www.example.com/event-location2”

              }

            }

          ]

        }

      </script>

    </head>

    <body>

    </body>

  </html>

Também é possível montar uma lista de produtos em destaque no seu catálogo. Aperte aqui para ver o código:

<html>

    <head>

      <title>Top coats of the season</title>

      <script type=”application/ld+json”>

        {

          “@context”: “https://schema.org”,

          “@type”: “ItemList”,

          “itemListElement”: [

            {

              “@type”: “ListItem”,

              “position”: 1,

              “item”: {

                “@type”: “Product”,

                “name”: “Puffy Coat Series by Goat Coat”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “offers”: {

                  “@type”: “AggregateOffer”,

                  “lowPrice”: 45.00,

                  “highPrice”: 60.00,

                  “priceCurrency”: “EUR”

                },

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.9,

                  “reviewCount”: 50

                },

                “url”: “https://www.example.com/puffy-coats”

              }

            },

            {

              “@type”: “ListItem”,

              “position”: 2,

              “item”: {

                “@type”: “Product”,

                “name”: “Wool Coat Series by Best Coats Around”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “offers”: {

                  “@type”: “AggregateOffer”,

                  “lowPrice”: 189.00,

                  “highPrice”: 200.00,

                  “priceCurrency”: “EUR”

                },

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.7,

                  “reviewCount”: 827

                },

                “url”: “https://www.example.com/wool-coats”

              }

            },

            {

              “@type”: “ListItem”,

              “position”: 3,

              “item”: {

                “@type”: “Product”,

                “name”: “Antartic Coat by Cold Coats”,

                “image”: [

                  “https://example.com/photos/1×1/photo.jpg”,

                  “https://example.com/photos/4×3/photo.jpg”,

                  “https://example.com/photos/16×9/photo.jpg”

                ],

                “offers”: {

                  “@type”: “Offer”,

                  “price”: 45.00,

                  “priceCurrency”: “EUR”

                },

                “aggregateRating”: {

                  “@type”: “AggregateRating”,

                  “ratingValue”: 4.9,

                  “reviewCount”: 1290

                },

                “url”: “https://www.example.com/antartic-coat”

              }

            }

          ]

        }

      </script>

    </head>

    <body>

    </body>

  </html>

Quais são os impactos do novo carrossel do Google?

Para negócios locais e lojas virtuais, o carrossel representa uma nova maneira de se destacar na busca orgânica. O recurso é uma vitrine diferente e interativa para produtos e serviços. 

Para quem pesquisa no Google, melhora a experiência de busca. É possível ver a lista de produtos e serviços direto no buscador, sem clicar em nenhum resultado. Isso agiliza o processo de pesquisa e facilita a comparação de valores e avaliações. 

__

Gostou dessa novidade? Acompanhe todas as notícias e atualizações sobre o Google e sobre SEO! Inscreva-se em nossa newsletter, acompanhe nosso podcast e nos siga no LinkedIn para não perder nada.

Comentários

0 Comentários

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *