Skip to main content

¿Qué es un atributo Rel?

El atributo rel es un atributo HTML que se utiliza para describir la relación de una página de destino con la página que la vincula. La información no se muestra directamente en el navegador, pero los motores de búsqueda y los lectores de pantalla pueden recoger el atributo rel y recopilar información sobre la red de conexiones en una página. El reverso es el atributo rev, utilizado para contextualizar la página actual en relación con lo que se está vinculando.

Este atributo se escribe como rel = "propiedad" y aparecería en un enlace como este: <a rel = "home" href = "http://www.wisegeek.com"> wiseGEEK </a>. El atributo rel señala que el recurso que se vincula es la página de inicio, en relación con el documento donde se origina el enlace, como este artículo de wiseGEEK. Del mismo modo, un sitio con asociaciones de afiliados podría usar un código como este: <a rel = "affiliate" href = "http://www.example.com"> Afiliado amigable </a>. Cuando los motores de búsqueda rastrean el sitio, pueden comprender las relaciones entre las páginas dentro de un sitio, así como los enlaces fuera del sitio.

Otro ejemplo común de cómo se puede usar este atributo es en la navegación, para evitar confusiones y cambios. <a rel = "next" href = "http://www.example.com/2"> Entradas adicionales </a> se pueden usar en un blog para proporcionar un enlace a otra página de entradas. Las personas también pueden usar descriptores como "anterior", "hoja de estilo" e "índice" para proporcionar etiquetas descriptivas para los recursos. El atributo rel también se puede vincular con otro código; por ejemplo, una hoja de estilo se puede codificar para mostrar una pequeña flecha al lado de un enlace con un rel = "anterior" para facilitar la navegación.

Al igual que muchos atributos HTML, el atributo rel no se aplica de manera consistente. Algunos sitios pueden usarlo ampliamente, y puede ser muy útil para herramientas como la construcción de mapas del sitio. Otros sitios no lo usan en absoluto y, a veces, los usos extraños del atributo surgen y pueden confundir a los navegadores. A medida que cambian los estándares HTML, los atributos entran y salen de estilo, y es importante asegurarse de que los sitios web se actualicen en consecuencia para evitar problemas como errores de visualización.

Las personas curiosas por saber sobre el soporte del navegador para varios atributos pueden buscar documentación técnica en los sitios web para esos navegadores. Es importante tener en cuenta que incluso si la versión más actual de un navegador reconoce y sabe cómo aplicar un atributo, es posible que las versiones anteriores no lo hagan, y las personas preocupadas por llegar a tantos navegadores como sea posible pueden considerar esto al codificar sitios. En ocasiones, es necesario realizar ajustes en el código del sitio en beneficio de las personas que utilizan navegadores más antiguos para que se muestren correctamente.