<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Hello Google &#124; Posicionamiento Web en Google &#124; Consultoria SEO &#124; Desarrollo Web &#124; SEM &#187; microformatos</title>
	<atom:link href="http://www.hellogoogle.com/category/microformatos/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.hellogoogle.com</link>
	<description>Artículos para Crecer con su Empresa en Internet</description>
	<lastBuildDate>Fri, 16 Dec 2011 09:34:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Qué son los Microformatos y Cómo utilizarlos</title>
		<link>http://www.hellogoogle.com/que-son-los-microformatos-y-como-utilizarlos/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=que-son-los-microformatos-y-como-utilizarlos</link>
		<comments>http://www.hellogoogle.com/que-son-los-microformatos-y-como-utilizarlos/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 10:31:47 +0000</pubDate>
		<dc:creator>Asier Barainka</dc:creator>
				<category><![CDATA[microformatos]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[redes sociales]]></category>

		<guid isPermaLink="false">http://www.hellogoogle.com/?p=559</guid>
		<description><![CDATA[Tweet Microformatos: El eslabón perdido Uno de los grandes avances que se prometen en la Web del futuro, supuestamente inmediato, es la irrupción de la Web semántica. Llevamos ya unos cuantos años escuchando cantos de sirena acerca de las bonanzas &#8230; <a href="http://www.hellogoogle.com/que-son-los-microformatos-y-como-utilizarlos/">Continue reading <span class="meta-nav">&#8594;</span></a>


No hay artículos relacionados.]]></description>
			<content:encoded><![CDATA[<div id="bottomcontainerBox" style="background-color:#ffffff;">
			<div style="float:left; width:120px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.hellogoogle.com%2Fque-son-los-microformatos-y-como-utilizarlos%2F&amp;layout=button_count&amp;show_faces=false&amp;width=120&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=120px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.hellogoogle.com/que-son-los-microformatos-y-como-utilizarlos/"></g:plusone>
			</div>
			<div style="float:left; width:120px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.hellogoogle.com/que-son-los-microformatos-y-como-utilizarlos/"  data-text="Qué son los Microformatos y Cómo utilizarlos" data-count="horizontal" data-via="hello_google">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><div class="captionfull"><center><a href="http://www.hellogoogle.com/wp-content/uploads/2010/02/microformatos1.jpg" rel="lightbox[559]" title="microformatos"><img src="http://www.hellogoogle.com/wp-content/uploads/2010/02/microformatos1.jpg" alt="microformatos1 Qué son los Microformatos y Cómo utilizarlos" title="microformatos" width="600" height="441" class="aligncenter size-full wp-image-561" /></a></center></div>
<h3>Microformatos: El eslabón perdido</h3>
<p>Uno de los grandes avances que se prometen en la Web del  futuro, supuestamente inmediato, es la irrupción de la Web semántica. Llevamos  ya unos cuantos años escuchando cantos de sirena acerca de las bonanzas que la  irrupción que esta nueva revolución va a provocar en nuestra forma de buscar y  en la forma que los motores de búsqueda van a poder indexar nuestros  contenidos, así como otras muchas aplicaciones podrán interactuar con la  información de nuestras páginas. Estamos hablando de lo que se ha llamado ya la  WEB 3.0. </p>
<p>El problema es que todo esto no termina de arrancar. La Web  de hoy quizá ya no sea tan 2.0 como pensamos, pero desde luego a 3.0 no ha  llegado. Digamos que estamos en una fase 2.5 o algo así.</p>
<p>Y uno de los eslabones que están propiciando esta transición  lo forman los Microformatos.</p>
<h3>¿Qué son los Microformatos?</h3>
<p>Técnicamente no son más que trozos de código (X)HTML  enriquecidos con una serie de atributos o clases CSS para identificar el  contenido. Pero en realidad son algo más.</p>
<p>Estamos hablando de proporcionar significado semántico a un  contenido que para las personas es legible y entendible, pero para las máquinas  no es más que texto puro y duro. </p>
<p>Todo esto se inició allá por el 2006, en una conferencia de  las buenas gentes de <a href="http://technorati.com/">Technorati</a>. Allí  presentaron una forma fácil y rápida de facilitarles el trabajo, que no es otra  que marcar con ciertas etiquetas la información relevante de nuestros blogs (en  este caso), para que ellos pudieran presentarla mejor en su página. La  explicación entusiasmó a la concurrencia, y otros indexadotes de contenidos  vieron en ella un filón. Google sin ir más lejos entendió que debía aprovechar  esta nueva forma de presentar la información.</p>
<h3>¿Para qué sirven los Microformatos?</h3>
<p>Como ya hemos explicado, su función es la de dar valor  semántico al contenido de nuestras páginas. Esto provoca que tanto los  buscadores, como los agregadores de contenidos o cualquier herramienta capaz de  rastrear nuestro código, sepan distinguir la naturaleza de un contenido. Si  estamos presentando un curriculum, indicando una ubicación geográfica, haciendo  una crítica o comentario de un producto, etc…</p>
<h3>¿Cómo crear nuestros microformatos?</h3>
<p>Aunque pudiese parecer algo complicado, en realidad no hay  nada más fácil. Veamos un ejemplo.</p>
<p>Este es de los más sencillos que pueda haber, se trata  simplemente de taggear un link para distinguirlo de links normales. Basta  simplemente con añadir el atributo rel=&quot;tag&quot; a la etiqueta del link: </p>
<p><code>&lt;a href=&quot;http://<a href="http://www.hellogoogle.com/">www.hellogoogle.com</a>&quot;&nbsp;<strong>rel=&quot;tag&quot;</strong>&gt;Posicionamiento  Web&lt;/a&gt; </code></p>
<p>De esta forma, webs como <a href="http://technorati.com/">http://technorati.com</a> son capaces de distinguir tags de  tu contenido y crear una estructura con ellos.</p>
<p>Otro de los más espectaculares y que Google muestra de una  forma más elocuente, es el dedicado a las valoraciones o comentarios, conocido  como <em>hReview</em>. Veamos un ejemplo:</p>
<p><code>&lt;div class=&quot;hreview&quot;&gt;<br />
&nbsp;&nbsp; &lt;span class=&quot;item&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span  class=&quot;fn&quot;&gt;Avatar&lt;/span&gt;<br />
&nbsp;&nbsp; &lt;/span&gt;<br />
&nbsp;&nbsp; Crítica de &lt;span class=&quot;reviewer&quot;&gt;Asier  Barainka&lt;/span&gt; el<br />
&nbsp;&nbsp; &lt;span class=&quot;dtreviewed&quot;&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 10 de Febrero de 2010&lt;span  class=&quot;value-title&quot; title=&quot;2010-10-02&quot; /&gt;<br />
&nbsp;&nbsp; &lt;/span&gt;.<br />
&nbsp;&nbsp; &lt;span  class=&quot;summary&quot;&gt;Una bonita historia de amor&lt;/span&gt;<br />
&nbsp;&nbsp; &lt;span class=&quot;description&quot;&gt;Avartar es la mayor  superproducción del momento, y una de las grandes apuestas d ela industria del  cine…&lt;/span&gt;<br />
&nbsp;&nbsp; Rating: <br />
&nbsp;&nbsp; &lt;span class=&quot;rating&quot;&gt;4.5&lt;/span&gt;<br />
&lt;/div&gt;</code></p>
<p>En el podéis observar como cada uno de los trozos de  contenido está envuelto en una etiqueta HTML con un class específico, todo en  un conjunto dentro del class=&quot;hreview&quot;  que otorga la condición de tal microformato al contenido que incluye.</p>
<p>¿No es muy complicado no? Bueno, en realidad toda la  información bien explicada la tenéis en la Web oficial: <a href="http://www.microformats.org/">Microformats.org</a>. Aquí podréis  encontrar la estructura de todos los microformatos especificados hasta el  momento.</p>
<h3>¿Y cómo mostrará Google los Microformatos?</h3>
<p>Es evidente que Google está muy interesado en que los  WebMasters utilicemos Microformatos. Digamos que les hacemos el trabajo más  fácil, y además le daremos un aspecto más acorde a lo consultado a los  resultados de búsqueda. </p>
<p>Tal es el interés de Google, que no únicamente adopta los  microformatos para mostrar los “Rich Snippets”, sino que también permite  utilizar etiquetas <a href="http://www.w3.org/TR/xhtml-rdfa-primer/">RDF</a>a,  aunque ellas no son motivo de este artículo.</p>
<p>Para facilitarnos el trabajo nos proporciona una herramienta  para Webmasters (<a href="http://www.google.com/webmasters/tools/richsnippets">Rich  Snippets Testing Tools</a>) donde podremos testear la corrección de nuestros  Microformatos, así como el aspecto que estos tendrán en los SERPs. Que para el  ejemplo de una crítica como el que hemos mostrado antes sería algo así.</p>
<div class="captionfull"><center><a href="http://www.hellogoogle.com/wp-content/uploads/2010/02/clip_image002.jpg" rel="lightbox[559]" title="clip_image002"><img src="http://www.hellogoogle.com/wp-content/uploads/2010/02/clip_image002.jpg" alt="clip image002 Qué son los Microformatos y Cómo utilizarlos" title="clip_image002" width="400" height="62" class="aligncenter size-full wp-image-565" /></a></center></div>
<p>Si veis que vuestros Microformatos son correctos, pero no  generan una vista previa, no os volváis locos, algunos de los Microformatos ya  aprobados (el de Organizaciones y el de Productos sobre todo), aún no generan  una vista especial en los Resultados de Google, pero todo llegará. </p>
<h3><strong>Consideraciones Finales</strong></h3>
<p>Todo esto parece muy goloso y muchos ya nos estamos  rebanando los sesos sobre como sacar el mejor partido al marcado de información  por medio de Microformatos, pero tengamos presentes unas consideraciones  finales para no caer en errores.</p>
<ul type="disc">
<li>Utilicemos       los Microformatos con sentido, no es cuestión de poner por poner, hay que       usarlos cuando realmente el contenido lo requiere.</li>
<li>No       caigáis en la tentación de ocultar el contenido por medio de CSS o JS,       Google no mostrará estos Rich Snippets.</li>
<li>No       todos los links deben llevar rel=”tag”,       es un error taggear todos los enlaces de mi página, hazlo solo con       aquellos que realmente deban ser un tag del artículo o texto en cuestión.</li>
<li>No       por utilizar Microformatos vas a posicionar mejor o más arriba, pero si       que aparecerás en búsquedas más relevantes para tus contenidos, lo que sin       duda subirá el ratio de conversión de tu página.</li>
<li>Informaciones       como el crítico en una revisión/crítica o el autor/título de un Artículo       son imprescindibles para generar una vista en los SERPs. Microformatos sin       la suficiente información no serán presentados por el buscador.</li>
<li>En       las críticas (hReview), las puntuaciones que debemos pasar en el       Microformato son de 1(Mala) a 5 (Muy Buena). Si el sistema de puntuación       de tu página no se adapta a este criterio, deberás buscar la forma de       convertirlo.</li>
<li>Los       Microformatos siguen en expansión, y cada vez se van adoptando más y por       más gente. Lo que provoca que debamos estar continuamente atentos a su       evolución. </li>
</ul>
 Powered by HelloGoogle.com<!-- PHP 5.x --><div id="bottomcontainerBox" style="background-color:#ffffff;">
			<div style="float:left; width:120px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.hellogoogle.com%2Fque-son-los-microformatos-y-como-utilizarlos%2F&amp;layout=button_count&amp;show_faces=false&amp;width=120&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=120px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.hellogoogle.com/que-son-los-microformatos-y-como-utilizarlos/"></g:plusone>
			</div>
			<div style="float:left; width:120px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.hellogoogle.com/que-son-los-microformatos-y-como-utilizarlos/"  data-text="Qué son los Microformatos y Cómo utilizarlos" data-count="horizontal" data-via="hello_google">Tweet</a>
			</div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>

<p>No hay artículos relacionados.</p>]]></content:encoded>
			<wfw:commentRss>http://www.hellogoogle.com/que-son-los-microformatos-y-como-utilizarlos/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
	</channel>
</rss>

