Clicky

HTML5 y el SEO

black hat y white hatLa introducción de HTML5 ha simplificado muchas tareas

Desde la aparición de los primeros motores de búsqueda web, diseñadores y desarrolladores han luchado con los problemas en la forma de aumentar su colocación en la página de resultados en un motor de búsqueda.

Con los principales motores de búsqueda (Google, Bing, etc) que no están dispuestos a revelar sus algoritmos de clasificación - protegiéndolos de los optimizadores de motores de búsqueda llamados "black hat" (sombrero negro) que tratan de engañar al sistema - los expertos en motores de búsqueda "white hat" (sombrero blanco) deben entrar un constante juego de adivinanzas para determinar qué táctica será más eficaz.

El continuo desarrollo de las tecnologías, desde HTML y XML a JavaScript y Flash, han hecho que las búsquedas en los principales motores de búsquedas sea en sí misma una industria enorme.

La introducción de HTML5 ha simplificado muchas tareas, pero añade otro nivel de complejidad en este campo.

Durante muchos años, los diseñadores y desarrolladores web han usado plugins como Adobe Flash y Silverlight de Microsoft para agregar el contenido de audio, vídeo y gráficos para sus proyectos. Estos plugins han permitido a los profesionales crear brillantes y llamativos diseños que han atraído a visitantes y ganado numerosos premios.

Sin embargo, estos sitios han sufrido tradicionalmente de mala clasificación de los motores de búsqueda debido a la incapacidad de los web crawlers de indexar este tipo de contenidos. Se están realizando grandes progresos en esta área justo antes de la muerte del Flash pero, en gran medida, la inversión en el área de plugins de indexación ha cesado por completo.

HTML5 permite la indexación de contenido multimedia, tal como menús, audio y video, con nuevas etiquetas de marcas. El contenido de estas etiquetas puede mejorar el ranking de un sitio en los buscadores. De hecho, un sitio HTML5 se clasifica consistentemente más alto que el sitio equivalente construido con un plugin, sin embargo hay algunas dudas en cuanto a la idoneidad de HTML5 para todas las tareas.

Google nos dice con frecuencia que debemos construir un sitio para el usuario, con contenido "natural". Pero es posible que tengamos que esperar a HTML6 para que eso sea posible.

HTML5 y tipos de enlaces

En años anteriores los desarrolladores han venido utilizando el atributo "rel" en las etiquetas de sus enlaces para especificar los links que un web crawler no debía seguir:

 <a href="/no-follow.htm" rel="nofollow">No seguir este enlace</a>

En HTML5, los nuevos valores para el atributo "rel" de la etiqueta de enlaces nos permitirá crear un contexto para un documento que, avanzando, debe proporcionar en gran medida una mejora en los resultados de búsqueda para los usuarios:

Alternate nos permite especificar el contenido alternativo, por ejemplo el mismo texto en formato PDF, o el mismo contenido en un idioma diferente:

 <link rel="alternate" hreflang="es" href="/espanol.html">

Autor nos permite enlazar con el perfil de un autor. Esto es de gran beneficio en Google si el autor está suscrito a Google+:

 <link rel="author" href="/https://plus.google.com/109185378081302206698">

Bookmark permite que los blogs enlacen con una URL permanente de un artículo, útil si tus artículos se publican generalmente en una página principal:

 <a rel="bookmark" href="/ http://misitio.com/articulo.html">Link permanente</a>

Help está diseñada para ser utilizada por aplicaciones de terceros y proporcionar acceso a los archivos de ayuda. No sirve de mucho en una página de blog, pero es de gran valor para aplicaciones basadas en web:

 <link rel="help" href="/paginadeayuda.html">

License proporciona un enlace a la información de licencia:

 <a rel="license" href="/licensing.html">Información de licencia</a>

Next y Prev (Siguiente y Anterior) se utilizan cuando un documento es parte de una serie, dando contexto a la página actual:

 <a rel="next" href="/page-2.html">Siguinte</a>
 <a rel="prev" href="/page-0.html">Anterior</a>

Search proporciona un enlace a un recurso que se puede utilizar para buscar en el documento actual y sus páginas relacionadas:

 <link rel="search" href="/ http://www.misitio.com/mibusqueda.xml">

La especificación completa de los atributos para estos valores se puede encontrar en el sitio del W3C.

El HTML5 y la clasificación

A finales de 2010, John Mueller de Google comentó que HTML5 es "todavía en gran medida un trabajo en progreso" y que la compañía todavía está trabajando en formas para indexar contenido HTML5. Sin embargo, Google está haciendo un esfuerzo sincero por incorporar la indexación de contenido HTML5 en su nueva generación de rastreadores web.

Si bien las relaciones de Google con los estándares HTML5 siguen en proceso de cambio, y aunque Google sigue siendo el foco de la mayoría de los esfuerzos de SEO, la introducción en HTML5 de nuevos contenidos y formas de describir el contenido es poco probable que ofrezca algún beneficio real en las SERP.

Sin embargo, no se discuten los méritos de que permite indexar más contenido con menos esfuerzo, y que HTML5 se convierta rápidamente en el nuevo estándar para el diseño web es sólo una cuestión de tiempo después de que los sitios en HTML5 superen a los sitios en XHTML. Los diseñadores web deben planificarse ahora para ese futuro.

Jesus_Caceres