Siga o @bloggermin agora e fique por dentro das novidades para o seu blog. E curta nossa página no Facebook.
A maior diferença é que nesse tipo o conteúdo não é marcado por classes, mas sim por atributos HTML.
Existe três atributos básicos:
itemscope : como isso marcamos um elemento.itemtype : indica o tipo de objeto que estamos marcando.itemprop : este atributo indica que o conteúdo é uma parte do ancestral mais próximo que tenha umitemtype .
Outra diferença importante é que nós podemos marcar uma quantidade muito maior de conteúdo.
Dito o mais importante, vamos começar:
Nota importante: É possível que duplicar informações mediante a diferentes tipos de marcação possa não ser totalmente benéfico. Por isso, recomendo que se decida por um dos dois métodos, este por microdata ou o anterior por microformats. Este é mais completo. O anterior é mais simples. Escolha qual achar melhor.
Temos que indicar qual parte é o blog em si. Nesse caso será a
<div class='blog-posts' itemscope='itemscope' itemtype='http://schema.org/Blog'>
Agora, temos que marcar os artigos. A maneira de fazer pode ser diferente se usamos os comentários aninados (não podemos indexá-los), ou se usamos outros comentários.
- No primeiro caso precisamos mudar:
<div class='post hentry'> por<div class='post hentry' itemprop='blogPosts' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> - No segundo será utilizado a div
post-outer , já que os comentários estão dentro dessa div e não dentro depost-hentry , assim mudaremos<div class='post-outer'> por<div class='post-outer' itemprop='blogPosts' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> .
Oloman chegou antes de mim e fez um artigo sobre isso, então eu não vejo necessidade de repeti-lo.
No artigo anterior, vimos como marcar o autor com microformats. Com microdata seria:
<span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>Como pode ver, indicamos que é uma pessoa, e que é o autor. Se possui link, inforna que o link é do autor, e qual é o nome. Se não tem, somente indica o nome, e pronto.
<b:if cond='data:post.authorProfileUrl'>
<a expr:href='data:post.authorProfileUrl' rel='author' itemprop='name url'>
<data:post.author/>
</a>
<b:else/>
<span itemprop='name'><data:post.author/></span>
</b:if>
</span>
Para isso busque o fragmento do código que vimos no post anterior, e adicione às etiquetas com
Esta é a parte mais difícil, porque os códigos dos comentários geralmente são diferentes (lembre-se que para comentários aninados não será preciso). O caso é adicionar ao bloco de comentário
No caso anterior, será necessário adicionar
E também temos que alterar todas as
<span itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/UserComments' class='autorcomentario'>Por último, em
<b:if cond='data:comentariohijo.authorUrl'>
<a itemprop='url name' expr:href='data:comentariohijo.authorUrl' rel='nofollow'><data:comentariohijo.author/></a>
<b:else/>
<span itemprop='name'><data:comentariohijo.author/></span>
</b:if>
</span>
Para marcar a data de publicação, substitua
Se analisou qualquer artigo individual no Rich Snippets Testing Tool, é possível que encontre avisos como este:
Não se preocupe, eles são pelos avatares dos comentários (porém não podemos evitar).
Que saiba que sou consciente de que um tutorial assim é difícil, mas espero que possa ter o entendido bem.
Verifique os resultados em Rich Snippets Testing Tool e digite o endereço (se tiver algum problema/dúvida comente, e vou tentar resolver).
Ciudad Blogger
0 comentários en:
"Blogger Seo: Microdata"
Postar um comentário
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.