HTML5 y el SEO

Posicionamiento web y HTML5

HTML5 es un gran avance tecnológico y a una agencia de SEO y de diseño web le ofrece unas nuevas formas de satisfacer los objetivos de un sitio web. Sigue siendo un sistema específico en estado de creación ( … y parece que aún queda múúcho trabajo http://dev.w3.org/ … 14 plan.html ), pero muchas de sus ventajas ya podemos utilizarlas hoy.

Sin embargo …. es también beneficioso para los motores de búsqueda ? … y para la optimización web?

 

Web semántica y segmentación de la página

El principal beneficio de HTML5 para los buscadores, con respecto a la web semántica, son los nuevos tags que permiten una mejora en la descripción de los contenidos de la página. Con estos elementos podemos identificar la función de cada parte del sitio y su relación con el mensaje (contenido) principal  de la web. Esto permitirá a los motores de búsqueda identificar la cabecera, la navegación, la barra lateral, el contenido principal …etc. … y asignarles su importancia correspondiente.

En la actualidad, para la segmentación del contenido, utilizamos etiquetas <div>. Estos tags no tienen ningún significado semántico, y por lo tanto no supone ningún valor añadido para su contenido.

Esa fue la razón por la cual se han introducidos en HTML5 los elementos  <header>, <article>, <aside> y <footer>, que permiten una simple segmentación de la página en función de su contenido. Algunos de ellos pueden aparecer varias veces en el sitio, o se pueden combinar entre ellos y cambiar un poco su función. A efectos del artículo vamos a presentar sólo sus significados semánticos básicos.

<section>

Representa una unidad de contenido – por ejemplo, un capítulo o una página del artículo. Debería contener su propio título, encabezado – «header» y pie de página – «footer«. Es un elemento común y a menudo se puede (y se debe) reemplazar por una etiqueta más específica como article, aside, etc.

<article>

En SEO y posicionamiento web se aplica: «El contenido es el rey». Usando el tag <article> permitimos a los motores de búsqueda identificar la parte más importante de la página. En términos de SEO es, probablemente,  la novedad más significativa de HTML5.

Es muy probable que con el tiempo los buscadores den una importancia especial al contenido de <article>.

<aside>

Información adicional del artículo o del sitio en su totalidad. El uso más común es la columna lateral. Los motores de búsqueda probablemente dan menor trascendencia a la información de este elemento (en relación con el tema de la página principal ).

<header>

Encabezado de la página o del artículo. Por lo general contiene la navegación y el título principal. La cabecera a menudo contiene el logotipo, nombre de la página y la búsqueda. Esta información permite a los motores de búsqueda anclar el tema de la página con respecto a todo el sitio web.

<footer>

El elemento <footer>  indica la sección de pie de  página. En el caso del artículo contiene información sobre el autor, los enlaces o copyright, pero también pueden incluir los vínculos a las redes sociales, términos y condiciones, etc. Si seguimos creando enlaces de baja calidad en footer, como se suele hacer hoy en día, es posible que los motores de búsqueda vayan a «ignorar» este elemento

<nav>

<nav>  debe integrar la navegación principal de la web. Permite a los buscadores un mejor análisis de la arquitectura del sitio.

 

HTML5 y los tipos de «link»

Otro punto fuerte de HTML5 es la vinculación simplificada a otras variantes del texto, o su complementación para facilitar la correcta indexación de los contenidos por los buscadores. Por el momento sólo podemos utilizar el atributo rel, con el cual designamos el contenido alternativo que no se indexa. En HTML5 tenemos varias opciones:

Author

<link rel=»author» href=»https://plus.google.com/+AlexMseo»>

Te permite enlazar directamente a la página o a perfil del autor. Por supuesto, es necesario tener un perfil, en términos de optimización para Google … lo mejor es tenerlo en Google+.

Alternate

<link rel=»alternate» hreflang=»en» href=»english.html»>

Este atributo nos permite referirnos a contenidos alternativos de la página, ya sea en otro idioma, u otro tipo de documento, como PDF por ejemplo. Los motores de búsqueda, con el tiempo, pueden utilizar ese «link», por ejemplo, para sumar  los ranks de los enlaces a las diferentes versiones de un mismo documento.

Bookmark

<a rel=»bookmark» href=»http://www.seoagencias.com/seo-enlaces/»> Permalink </ a>

Usando este elemento nos referimos a una dirección fija (permanente) del artículo. Mayormente se suele utilizar en los blogs, donde la ubicación del artículo en la página principal con el tiempo va cambiando. «bookmark» facilita a los motores de búsqueda identificar  la dirección permanente del artículo.

Help

<link rel=»help» href=»ayuda.htm»>

Fue creado especialmente para las aplicaciones Web. Permite encontrar los archivos de ayuda.

Licencia

<a rel=»license» información de licencia href=»licence.htm»> </ a>

Facilita información sobre sobre las licencias.

Next y Prev

<a rel=»next» href=»page-2.htm»> Siguiente </ a>
<a rel=»prev» href=»page-0.htm»> Anterior </ a>

Siguiente y Anterior se usa para marcar las páginas anteriores y siguientes de un artículo más largo, o permite una mejor orientación en una serie de artículos. A los motores de búsqueda les hace más fácil la orientación entre las páginas de la web.

 

Hoy por hoy … ¿ayuda HTML5 para SEO?

… para SEO? … directamente puede que no. El empleado de Google John Mueller escribió:

Our crawling and indexing systems currently don»t do anything special for HTML5, so there is no „bonus“ for using HTML5 constructs, but similarly also generally no downside.

Nuestros robots no son capaces de reconocer todas las etiquetas HTML (incluyendo las etiquetas HTML5).

.. algunos beneficios tendrá HTML5 , no?

El código más claro

La parte positiva de HTML5 en términos de SEO son las páginas con el código mucho más limpio y por lo tanto más fáciles de indexar. Las páginas en HTML5 las crean principalmente los entusiastas de las nuevas tecnologías, y éstos, por norma general, tratan de aprovechar al máximo todas las posibilidades y cumplen con todos los estándares. Las nuevas páginas web están también libres de toda la «porquería» acumulada en los códigos con todas las modificaciones y cambios desde su creación.

Microdatos

Otra de las ventajas es una fácil aplicación de microdatos que Google ya utiliza comúnmente, por ejemplo, para la creación de snipetts en los resultados de búsqueda.

El reemplazo de Flash

Ya podemos reemplazar completamente ,con HTML5,  la mayor parte de los elementos flash de la web, incluyendo muchas aplicaciones. A cambio de la versión flash, la versión HTML5 es totalmente indexable. Va a ser un gran activo para el diseño de las páginas flash, sobre todo en el campo de la publicidad, del espectáculo y,también para los profesionales creativos que no tenían una alternativa HTML.

 Indexación de Ajax páginas

Las páginas que utilizan funciones de Ajax, pueden cargar nuevos contenidos desde el servidor sin tener que cambiar la URL de la página. Los motores de búsqueda pueden indexar el contenido único original y todo lo que se carga durante la visita del usuario a la web es invisible para ellos. Las nuevas posibilidades de HTML5, en combinación con JavaScript, permiten cambiar la dirección URL de la página, y con ésto, indexar el contenido «creado» con la acción del usuario en el sitio.