Анкоры: микроформаты и якоря

Ссылка — анкор тег, конструкция из парных тегов <a></a>, обосабливающих участок текста или какой-то элемент страницы, связывает документы или их части.

Пример традиционной ссылки: <a href="http://www.shift-web.ru/semantika-i-logika-verstki">Семантичная вёрстка</a>, здесь атрибут href указывает url на который ведет ссылка.

Якорные ссылки

Ссылка может служить якорем, если ведет на конкретную часть документа.

Представим, что у нас есть какой-то документ, разделенный по смыслу заголовками:

<h3>Заголовок 1</h3>
<p>Текст 1</p>
<h3>Заголовок 2</h3>
<p>Текст 2</p>
<a name="logo"></a>
<h3>Заголовок 3</h3>
<p>Текст 3</p>

Обратите внимание, что над одним из заголовков установлена пустая сслыка с атрибутом name, который является якорем. Имея такой атрибут, мы можем «зацепить» на него ссылку, при переходе по которой экран пользователя будет автоматически установлен на невидимый якорь.

Стоит отметить, что атрибут name считается устаревшим, и его рекомендуется заменить или совместить с атрибутом id. Какой из двух вариантов является более семантичным — вопрос риторический.

Вот пример такой ссылки:
<a href="http://shift-web.ru/zagolovki-h1-h6-i-verstanie-logotipa#logo">Вёрстка логотипа</a>, здесь просто в конец адреса добавлен якорь — #logo.

А вот так она работает: Вёрстка логотипа. Можете потестировать.

Якоря можно устанавливать в пределах одного документа, что облегчает навигацию. Например, я разметил эту страничку на верх и низ. Поскольку такая навигация заточена в пределах одного документа и не подразумевает перезагрузку страницы, то атрибут «ссылок-джамперов» href ничего кроме якоря не имеет.

Якоря:

<a name="up"></a>
<a name="down"></a>

Или тоже самое с применением id

<a id="up"></a>
<a id="down"></a>

Ссылки-джамперы:

<a href="#up">верх</a>
<a href="#down">низ</a>

Известным фактом является, что Google учитывает только первую найденную ссылку на документ. Таким образом, целесообразным является не использовать одну и ту же ссылку несколько раз в тексте, а предварительно разметить документ якорями и в дальнейшем ставить ссылки на якоря.

Микроформаты

Микроформаты помогают указать отношения документов. Здесь нет жёстких правил, но уже успели устояться общепринятые значения. Типичным примером использования микроформатов для ссылок является атрибут rel (relativity).

Пример: <a href="http://shift-web.ru/taxonomy/term/10" rel="nofollow">Внутренняя оптимизация</a>, здесь rel="nofollow" указывает, что ссылающаяся страница не подразумевает передачу авторитета(тИЦ и PR) по ссылке.

Здесь есть одно замечание, цитирую википедию:

В конце 2009 года поисковая система Google изменила алгоритм действия атрибута nofollow. До этого изменения ссылка, которая была заключена в атрибут nofollow, не передавала вес со страницы-донора (ссылающаяся страница) странице-акцептору (страница, на которую ссылаются), при этом страница-донор сохраняла свой вес. Но, после изменения алгоритма, страница-донор по-прежнему не передает вес странице-акцептору, но и вес ссылки, который донор должен был передать, у него не остается. Другими словами, вес со страницы-донора просто испаряется.

Употребление допускает и другие вариации:

rel="home" — главная сраница
rel="help" — справка
rel="license" — информация о лицензии
rel="toc" — оглавление

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

rel="external nofollow"

В данном примере external указывает на то, что страница должна открыться в новом окне. Это что-то вроде альтернативы target="_blank". К сожалению далеко не все браузеры поддерживают такой вариант.

Больше информации о микроформатах можно получить здесь