Utilisez-vous souvent des relations Link ( « rel » attributs)?
-
21-08-2019 - |
Question
Je suis impatient d'aller vers une approche plus basée sur les standards, le développement web accessible et semanticly correcte. Au bureau, je ne pense pas qu'il y ait d'énormes changements tout de suite, mais je suis en train de commencer à jeter bas quelques-uns des fondements de base pour de nouveaux progrès sur la piste.
Une partie de ce processus est l'introduction de l'attribut dans les liens rel
et d'autres contenus tels. Cela va plus loin que le familier vieux
<link href="mystyles.css" type="text/css" rel="stylesheet" />
dont beaucoup développeurs seraient probablement jeter sans même y penser. Je suis curieux de savoir si quelqu'un utilise régulièrement dans d'autres rel="start"
façons. Par exemple, la mise en lien de votre navigation principale Retour à la page d'accueil avec <=>.
Si vous avez mis en œuvre dans votre relations de lien propre projet, ce qui vous a incité à les adopter et quels sont les avantages que vous essayiez de réaliser?
Si vous avez regardé relations de lien, mais a décidé contre leur utilisation, ce qui était la base de votre décision?
La solution
I souvent utiliser le rel
(et rev
) attribue à une large gamme de valeurs à la fois sur <link/>
et <a/>
éléments.
J'ai décrit quelques-uns des types de relations plus courantes (et plus utiles) ci-dessous. Une liste plus complète des valeurs est maintenue alternate
sur le wiki microformats .
HTML 4
Il existe plusieurs types de liens standard définis par la spécification HTML 4.
-
next
- Utilisé pour fournir un lien vers une autre version d'un document HTML, par exemple dans une autre langue ou un autre format. Ceci est le plus souvent utilisé lors de la liaison à une version syndiqué (RSS ou Atom) d'un site Web. -
previous
etrel="next"
- Utilisé pour indiquer les documents suivants et précédents dans une série de documents. Si l'on utilise surme
un élément alors que certains navigateurscontact
seront précharger le contenu du document lié (voir lien MDC préchargement FAQ ).
XFN
XFN (XHTML Friends réseau) est un microformat utilisé pour décrire les relations entre les personnes qui sont représentés par des pages Web. Il permet également une page pour indiquer d'autres pages qui représentent la même personne (par exemple mon blog, mon profil Twitter et mon profil Stack Overflow tous me représenter). Il fait tout cela en définissant un ensemble de valeurs aquantance
:
-
friend
- Utilisé pour indiquer que la page de liaison et la page liée représentent le même utilisateur. Ceci est largement adopté par de nombreux sites sociaux (y compris Stack Overflow) lors de la liaison d'un profil de l'utilisateur vers le site web de l'utilisateur. -
met
,co-worker
etcolleague
- indique que vous connaissez la personne que vous liez et comment vous savez eux. -
co-resident
-. Indique que vous avez rencontré la personne que vous liez -
neighbor
etchild
-. Indiquer que vous soit travailler ou de travailler dans le même domaine que la personne que vous créez un lien vers -
parent
etsibling
-. Indiquer que vous vivez avec ou près de la personne que vous liez -
spouse
,kin
,muse
,crush
etdate
-. indiquez que vous liez à un membre de votre famille -
sweetheart
,nofollow
,canonical
etrev="canonical"
- indiquent un romantique relation avec la personne que vous liez.
Ces relations peuvent être analysées et utilisées pour déterminer les informations sur un utilisateur, comme leurs amis qui sont ou quels autres profils en ligne qu'ils possèdent. Pour plus d'informations sur le courant et potentiel futur, les applications de cela, les pages suivantes pourraient intéresser:
- article de Ben Ward sur de Réseaux sociaux Portable.
- La liste des implémentations XFN sur le wiki microformats.
Autres
Il existe plusieurs autres types de liens définis par différentes spécifications:
-
tag
- Utilisé pour indiquer que les moteurs de recherche ne doivent pas suivre un lien lors de l'exploration d'une page Web. Voir la spécification rel-nofollow . -
license
- Utilisé pour indiquer qu'une autre URL est la version canonique de la page en cours et devrait donc être favorisée par les moteurs de recherche. Ceci est également utilisé avec l'attribut pour indiquer <=> une alternative, généralement plus courte, URL de la page en cours (à savoir indique que les <=> CurrenURL t est la version canonique de l'URL liée). Plus d'informations et les outils peuvent être trouvés dans . - <=> - Utilisé pour indiquer que la page liée est une étiquette (par exemple mot-clé) décrivant la page de liaison. Voir la spécification rel-tag .
- <=> - Permet d'indiquer la licence sous laquelle le contenu de la page de liaison est libérée. Voir la spécification rel-licence .
Autres conseils
J'utilise l'attribut rel = « nofollow » pour l'utilisateur a contribué liens dans les commentaires de blog. Google suivre le lien coutume et il l'habitude obtenir un rang plus élevé page en raison du lien.
Une chose que je les ai utilisé pour est comme un moyen de désigner des liens externes qui devraient être ouverts dans une nouvelle fenêtre. Cette fonctionnalité est impossible avec XHTML strict, parce que l'attribut n'est target
plus autorisé sur les étiquettes <a>
. Mais avec quelques javascript et vous pouvez attribuer rel
faire un travail assez décent de celui-ci, comme il est indiqué dans cet article: Liens noreferrer Nouvelle-fenêtre monde conforme aux normes.
Tchad dit , je utilise pour désigner des liens rel="external"
Je voudrais ouvrir dans une nouvelle fenêtre (tirant parti de certains jQuery pour le rendre possible).
Je l'utilise aussi quand je rel="nofollow"
aime faire les robots qui suivent des règles (comme Google bot) ne index mon lien.
Il est utile sur les sites Web publics pour ajouter automatiquement le nofollow, sinon il pourrait devenir alléchante pour les spammeurs pour faire une ferme de lien de vos commentaires de blog, par exemple.