Logo DrCode Logo DrCode

Blog

Blog / Destaque / Microdata, como usar

Microdata, como usar

Microdata

O que é Microdata ?

Bom, se você tem um site é claro que você quer que ele esteja indexado no Google e que tenha bons resultados em suas buscas, isso envolve vários fatores como um código semântico, limpo, bem estruturado entre outros. Uma ferramenta interessante de se usar são os microformats, ou mais conhecido como microdata, que nos fornece uma sintaxe otimizada de marcação semântica adicional para as páginas web, com isso melhorando a visualização.

A microdata nada mais faz que indica para o Google que isso é isso, ou seja o elemento <address> é um elemento de endereço e assim com a microdata ficaria desta forma:

<address itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> ... </address>

Um atributo usado para que o buscador entenda o que é aquilo é o itemprop=”” que como o próprio nome diz, a propriedade do item, itenscope indica que aquilo é uma entidade semântica e tudo o que houver ali são informações sobre ele, e por fim o itemtype indica onde o buscador vai buscar o vocabulário para saber quais as informações que o item contem.

Como usar

Com ela podemos indicar um telefone, e-mail, endereço, autor, migalhas, produtos e seus preços, nomes, entre vários outros fatores, veja abaixo:

<body itemscope itemtype="http://schema.org/WebPage">
<div itemprop="breadcrumb">
  <a href="index.php">Home</a> >
  <a href="categoria">Categoria</a> >
  <a href="conteudo">Conteúdo</a>
</div>
<div itemscope itemtype="http://schema.org/Book">

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
	<span itemprop="name">Nome do Produto</span>
  Preço: <span itemprop="price" content="6.99">$6.99</span>
  <meta itemprop="priceCurrency" content="BRL" />
  <link itemprop="availability" href="http://schema.org/InStock">Em estoque
  <div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
	<span itemprop="ratingValue">4</span> Estrelas -
	<span itemprop="reviewCount">3077</span> Visualizações
  </div>
</div>

</div>
<footer>
  <address itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
  	<span itemprop="streetAddress">Nome da Rua</span>
    <span itemprop="postalCode">08626-895</span>
    <span itemprop="addressLocality">Cidade, Estado</span>
  </address>
</footer>
</body>

Todas as informações que o buscador precisa sobre vocabulário de microdatas de o que é aquilo ele busca através do itemtype, eu particularmente utilizo os schemas, por serem bem completos, mas há vários outros vocabulários que os buscadores utilizam.

Bom por enquanto é isso, qualquer dúvida entre em contato pelos comentários, ou mande-me um e-mail que eu lhe ajudarei com seu projeto ou site.

Tags: como usar microdata microdata microformats o que e microdata para que serve microdata schema usando microdata
Felipe Mello
Comentários