comparte el articulo 

El potencial impacto de HTML5 sobre el SEO

Actualizado el 20/11/2011 < > 2 Cometarios

Resumen: Exponemos los puntos que indican un potencial impacto positivo del HTML5 sobre el SEO de nuestros sitios.

La nueva versión del lenguaje de etiquetas HTML, si bien es un trabajo aún en proceso, es candidato a convertirse en el siguiente gran estándar de la web. Esta versión nos permitirá estructurar y presentar nuestro contenido mediante nuevas etiquetas que alimentarán a los motores de búsqueda y potenciará positivamente al SEO de nuestros sitio.

HTML es el encargado de proporcionar a los motores de búsqueda el contexto que necesitan para entender lo que está contenido en una página web. Con HTML5 existe la oportunidad de impactar en gran medida a los algoritmos de los buscadores, de eso hablaremos en este artículo.

Segmentación y semántica en HTML5

La segmentación y una mayor semántica son dos propiedades que nos ofrece agregar HTML5 a nuestras páginas, un componente clave de esta versión del lenguaje, es que añade nuevos elementos que nos van a ayudar a expresar mejor lo que se está mostrando en una página web, con esto se logra mejorar la segmentación y distinguir entre los distintos elementos como el encabezado, pie de página y el contenido principal.

Se proyecta que eventualmente con el paso del tiempo, los motores de búsqueda incluyan por completo y utilicen estos nuevos elementos para que les ayuden a encontrar contenido de interés dependiente del segmento o sector de la página donde se ubican.

En la actualidad esta segmentación se lleva acabo mediante elementos de tipo capa, comúnmente identificados con la etiqueta “div”, estos son utilizados para organizar y crear secciones. El problema con el uso de estos elementos es que no tiene un significado específico, es decir no añade el valor semántico correcto al código, ya que no da un contexto de lo que existe en su interior.

Con los nuevos elementos “header”, “article”, “aside” y “footer”, la segmentación de la página toma un papel relevante y se hace más significativo tener una buena estructura. Al utilizarlas, le permitiremos al motor de búsqueda saltear secciones que no le interesan o utilizar algunas otras para identificar información relevante que debe de existir en ese lugar, como por ejemplo la licencia de uso que regularmente se coloca en el “footer” de un sitio o el logotipo que se coloca en el encabezado.

Esta indexación del motor de búsqueda permitirá que la investigación que realicemos sea más eficiente, significativa y en teoría más avanzada.

Elementos HTML5 para indexación

Como dijimos HTML5 es un proyecto aún en proceso, y aunque ya es una realidad es muy probable que en un futuro existan nuevas etiquetas, por el momento existe un grupo de elementos que nos permiten tener un mayor impacto sobre el SEO, y son los que expondremos en esta ocasión.

Empezaremos con el elemento “article”, quizás el más relevante de todos en base al contenido que alberga. Como es de todos saber, el contenido es la parte que juega el rol más fundamental en una página web, sin buen contenido un sitio esta destinado a tener muy bajo ranking en los buscadores, es por eso que dentro de esta etiqueta se debe colocar la mejor información posible, ya que se encargará de indicar el contenido principal de la página.

Es muy probable que eventualmente todos los buscadores pongan más atención a esta sección sobre todas las demás que conforman el sitio, es por ello que la etiqueta “article” toma tal relevancia.

Dejando la relevancia atrás y pasando al orden por uso tenemos a la etiqueta “section”, quizás la más utilizada a lo largo de la estructura ya que se encargará de indicar las diferentes secciones de una página. Con esto cada sección de la página puede tener su propio título, independiente al que se dio al documento HTML, esto permitirá a los buscadores tener una mejor comprensión de como esta segmentada y estructurada la página.

También tenemos al elemento “header” el cual se encargará de dar una idea a los motores de donde encontrar el nombre del sitio y el logotipo que representa a la compañía o sitio. Cerca de él tenemos a “nav”, elemento que dará pistas sobre la arquitectura del sitio, tal como en la actualidad los mapas del sitio nos ayudan a conocer mejor la estructura.

Finalmente tenemos “footer”, dicha etiqueta se encargará de indicar el pie de página, sección que suele contener información complementaria o auxiliar, como es las licencias o derechos sobre el sitio, políticas de privacidad, estadísticas y enlaces hacia las principales redes sociales donde se encuentra presente el sitio. Gracias a esto los motores podrán analizar aspectos legales de manera rápida, simplemente analizando el contenido de esta sección, al igual podrán detectar cuales son los perfiles oficiales del sitio en las redes sociales.

Enlaces e hipervínculos

Una de las manera más comunes de determinar el posicionamiento de un sitio por parte de los buscadores es utilizar y analizar los enlaces de una página web. Es decir, los motores se encargan de estudiar los “links” para ver a que sitios redireccionas y que sitios redireccionan hacia el tuyo.

Pensando en esto, los desarrolladores de HTML5 decidieron añadir distintos tipos de enlaces lo que permitirá darle distintos valores a nuestros vínculos, permitiendo dar más contexto a los buscadores sobre los enlaces que se encuentran en nuestra página.

Quizás ya habías manejado este tipo de clasificación con anterioridad, al utilizar atributos como “rel” que al darle un valor como “nofollow” le indicaba al buscador que el enlace no era totalmente respaldado por nuestro sitio. Los nuevos tipos de enlace son muy parecidos a esta clase de práctica, de hecho utilizamos el mismo atributo “rel”.

Ahora podemos dar nuevos valores a este atributos, tales como “auto” o “licence”, lo que nos permitirá describir mejor cada vínculo, incluso podemos dar valores como “prev” o “next” que indicarán que esos enlaces apuntan hacia una página del mismo sitio que continúa mostrando el contenido que fue paginado.

Media

Es importante mencionar también a las etiquetas de media, como “audio” y “video”, que incrementar la interoperabilidad con los motores de búsqueda, un ejemplo de ello se puede observar en Google que presenta los videos de YouTube en sus resultados de búsqueda.

Publicado el 24/10/2011, última actualización 20/11/2011.

Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera.es :: Diseño de paginas web

Añadir Comentario (Subir al texto)

2 Cometarios

  1. dudosa

    Hola,

    estoy tratando de encontrar información… estamos montando una web que estará traducida a muchos idiomas con localismos en el lenguaje teniendo en cuenta el país del usuario

    me recomiendan que utilice diferentes dominios para cada país (.es, .ag , .fr, etc..) pero claro, a mí me gustaría que desde el .com la web identificase el país del usuario registrado (se solicita en el registro) y en función de eso mostrase una un otra información, tanto por el lenguaje a mostrar como por la segmentación de la publicidad en función del país

    teniendo encuenta que la web está en html5 y desde la ignorancia (no soy tecnóloga) la pregunta es.. ¿me podéis recomendar como maquetar para que estoy funcione así y no vaya en detrimento del seo?

    mil gracias!

    Viernes, 25 de noviembre 2011

  2. dnavarro

    Hola dudosa, lo que tu deseas hacer se puede realizar muy fácil con un lenguaje de lado servidor como PHP, simplemente obtienes la IP y en base a ella utilizas una API o webserver que te diga de donde proviene la IP.

    En tu caso mencionas que deseas hacerlo con HTML5, te seré honesto, nunca lo he realizado, pero no debe de ser muy difícil, pero para llevarlo acabo sin duda tendremos que recurrir a JavaScript.

    Buscando rápido en internet me encontre con este link, que quizás te pueda ser de ayuda http://stackoverflow.com/questions/6747833/how-can-i-find-a-users-country-using-html5-geolocation

    Saludos

    Sábado, 10 de diciembre 2011

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras