Секреты контекстных ссылок

Веб разработка - Веб разработка

В этой статье речь пойдет о проблеме юзабилити ссылок. Я придерживаюсь мнения, что везде, где возможно, ссылки не должны выбиваться из контекста. Ссылки типа «Нажмите здесь» снижают скорость и удобство чтения. Если ссылки являются достаточно ясными, то зачем объяснять посетителю где стоит кликнуть?

Легко скопировать статью с другого сайта и поставить ссылку на источник с анкором «Подробнее». Не скажу что я сам так не делаю, но это часто ненужный шаг. Раз уж вы написали что-то, почему бы не использовать этот текст для ссылки?

Три общих подхода

Рассмотрим следующие варианты и предложения со ссылками:

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

Первый вариант представляет собой предложение, после которого идет ссылка для получения дополнительной информации. Второй вариант также представляет предложение с URL’ом источника. В обоих случаях имеется дополнительный текст, для добавления ссылки. Но это не относится к третьему. Третий вариант является единственным, текст которого не изменится, если мы уберем гипертекст.

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

Какое это имеет значение?

Использование ссылок в контексте позволяет контенту окружающему ссылку охарактеризовать ее и дать ей описание.

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

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

Контекстные ссылки помогают четче выражать мысль. Вспомните страницы скачивания. Когда ссылка с названием «Скачать» находится в нижней части страницы, посетитель может и не знать, что именно он собирается скачать без прочтения предыдущих пяти абзацев. Ссылка с контекстом в это случае добавит уверенности.

Пользователи уже готовы

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

Никто не хочет, нажать на ссылку и найти не то, что он ожидал.

Интуитивные переходы

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

Пользователь не должен прерывать чтение, чтобы выяснить является ли содержимое ссылкой. Дайте ему чувство направления. Как только читатель увидит одну ссылку, он увидит и остальные.

Хорошим плюсом так же окажется продвижение в поисковых системах. Ссылки типа «Подробнее» мало чем помогут в продвижении, так как они почти никогда не предлагают описания ссылки. Текст «сайт Apple» дает более лучший анкор, чем “Подробнее”.

Заключение

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

 

---

Читайте:
Современный дизайн web сайта. Часть 2 Правило юзабилити №2: сайт для посетителей Современный дизайн web сайта. Часть 1 Аватары и психология Еще 6 причин оформить сайт в виде блога

PDF Metamorphosis .Net открывает разработчикам встраиваемые технологии Новый компонент PDF Metamorphosis .Net позволит разработчикам легко создавать приложения с возможностью конвертации документов различного формата в ...

Adobe покажет Flash с поддержкой 3D осенью Компания Adobe представит версию своего плагина для отображения мультимедиа в браузерах, Flash, с поддержкой трехмерной графики этой осенью. В компа...

8 замечательных бесплатных утилит В четвертой статье серии представлена коллекция великолепных бесплатно распространяемых или созданных на базе открытого исходного кода инструменталь...

Windows IT Pro :: Internet & Web-службы Последнее время в Америке и Европе меняется модель использования приложений и все чаще традиционному внедрению информационных систем компании предпо...

Google Web Toolkit Создание веб-приложений в наше время - это нудное занятие, при котором к тому же постоянно возникают ошибки. Разработчик может провести до 90% време...