Archivo

Entradas Etiquetadas ‘microformatos’

Microformatos: xFn

Martes, 14 de Septiembre de 2010


Una vez comentados los microformatos hCard y hCalendar y hReview, pasaré a comentar el microformato xFn.

El microformato xFn se utiliza para relaciones sociales utilizando links. Con este microformato se pretende dotar de información extra a un enlace, explicando qué relación existe entre nosotros y la persona/empresa a la que estamos enlazando. De esta manera, los lectores sabrán por qué enlazamos a otros blogs o webs. Veamos un ejemplo para facilitar la explicación:

<a href="http://www.blog1.org/" rel="compañero de trabajo">Blog de Javi</a>
<a href="http://www.blog2.com/" rel="amigo del colegio">Blog de Luis</a>
<a href="http://www.web3.es/" rel="cliente">Empresa Ficticia</a>

Leer más…

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , ,

Microformatos: hReview

Martes, 7 de Septiembre de 2010


Una vez comentados los microformatos hCard y hCalendar, pasaré a comentar el microformato hReview.

El microformato hReview se utiliza para representar formatos de opiniones. Puesto que una opinión se puede desglosar en un mensaje y en un autor, podríamos introducir aquí lo que se denomina como microformatos anidados. Qué significa? Pues no es más que introducir un microformato dentro de otro. Es muy sencillo, veamos un ejemplo para facilitar la explicación:

<div class="hreview">
   <span class="item">
      <strong class="item"><span class="fn">Opinión del artículo</span></strong>
   </span>
   <span class="reviewer vcard">
      De <span class="fn">Alex Montes</span>, <span class="title">editor principal</span>
      en <span class="org">alexmontes.es</span>
   </span>
   Valoración: <span class="rating">4</span> de 5
   <span class="description">Es un artículo interesante. Creo que puede ser
   de mucha utilidad para los programadores.
</span>
</div>

Leer más…

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , ,

Microformatos: hCalendar

Sábado, 4 de Septiembre de 2010


Hoy comentaré el microformato hCalendar. En el anterior artículo vimos el microformato hCard a fondo. Hoy veremos para qué se utiliza hCalendar y cómo utilizarlo.

El microformato hCalendar se utiliza para representar formatos de eventos y calendarios. Es totalmente compatible con iCalendar.

Veamos un ejemplo:

<span class="vevent">
 <span class="summary">Este artículo será publicado</span>
 el <span class="dtstart">04-09-2010</span>
 en la web de alexmontes.es en <span class="location">Barcelona</span>.
</span>

Leer más…

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , , ,

Microformatos: hCard

Jueves, 2 de Septiembre de 2010


Después de haber explicado qué son los microformatos y para qué sirven, voy a entrar en detalle de uno de los más famosos: el microformato hcard.

Se utiliza para representar datos de personas, empresas, organizaciones y lugares. Está basado en el estándar vCard y es totalmente compatible con vCard utilizando eso sí XHTML.

Pongamos un ejemplo:

<div class="vcard">
	<strong class="fn n">
		<span class="given-name">Alex</span>
		<span class="additional-name">Montes</span>
	</strong>
	<div class="adr">
		<span class="street-address">Mi calles 1</span>
		<span class="locality">Mi ciudad</span>
		<span class="country-name">Mi país</span>
	</div>
	<div class="tel">601-111-222</div>
</div>

Leer más…

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , , ,

Microformatos: qué son?

Martes, 31 de Agosto de 2010

Los microformatos permiten agregar contenido semántico al contenido de una web. Se utilizan con HTML o XHTML y tienen un objetivo claro: facilitar la indexación de la información que se publica en webs y blogs.

microformatosPero, de esto no se encarga Google mediante su algoritmo? Bueno, sí, eso es cierto. Pero también es cierto que si utilizamos los microformatos facilitaremos esa indexación de Google (y otros, como Technorati) puesto que le indicamos que el contenido que va a leer es de un tipo concreto. Por lo tanto, conducimos a los buscadores y agregadores hacia una indexación más correcta y rápida. Y no sólo eso, sino que de esta manera serán fácilmente extraíbles por aplicaciones.

Pasemos a la práctica para verlo más claro…
Leer más…

¿Te gustó el artículo? Compártelo!!:
  • Facebook
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Technorati
  • Ping.fm
  • StumbleUpon
  • Google Bookmarks
  • Digg
  • Meneame
  • Netvibes
  • Live
  • BarraPunto
  • Bitacoras.com
  • Reddit
  • Wikio
  • email
  • Print

A. Montes programación, web , ,