Разработка сайтов для СРО

Как правильно оформлять ссылки на страницах сайта?

Ссылки - самая важная часть гипертекста. Они объединяют страницы и позволяют пользователям путешествовать по Сети.

Существуют три основные формы ссылок:

  • Структурные ссылки или ссылки на элементы навигации. Эти ссылки задают структуру информационного пространства, и по ним пользователь переходит к другим разделам сайта. Типичный пример - кнопка возврата на начальную страницу и ссылки на подчиненные страницы.
  • Ассоциативные ссылки внутри страницы. Чаще всего это подчеркнутые слова в тексте (хотя это могут быть и изображения), указывающие на страницы, где можно найти подробную информацию о слове, играющем роль ссылки.
  • Списки типа «смотрите также». Эти ссылки нужны для того чтобы помочь пользователю найти то, что он хочет, но чего нет на данной странице. Учитывая сложность навигации в Интернете, хорошо составленные списки «смотрите также» могут сильно облегчить жизнь пользователю.

Описания ссылок

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

Если слишком много слов играют роль ссылок, то пользователь не сможет понять их смысл при беглом взгляде на страницу. Гиперссылками должны быть только понятия, несущие важную информацию.

Самое старое правило веб-дизайна гласит: старайтесь не использовать фраз типа «Щелкните здесь!» в качестве ссылки.

Для этого правила есть две причины:

  1. По ссылке щелкают только те, кто пользуются мышью, остальные же (кто использует альтернативные устройства для доступа в Интернет или текстовые броузеры) вообще не делают никаких щелчков.
  2. Слова «щелкните» и «здесь» не несут никакой смысловой нагрузки и не являются элементами дизайна, привлекающими внимание пользователей.
Вместо фразы:
Чтобы подробнее узнать о нашей продукции, щелкните здесь.
Гораздо лучше сказать:
У нас есть дополнительная информация о продукции.

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

Хотя сама гиперссылка не должна быть длиннее четырех слов, нелишним будет добавить описание, поясняющее смысл ссылки. Интернет работает все же достаточно медленно, поэтому нельзя ожидать, что пользователи пойдут по всем ссылкам, чтобы просто узнать, о чем они.

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

Заголовки ссылок

Начиная с броузера Internet Explorer 4.0 поддерживается возможность выводить всплывающие подсказки с описанием ссылки. Это помогает узнать, куда приведет ссылка, и улучшает возможности навигации.

Плохие ссылки, скорее всего, останутся не посещенными, и пользователи будут тратить меньше времени, переходя по ссылкам, если они будут знать, что они получат еще до того, как они туда попадут.

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

Описание ссылки называется заголовком ссылки и его очень легко закодировать. Если вы поместите указатель мыши в вашем броузере над такой ссылкой, то примерно через секунду появится всплывающая подсказка.

Правила составления заголовков для ссылок

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

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

  • Название сайта, на который ведет ссылка (если это не текущий сайт).
  • Название подраздела сайта, на который ведет ссылка (если она не выводит за пределы сайта).
  • Дополнительные сведения об информации той страницы, на которую указывает ссылка, или о том, как она связана с текстом ссылки и содержимым текущей страницы.
  • Предупреждения о возможных проблемах на другом конце ссылки (например, «требуется регистрация пользователя»).

Заголовки ссылок должны быть меньше 80 символов, но они редко превышают даже 60 символов. Чем короче заголовок, тем лучше.

Кроме того, вы не должны придумывать заголовки для всех ссылок. Если из текста ссылки и контекста понятно, куда она ведет, то ее заголовок только уменьшит удобство использования сайта, так как это будет лишний элемент, на который должен будет посмотреть пользователь.

Излишне просто повторять текст ссылки в заголовке.

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

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

Пользователь не должен указывать на ссылку, чтобы понять, что она обозначает; заголовок должен обеспечивать дополнительную информацию. К тому же, в течение нескольких лет еще будет немало пользователей, чьи броузеры не отображают заголовки ссылок.