Для Сеошников «ссылки» – это наверное один из самых обсуждаемых терминов. Мы часто говорим о том, зачем они нужны и как их получить. В этот раз я хотел бы вернуться к основам и посмотреть на составные части HTML кода ссылок.
Тег <a> отвечает за ссылки в гипертекстовой разметке.
Давайте посмотрим на составные части ссылки с точки зрения SEO, и других аспектов, которые представляют интерес для оптимизации.
Атрибуты
Существует целый ряд параметров, которые могут присутсвовать внутри тега <a … > :
- HREF – адрес страницы на которую следует перейти по ссылке.
например: <a HREF = “http://www.seopulse.ru/” >
Для ссылок, которые ведут на страницы, на том же сайте, рекомендуется использовать полный URL включая http:// , т.е. ”абсолютный” URL.
В качестве значение атрибуте HREF может использоваться ”mailto: e@example.com”, такая ссылка запускает клиент электронной почты посетителей.
- REL – отношение страницы источника, к странице которая приведена в атрибуте href .
например: REL = “Nofollow”
Этот вопрос часто поднимается на обсуждение, не буду поднимать его снова, просто скажу что это атрибут имеет большое значение для SEO, т.к. в какой то мере влияет на передаваемый вес ссылки.
Кроме того, в версии HTML 5 будет добавлено несколько значений атрибута, например, для копий страниц, таких как версии для печати и другие.
- TARGET – окно, в котором следует открыть ссылку.
например: TARGET = “_blank”
Этот атрибут не важен для оптимизации, однако он очень полезен для пользовательского интерфейса. Если значение такое же, как в примере, то ссылка откроется в новом окне браузера.
- CLASS / ID - используется для применения CSS стилей.
например: CLASS= “menu”
Как и большинство элементов HTML, ссылки могут быть оформлены согласно конкретному классу или ID с помощью CSS. Это может в значительно мере улучшить пользовательский интерфейс. Для SEO, интереса не составляет.
- TITLE – Всплывающая подсказка для ссылки.
например: TITLE = “Узнайте больше о SEO на seopulse.ru”
При наведении на ссылку, текст указанный как значение атрибута, появится как всплывающая подсказка. Это может быть использовано, чтобы дать пользователю больше информации о целевой странице. Про точное влияние атрибута на SEO мне не известно, однако есть предположения что некоторый позитивный эффект может иметь место.
Текст ссылки (анкор)
например: <a>SEO </a>
Важнейшая часть ссылки для SEO – большинство поисковых систем используют текст ссылки как основной способ для определения значения релевантности страницы акцептора к терму указанному в тексте ссылки (анкоре).
Если ссылка используется для изображений для передачи релевантности целевой странице необходимо использовать атрибут ‘Alt’ – это текст, который будет отображаться, при наведении на картинку как всплывающая подсказка, также надо использовать title атрибут изображений. В этом случае это заменит текст обычной ссылки.
например: ALT = “SeoPulse блог”
Если все вышеописанное сложить вместе то получиться вот такая вот ссылочка:
HTML:
<a href=" http://feeds.feedburner.com/seopulsefeed" rel="author" class=”link” title="Подпишись на RSS">RSS блога </ a>
и выглядеть будет так:
RSS блога
Популярность: 1%
Понравился пост, не стесняйся - подпишись на рассылку RSS!
баллов.
