¿Utiliza habitualmente relaciones de enlace (atributos "rel")?

Question

Estoy ansioso por avanzar hacia un enfoque de desarrollo web más basado en estándares, accesible y semánticamente correcto.En la oficina, no espero que haya grandes cambios de inmediato, pero estoy tratando de comenzar a sentar algunas de las bases básicas para avanzar en el futuro.

Parte de este proceso es la introducción de la rel atributo en enlaces y otros contenidos similares.Esto se extiende más allá de lo conocido y antiguo.

<link href="mystyles.css" type="text/css" rel="stylesheet" />

que muchos desarrolladores probablemente incluirían sin siquiera pensarlo.Tengo curiosidad por saber si alguien usa rel regularmente de otras maneras.Por ejemplo, configurar el enlace de navegación principal a la página de inicio con rel="start".

Si ha implementado Relaciones de Enlace en su propio proyecto, ¿qué le impulsó a adoptarlas y qué beneficios intentaba obtener?

Si ha analizado las relaciones de enlace pero ha decidido no utilizarlas, ¿cuál fue la base de su decisión?

Answer 1

Yo uso frecuentemente el rel (y rev) atributos con una amplia gama de valores en ambos <link/> y <a/> elementos.

A continuación describí algunos de los tipos de relaciones más comunes (y más útiles).Una lista más completa de rel Los valores se mantienen en el wiki de microformatos.

HTML4

Hay varios tipos de enlaces estándar definidos por la especificación HTML 4.

• alternate - Se utiliza cuando se proporciona un enlace a una versión alternativa de un documento HTML, por ejemplo en un idioma diferente u otro formato.Esto se usa más comúnmente cuando se vincula a una versión sindicada (RSS o Atom) de un sitio web.
• next y previous - Se utiliza para indicar los documentos siguientes y anteriores de una serie de documentos.Si rel="next" se utiliza en un <link/> elemento, algunos navegadores buscarán previamente el contenido del documento vinculado (consulte la Preguntas frecuentes sobre la captación previa de enlaces MDC).

XFN

XFN (Red de Amigos XHTML) es una microformato Se utiliza para describir las relaciones entre las personas representadas por las páginas web.También permite que una página indique otras páginas que representan a la misma persona (p. ej.mi blog, mi perfil de Twitter y mi perfil de Stack Overflow me representan).Hace todo esto definiendo un conjunto de rel valores:

• me - Se utiliza para indicar que la página de enlace y la página enlazada representan al mismo usuario.Esto es ampliamente adoptado por muchos sitios sociales (incluido Stack Overflow) cuando se vincula desde un perfil de usuario al propio sitio web del usuario.
• contact, aquantance y friend - indica que conoces a la persona a la que estás vinculando y qué tan bien la conoces.
• met - indica que ha conocido a la persona con la que se está vinculando.
• co-worker y colleague - indique que trabaja o trabaja en el mismo campo que la persona con la que se está vinculando.
• co-resident y neighbor - indicar que vive con o cerca de la persona con la que se está vinculando.
• child, parent, sibling, spouse y kin - indicar que se está vinculando con un miembro de su familia.
• muse, crush, date y sweetheart - indicar una relación romántica con la persona con la que se está vinculando.

Estas relaciones se pueden analizar y utilizar para determinar información sobre un usuario, como quiénes son sus amigos o qué otros perfiles en línea posee.Para obtener más información sobre las aplicaciones actuales y futuras potenciales de esto, las siguientes páginas pueden ser de su interés:

• El artículo de Ben Ward sobre Redes Sociales Portátiles.
• La lista de Implementaciones XFN en la wiki de microformatos.

Otro

Hay varios otros tipos de enlaces definidos por varias especificaciones:

• nofollow - Se utiliza para indicar que los motores de búsqueda no deben seguir un enlace al rastrear una página web.Ver el especificación rel-nofollow.
• canonical - Se utiliza para indicar que otra URL es la versión canónica de la página actual y, por lo tanto, debería ser la preferida por los motores de búsqueda.Esto también se utiliza con el rev atributo para indicar una URL alternativa, generalmente más corta, para la página actual (es decir, rev="canonical" indica que la URL actual es la versión canónica de la URL vinculada).Puede encontrar más información y herramientas en Entrada del blog de Simon Willison sobre rev=canonical.
• tag - Se utiliza para indicar que la página vinculada es una etiqueta (es decir,palabra clave) que describe la página de enlace.Ver el especificación de etiqueta rel.
• license - Se utiliza para indicar la licencia bajo la cual se publica el contenido de la página de enlace.Ver el especificación de licencia rel.

Answer 2

Yo uso el rel = "nofollow" para el usuario contribuyó enlaces en los comentarios del blog. Google suele seguir el enlace y no lo puedo conseguir un mayor rango página debido a la relación.

Answer 3

Una cosa que he utilizado para es como una forma de designar a los enlaces externos que se deben abrir en una nueva ventana. Esta funcionalidad no es posible con XHTML estricto, porque el atributo target ya no se permite en <a> etiquetas. Pero con algo de JavaScript y el rel atributo que puede hacer un trabajo bastante decente de la misma, tal como se indica en este artículo: Nueva noreferrer de la ventana de eslabones de una compatible con los estándares Mundial.

Answer 4

Chad dijo , me rel="external" utilizo para designar enlaces que me gustaría abrirá en una nueva ventana (aprovechando algunos jQuery para que sea posible).

También utilizo rel="nofollow" cuando me gustaría hacer los robots que siguen las reglas (como Google Bot) no indexa mi enlace.

Es útil en sitios web públicos para agregar automáticamente el nofollow, de lo contrario, podría llegar a ser atractivo para los spammers para hacer una granja de enlaces de comentarios de su blog, por ejemplo.