Pinceladas da Web

Voltando ao assunto dos Microformats, dessa vez iremos ver o Microformat hCalendar, ele é muito parecido com o iCalendar, usado na aplicação iCal do MAC. Como já deve ter imaginado, hCalendar é usado juntamente com o XHTML para marcar qualquer tipo de evento.

Para uma melhor compreensão dessa matéria, vamos a um exemplo:

<div class="vevent">
<p>
<a class="url" href="http://www.fimdomundo.com.br/">
<abbr class="dtstart" title="20061101">1 de Novembro</abbr> - <abbr class="dtend" title="20061102">2 de Novembro</abbr><span class="summary">Fim do Mundo</span> - e <span class="location">do Planeta Terra</span>
</a>
</p>
<p class="description">Nós não iremos nos dar bem.</p>
</div>

Como podem ver, tudo fica englobado dentro de uma div com a classe vevent, para marcar que temos dados relacionados a um evento marcado com hCalendar. Dentro da div ficará as informações do evento, que deverá ser marcado corretamente.

Continuar lendo »

Dentre as várias especificações dos Microformats, uma outra especificação que podemos destacar é o atributo rel=”license”, que tem como função marcar os links das páginas com a licença que se está utilizando, seja uma licença de um blog, ou de um software desenvolvido por outras pessoas.

Dentro do site Microformats.org essa é a especificação mais simples que se pode encontrar, e podemos resumí-la da seguinte forma: Colocamos o atributo rel com o valor “license” em qualquer link que faça referência com a licença da página atual. Abaixo você pode ver um exemplo:

Continuar lendo »

Hoje iremos ver o Microformato rel=”tag”, destinado a marcar os links com uma tag em concreto. Com toda essa onda de Web 2.0, Folksonomia, as tags ganharam uma forma bonita de catalogar conteúdo. Por isso sugre o Microformato rel=”tag”.

Para se usar esse Microformato, deve-se usar algumas regras:

• O link deve ser coerente com a tag em questão.
• A página que estamos linkando deve ser a página que mostra as informações referente
  a essa tag.
• A URL deve ter, em última instância, a tag que estamos marcando.

Seguindo essas diretrizes, podemos marcar nossos links com rel=”tag”. Mas atenção: Por ser um elemento visível, por exemplo, não poderíamos marcar um elemento link do head com esse microformato. Para uma melhor compreensão, vamos ver um exemplo: No meu Flickr eu usei a tag coreldraw onde eu guardo algumas fotos categorizadas sobre esse assunto. Veja abaixo como ficaria o link:

<a href="http://www.flickr.com/photos/pedroassis/tags/coreldraw/" title="Página com as fotos
marcadas com a tag: coreldraw" rel="tag">coreldraw</a>

Graças a esse Microformato podemos votar, “positiva ou negativamente”. A forma de usar esse Microformato é muito simples, como em todos os outros, você deve colocar um certo valor em cada atributo que deseja marcar, e nesse caso, o atributo a ser marcado é um hyperlink, e o atributo que usaremos será rev (antigamente se usava rel, mas acabou caindo em desuso, pois não refletia corretamente a relação do link com o documento linkado).

Os valores que podem ser usado nesse Microformato são os seguintes:

Continuar lendo »

Após um post do Google sobre a iniciativa para evitar o spam nos comentários, ficamos conhecendo o atributo dos Microformats rel=”nofollow”. Desde então, muitos blogs deram opniões a favor e outros contra, mas isso acabou passando despercebido. Nos dias dehoje, a essas alturas, acho que todos concordam com o uso do mesmo.

A função do microformato rel=”nofollow” serve para especificar aos user-agents (mecanismos de busca), que os links com esse atributo não devem ser seguidos pelos mesmos. Abaixo você pode ver um exemplo:

<a href="http://www.teste.com.br/" title="Página de Teste" rel="nofollow">Teste</a>

Como pode ver no exemplo acima, os buscadores (ex. Google), não poderá indexar o link em sua base e nem poderá gerar um ranking.

Referências:

• Microformats
• Atributo rel=”nofollow”
• Nonofollow.net

Microformats são especificamente formato de dados projetados especialmente primeiro, para serem interpretados pelos seres humanos, e depois pelas máquinas. Basicamente são meta-informações que auxiliam no enriquecimento do seu site, ou seja, organizar a informação com o máximo de precisão. A vantagem de se usar microformatos é que não é preciso usar metatags sendo que a infomação já está na pagina. Somente com as tags do HTML e XHTML você não conseguiria fazer isso devido as suas limitações.

Abaixo você pode ver as especificações dos Microformats:

• hcard – Pessoas e Organizações
• hCalendar – Calendários e Eventos
• hReview – Opniões, Ratings e Reviews
• XFN – Redes Sociais
• XMDP – XHTML Meta Data Profiles
• rel-license – Licenças
• rel-tag – Tags, Keywords, Categorias
• rel-nofollow – Um hiperlink com esse atributo não deve ser seguido pelos robots de busca
• XOXO – Listas e esboços
• VoteLinks – Sistemas de Votação

Referências:

• Microformats.org
• Microformats Wiki