Semana passada participei do Encontro de Design e Tecnologia Digital (EDTED), que aconteceu em Curitiba. Dentre as várias palestras, eu assisti somente três que mais me interessavam, a primeira sobre usabilidade, a segunda sobre otimização para mecanismos de busca (SEO) e a terceira sobre web semântica.

É isso que eu gostaria de comentar, a web semântica. Parece que esse será o novo salto da internet, a tal "Web 3.0". O fator geográfico será importante, porém somente mais um dessa nova internet, mais inteligente.

Microformats

Os microformats – uma espécie nova de especificação – são uma tendência nessa área, simplificando e padronizando a apresentação de conteúdo na web. Encontrei a seguinte descrição: "Microformats é uma série de especificações que tem como foco principal relacionar a informação ou os dados com os humanos, em primeiro lugar, e em segundo com as máquinas".

Ou seja, chega de pensar somente em otimização para Google, Yahoo e Bing. O foco agora é pensar na usabilidade antes de qualquer  outra coisa.

A função dos microformats é enriquecer a informação inserida em páginas web com meta informação – ou metadados – que são dados sobre os dados. As tags – ou etiquetas – já têm a função de metadados, porém os microformats pretendem ir além, descrevendo com mais detalhes a informação, como eventos, endereços, etc..

 Abaixo eu montei um vCard, que é uma espécie de "cartão virtual" que pode ser inserido em qualquer página web, com seus campos descritos textualmente. Isso abre opções, como por exemplo fazer um guia de empresas onde cada informação não é somente um texto em html, mas um campo que está relacionado com um atributo (por exemplo, Avenida das Araucárias para o campo street name).  

photo of Eduardo Eduardo Freitas Oliveira

MundoGEO

Rua Nelson Lins D’Albuquerque, 110

Curitiba , Paraná , 80820370 Brasil

25º24’27"S, 49º16’56"W
+55 41 33387789

This hCard created with the hCard creator.

O códido do vCard está descrito abaixo. Pelo que eu vi na palestra do EDTED, tem como fazer com que a coordenada abra um mapa online (Google Maps, por exemplo). Ainda vou descobrir como funciona 🙂

<div class="vcard" id="hcard-Eduardo-Freitas-Oliveira">
<img class="photo" alt="photo of Eduardo" src="http://www.mundogeo.com.br/images/blog/blogueiro/10.jpg" style="float: left; margin-right: 4px;" />
<a href="http://www.mundogeo.com" class="url fn n">
<span class="given-name">Eduardo</span>
<span class="additional-name">Freitas</span>
<span class="family-name">Oliveira</span> </a>
<div class="org">MundoGEO</div>
<a href="mailto:eduardo@mundogeo.com" class="email">eduardo@mundogeo.com</a>
<div class="adr">
<div class="street-address">Rua Nelson Lins D’Albuquerque, 110</div>
<span class="locality">Curitiba</span> ,   
<span class="region">Paran&aacute;</span> ,   
<span class="postal-code">80820370</span>   
<span class="country-name">Brasil</span>
</div>
<div class="geo">
<abbr title="-25.407595" class="latitude">25&ordm;24’27&quot;S</abbr>, 
<abbr title="-49.282451" class="longitude">49&ordm;16’56&quot;W</abbr>
</div>
<div class="tel">+55 41 33387789</div>
<div class="tags"><a href="http://kitchen.technorati.com/contacts/tag/geotecnologia">geotecnologia</a>
</div>
<p style="font-size: smaller;">This <a href="http://microformats.org/wiki/hcard">hCard</a> created with the <a href="http://microformats.org/code/hcard/creator">hCard creator</a>.</p>
</div>