Вы часто используете связи с ссылками (атрибуты rel)? - PullRequest
Новая
       33

Вы часто используете связи с ссылками (атрибуты rel)?

7 голосов
/ 12 мая 2009

Я стремлюсь перейти к более стандартизированному, доступному и семантически правильному подходу к веб-разработке. В офисе я не ожидаю, что сразу же произойдут огромные изменения, но я пытаюсь начать закладывать некоторые из основных основ для дальнейшего продвижения по пути.

Частью этого процесса является введение атрибута rel в ссылках и другом подобном контенте. Это распространяется дальше, чем знакомый старый 

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

, которые многие разработчики, вероятно, добавили бы, даже не задумываясь об этом. Мне интересно знать, если кто-нибудь регулярно использует rel другими способами. Например, установив ссылку главной навигации на домашнюю страницу с помощью rel="start".

Если вы внедрили Link Relations в свой собственный проект, что побудило вас принять их и какие выгоды вы пытались реализовать?

Если вы смотрели на Link Relations, но решили не использовать их, на чем основывалось ваше решение?

Ответы [ 4 ]

10 голосов
/ 12 июня 2009

Я часто использую атрибуты rel (и rev) с широким диапазоном значений для элементов <link/> и <a/>.

Ниже я изложил некоторые из наиболее распространенных (и более полезных) типов отношений. Более полный список значений rel поддерживается в микроформатах wiki .

HTML 4

Существует несколько стандартных типов ссылок, определенных в спецификации HTML 4.

  • alternate - используется при предоставлении ссылки на альтернативную версию документа HTML, например, на другом языке или в другом формате. Это чаще всего используется при ссылке на синдицированную (RSS или Atom) версию веб-сайта.
  • next и previous - Используется для обозначения следующего и предыдущего документов в серии документов. Если для элемента <link/> используется rel="next", то некоторые браузеры будут предварительно извлекать содержимое связанного документа (см. FAQ по предварительной загрузке ссылки MDC ).

XFN

XFN (XHTML Friends Network) - это микроформат , используемый для описания отношений между людьми, которые представлены веб-страницами. Он также позволяет странице указывать другие страницы, которые представляют одного и того же человека (например, мой блог, мой профиль в Твиттере и мой профиль переполнения стека - все они представляют меня). Он делает все это, определяя набор значений rel:

  • me - используется для указания того, что страница ссылок и связанная страница представляют одного и того же пользователя. Это широко используется многими социальными сайтами (включая переполнение стека) при ссылках из профиля пользователя на собственный веб-сайт пользователя.
  • contact, aquantance и friend - указывает на то, что вы знаете человека, с которым связываетесь, и насколько хорошо вы его знаете.
  • met - указывает, что вы встретили человека, с которым связываетесь.
  • co-worker и colleague - указывают, что вы работаете или работаете в той же области, что и человек, с которым вы связываетесь.
  • co-resident и neighbor - указывают, что вы живете с или рядом с человеком, с которым вы связываетесь.
  • child, parent, sibling, spouse и kin - укажите, что вы ссылаетесь на члена вашей семьи.
  • muse, crush, date и sweetheart - указывают на романтические отношения с человеком Вы ссылаетесь на.

Эти отношения могут быть проанализированы и использованы для определения информации о пользователе, например, кем являются его друзья или какими другими онлайн-профилями он владеет. Для получения дополнительной информации о текущем и потенциальном будущем, приложения этой страницы могут представлять интерес для следующих страниц:

Другое

Существуют различные другие типы ссылок, определяемые различными спецификациями:

  • nofollow - используется для указания того, что поисковые системы не должны переходить по ссылке при сканировании веб-страницы. См. Спецификацию rel-nofollow .
  • canonical - используется для указания того, что другой URL является канонической версией текущей страницы и поэтому должен быть предпочтительным для поисковых систем. Это также используется с атрибутом rev для указания альтернативного, обычно более короткого, URL-адреса для текущей страницы (т. Е. rev="canonical" указывает, что текущий URL-адрес является канонической версией связанного URL-адреса). Дополнительную информацию и инструменты можно найти в записи в блоге Саймона Уиллисона на rev = canonical .
  • tag - используется для указания того, что связанная страница является тегом (т. Е. Ключевым словом), описывающим страницу ссылки. См. Спецификацию rel-tag .
  • license - Используется для указания лицензии, по которой публикуется содержимое страницы ссылок. См. rel-license спецификацию .
3 голосов
/ 12 мая 2009

Я использую rel = "nofollow" для пользовательских ссылок в комментариях блога. Google не перейдет по ссылке и не получит более высокий рейтинг страницы из-за ссылки.

2 голосов
/ 12 мая 2009

Я использовал их для обозначения внешних ссылок, которые должны открываться в новом окне. Эта функциональность невозможна в строгом XHTML, поскольку атрибут target больше не разрешен для тегов <a>. Но с помощью некоторого javascript и атрибута rel вы можете сделать его довольно прилично, как описано в этой статье: Ссылки на новые окна в мире, соответствующем стандартам .

0 голосов
/ 12 мая 2009

Как сказал Чад , я использую rel="external" для обозначения ссылок, которые я хотел бы открыть в новом окне (используя несколько jQuery, чтобы сделать это возможным).

Я также использую rel="nofollow", когда хочу, чтобы боты, которые следуют правилам (например, бот Google), не индексировали мою ссылку.

На общедоступных веб-сайтах полезно автоматически добавлять nofollow, в противном случае спамерам может стать соблазнительным сделать ферму ссылок, например, из комментариев в вашем блоге.

...