Sí. Usamos un par de cookies, y una ni siquiera es nuestra. Deberá aceptarlas para evitar este mensaje que mostramos por imperativo legal

“Rediseñando la arquitectura de enlaces en páginas HTML5”, noticia en Interdixit

Diseño + Desarrollo. Multimedia. Web. Comunicación. Grafismo. Arte

Noticia: “Rediseñando la arquitectura de enlaces en páginas HTML5” de la sección Posicionamiento web

Rediseñando la arquitectura de enlaces en páginas HTML5

El nuevo etiquetado de los enlaces que introducirá HTML5, además del resto de novedades de este lenguaje, obligará a rediseñar toda la arquitectura de la página web en su construcción con una doble mirada: mejorar el rendimiento de carga y la experiencia de usuario y, especialmente, configurar el árbol de enlaces para mejorar el posicionamiento natural de la página.

HTML5, que se publicará oficialmente el 3 de agosto, introduce un gran número de novedades que afectan de forma directa al contenido de la página y su comportamiento en relación con los usuarios (nuevos elementos semánticos, geolocalización, bases de datos, etcétera). Estas modificaciones suponen, de hecho, un cambio de perspectiva en la elaboración de los contenidos web. Si hasta ahora se creaban partiendo de la generalidad (todo el árbol del website) y llegando al detalle (la página web), ahora es más conveniente realizar el proceso contrario. Partiendo de la página que detalla el contenido, que se convierte en la página de entrada al website, se estructura todo el árbol del website.

En esta nueva filosofía, el nuevo etiquetado de los enlaces que introduce el lenguaje puede facilitar la navegación más intuitiva y orientar a los robots de los buscadores sobre qué contenidos son los que debe indexar, ahorrando tiempo y ganando precisión en el posicionamiento natural.

El atributo ‘rel’
El atributo relación (rel) cobra relevancia en la etiqueta de los enlaces en el BODY y en el HEAD de la página, y permite a los buscadores determinar cuáles deben ser seguidos e indexados, valorando las páginas por sus enlaces salientes y, no hay que olvidarlo, por los enlaces entrantes.

Los nuevos criterios de relación son:

  • external: Junto a la recuperación de HTML4 del atributo target, con valor _blank, indica que se apunta a un dominio externo al actual.
  • prev y next: Apuntan a páginas inmediatas en una navegación intuitiva. Corresponden, además, a contenidos que están ordenados de alguna manera: capítulos, fechas, secuencias naturales de acontecimientos…
  • canonical: El enlace apunta a la URL que tiene el contenido original que se está reproduciendo en la página actual, ayudando al buscador a no perder tiempo indexando el contenido actual y respetando los derechos de autoría originales. La indexación de contenido duplicado penaliza los websites.
  • help: La página enlazada aporta algún tipo de ayuda a la navegación, si existe: mapa del site, FAQ, aclaraciones específicas de algún procedimiento, explicación detallada de una operación en curso…
  • author: Apunta a la dirección de correo electrónico o a la página web del creador de la página/website.
  • alternate: Apunta a una presentación distinta del contenido de la página actual. Podría ser una versión para tablets, para smartphones o una publicación XML para sindicar.
  • license: Remite a los términos de uso del contenido que resulte propiedad intelectual del website. En este caso se recomienda siempre el uso de estándares de licencia de contenidos, más fáciles de indexar, aunque por propia lógica podría remitir a los avisos legales.
  • search: Lleva a la página de búsqueda interna del website.
  • tag: Identifica el contenido etiquetado. La idea es que los buscadores pueden utilizar la etiqueta tag como un keyword que mejore la posición de páginas que respondan de forma difusa a un criterio de búsqueda. Sólo es efectivo si existe una estructura de tags en el sistema.
  • prefetch: Identifica un contenido externo —documentos o páginas— que se descargarán en segundo plano cuando el proceso de carga de la página actual ha terminado y que corresponden a una navegación inmediata intuitiva por el website, de esta manera la navegación es rapidísima. Es el proceso, por ejemplo, que utiliza Google para ir cargando las páginas en la búsqueda de imágenes.
  • noindex, nofollow, index y follow: Indica a los robots de los buscadores si el enlace debe ser seguido a su destino y si debe ser indexado o no. La instrucción de indexación afecta al enlace enviado, pero no al recibido, que Google continúa interpretando como un inbound en la página de destino, valorándolo a efectos de posicionamiento.

El atributo rel afecta tanto a los enlaces del cuerpo de la página como a los de la parte de código del encabezamiento y hay que respetar escrupulosamente las disposiciones del lenguaje para saber en qué espacios y de qué manera (en las etiquetas link o a) deben usarse. Aún así, según el último borrador se tratará de un atributo abierto, en el que será posible crear nuevas instrucciones que sólo se interpretarán de forma local para efectos con Ajax o CSS3, por ejemplo.