Pagina inicial » Internet » Melhore seus resultados de pesquisa com rich snippets e vocabulário do Schema.org

    Melhore seus resultados de pesquisa com rich snippets e vocabulário do Schema.org

    Dados estruturados permite apresentar seus resultados de pesquisa de maneira mais atraente e informativa. De acordo com um estudo da Searchmetrics, a adição de marcação de dados estruturados a um website leva a um aumento de 36% nos resultados de pesquisa do Google.

    A marcação de dados estruturados é renderizada no Google, Bing e outros mecanismos de pesquisa Ricos fragmentos. Rich snippets são resultados de pesquisa aprimorados que adicionar informação extra, como uma foto, o preço, as classificações do usuário e outras características, para os snippets do mecanismo de pesquisa.

    Dados estruturados levam a melhores resultados de pesquisa por dois motivos principais:

    1. Ele estende a semântica HTML fazendo o conteúdo mais compreensível para os mecanismos de pesquisa.
    2. Rich snippets - a apresentação do mecanismo de pesquisa de dados estruturados - têm melhor taxa de cliques do que resultados de pesquisa regulares e menos informativos.

    Vocabulário Schema.org

    Se você deseja ter rich snippets para seu próprio site, é necessário adicionar dados estruturados à sua marcação HTML. Dados estruturados usam o Vocabulário schema.org que permite informar os mecanismos de pesquisa sobre a natureza do seu conteúdo.

    Schema.org é a iniciativa do Google, Bing e Yahoo, que visa fornecer um conjunto de esquemas para descrever diferentes tipos de conteúdo da Web, para que os mecanismos de pesquisa possam entendê-lo melhor.

    O vocabulário Schema.org é organizado em um hierarquia de dois níveis:

    1. Tipos: diferentes tipos de conteúdo da web, eles são organizados em sua própria hierarquia
    2. Propriedades: cada tipo tem um certo número de propriedades
    Primeiro Nível de Tipos

    Coisa é o item mais genérico no vocabulário do schema.org, é o ancestral de todos os outros tipos.

    Segundo nível de tipos

    o segundo nível de tipos é um pouco mais específico e contém o Evento, a Açao, a Intangível, a Trabalho criativo, a Lugar, colocar, a Organização, a produtos, e a Pessoa Tipos Há também um Thing de segundo nível separado que está disponível como uma extensão do schema.org; é o MedicalEntity Tipo.

    Terceiro Nível de Tipos

    Cada segundo tipo de nível contém alguns ou muitos tipos de terceiro nível, por exemplo, um dos subtipos do CreativeWork é o Reveja Tipo. Observe que tipos mais específicos (segundo e terceiro nível) herdam as propriedades de seus pais (e avô no caso de terceiro nível).

    A imagem abaixo foi publicada no blog oficial do esquema e visualiza a hiearchy do vocabulário do schema.org.

    IMAGEM: schema.org
    Encontre o esquema que você precisa

    Procure o vocabulário para encontrar o esquema que você precisa. Por exemplo, para rich snippets de receita, é necessário usar o Receita Digite qual é o filho do CreativeWork. Tem muitas propriedades, como hora de cozinhar, método de cozimento, recipeIngredient, e outros, além disso, também herda as propriedades de seu pai (CreativeWork) e avô (Coisa).

    Schema.org é um Projeto comunitário, é freqüentemente estendido e novas versões são lançadas regularmente. Se você não consegue encontrar o esquema que você precisa, você pode propor à Comunidade Schema.org, e você também pode contribuir para o projeto Github.

    Adicionar dados estruturados à sua marcação

    Então, como você adiciona seus esquemas ao código front-end? Schema.org pode usar três formatos diferentes. Você precisa escolher uma para adicionar uma marcação de dados estruturados ao seu site. Embora, em teoria, você possa usar mais de um formato no mesmo site, isso prejudica a capacidade de leitura e manutenção do código, por isso não é uma boa prática.

    o três formatos principais de marcação de dados estruturados são os seguintes:

    1. Microdados: É um padrão da Web que estende o HTML por introduzindo novos atributos tal como itemprop. O site oficial do schema.org tem um ótimo tutorial sobre como usar microdados, por isso, se você já estiver familiarizado com HTML, esse formato pode ser uma boa escolha.
    2. RDFa: A forma longa de RDFa é Estrutura de Descrição de Recurso em Atributos, e é uma recomendação do W3C que estende documentos HTML, XML e SVG com a ajuda de um conjunto de atributos específicos. O Open Graph Protocol do Facebook também é baseado em RDFa, então provavelmente você já o encontrou. Há uma versão RDFa Lite para iniciantes e também uma versão completa que oferece muitas opções para trabalhar com dados estruturados de uma maneira elaborada..
    3. JSON-LD: Enquanto as outras duas opções estendem a marcação HTML, o JSON-LD usa o JSON sintaxe. JSON-LD significa Notação de objeto JavaScript para dados vinculados, e este é o formato recomendado pelo Google Developers, de acordo com a opinião deles, "a marcação de dados estruturados é mais facilmente representada no formato JSON-LD". Você não precisa ser um especialista em JavaScript para usar o JSON, já que é um sistema de notação simples que usa pares nome-valor.

    Você pode facilmente comparar os três formatos com a ajuda de uma guia útil na parte inferior de cada página do tipo schema.org.

    Exemplos dos três formatos do schema.org para o tipo de receita.

    Examinando os exemplos, você pode entender facilmente como cada formato funciona e usar um deles em seu próprio site.

    A marcação de dados estruturada que você precisa adicionar ao seu código é baseado no vocabulário do schema.org. Se você escolher microdados ou RDFa, precisará adicionar os atributos extras às tags HTML comuns.

    Por exemplo com microdados, você adiciona o nome do Tipo ao contêiner usando o itemscope atributo, e cada propriedade com o itemprop atributo. Aqui está um exemplo muito simples:

     

    Minha receita

    Descrição da Receita

    E o mesmo exemplo usando RDFa, Vale a pena prestar atenção aos diferentes atributos que você precisa usar aqui:

     

    Minha receita

    Descrição da Receita

    Se você escolher o Formato JSON-LD, você precisa colocar seu código dentro de tag na cabeça da sua página HTML. O exemplo acima ficará assim:

      

    Dicas para usar dados estruturados

    Teste sua marcação de dados estruturados

    Antes de adicionar a marcação de dados estruturados ao seu site, você pode testá-la rapidamente usando a Ferramenta de teste de dados estruturados do Google. Desta forma, você pode encontrar rapidamente os problemas se tiver algum.

    Aproveite os cartões de gráfico de conhecimento do Google

    O Google não usa apenas dados estruturados para rich snippets, mas se você for uma autoridade para um determinado tipo de conteúdo, seu conteúdo também pode aparecem em um dos cartões de gráfico de conhecimento exibido no lado direito de algumas páginas de resultados do mecanismo de pesquisa.

    Observe que você não pode fazer com que o Google exiba um cartão de gráfico de conhecimento para seu conteúdo, mas se a marcação de dados estruturados estiver configurada corretamente, você terá a possibilidade.

    O Google usa a marcação de dados estruturados do Facebook para exibir informações extras no Knowledge Graph.
    Use os cartões Rich do Google

    Em maio de 2016, o Google introduziu Cartões ricos que são "a atualização do formato atual do Rich Snippets" e fornecem resultados atraentes de pesquisa para dispositivos móveis apresentado em carrosséis que pode ser pesquisado rolando para a esquerda e para a direita. Os Rich Cards do Google também usam marcação de dados estruturados e o vocabulário do schema.org.

    Adicionar dados estruturados aos seus e-mails

    Você pode usar a marcação de dados estruturados nos seus emails Para acionar os cards do Google Now para o destinatário, o Google Developers tem um ótimo tutorial sobre como fazer isso.

    Gerar dados estruturados dinamicamente

    É possível usar o Gerenciador de tags do Google para gerar dinamicamente dados estruturados no formato JSON-LD, a Moz.com ensina como fazer isso.