На главную

Библиотека Интернет Индустрии I2R.ru

Rambler's Top100

Малобюджетные сайты...

Продвижение веб-сайта...

Контент и авторское право...

Забобрить эту страницу! Забобрить! Блог Библиотека Сайтостроительства на toodoo
  Поиск:   
Рассылки для занятых...»
I2R » Сайтостроительство » Web-дизайн

Стратегия и тактика гиперссылок. Часть II

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

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

Как добиться "понятности" ссылки? Общая рекомендация заключается в том, чтобы всегда смотреть на ссылку глазами посетителя, который в первый раз оказался на вашем сайте. А еще лучше — позвать к монитору человека, который не связан с разработкой этого сайта, и вместе с ним пощелкать по ссылкам, спрашивая его о том, что он каждый раз ожидает увидеть.

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

1. Ссылка "Щелкните здесь"

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

Что же здесь не так?

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

Уверен, что вы уже догадались, как лучше формулировать подобные ссылки. Надо просто написать: "Дополнительные услуги, предоставляемые нашей компанией."

2. Скажите "нет" ссылке "назад"

Очень часто бывает: ищешь что-то в Интернете через поисковик, видишь подходящее описание, переходишь по ссылке и на появившейся странице в самом верху видишь ссылку "назад". Мне всегда хочется спросить "А куда назад? На поисковик?"

Откуда берутся такие ссылки? Все очень просто. Предположим, на сайте в разделе "офисная мебель" есть подраздел "компьютерные столы", где есть описания стола с тумбой, стола с подставкой для CD и стола на колесиках. Разработчик на странице "компьютерные столы" сделал 3 ссылки на описания этих столов, и на каждой странице описания сделал ссылки "назад", ведущие на страницу с тремя ссылками. Логично? Для разработчика — да, для меня — нет.

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

3. Чем плохи ссылки "следующий", "предыдущий"

Очень часто этими ссылками пользуются, когда публикуют какой-то связанный текст, разбивая его на несколько страниц (например, по главам).

Тут действуют все соображения, изложенные в предыдущих пунктах. А проблемы эти решаются довольно легко — надо в названии ссылок использовать осмысленный текст, который даст пользователю представление о том, что он будет читать, перейдя по ссылке. Например, писать "Предыдущая глава: Как выбрать волнистого попугайчика", "Следующая глава: как выбрать вашему попугайчику подружку" и т. д.

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

Кстати, небольшой совет в копилку. Не забывайте использовать атрибут "title" у ссылок. Это очень удобный способ увеличить понятность ссылки. (Для тех, кто не знает, поясню, что если вы напишите <a href="page.htm" title="Описание ссылки">ссылка</a>, то при наведении курсора на текст ссылки через пару секунд появится всплывающая подсказка с описанием ссылки.)

На сегодня это все, в следующем выпуске я отвечаю на вопрос о релативных и абсолютных ссылках.

До скорого!

Максим Корниенко
MAXiMaster.ru -
организация деятельности Вашей компании в сети Интернет,
автоматизация бизнес-процессов

Рассылки Subscribe.ru:

Библиотека сайтостроительства - новости, статьи, обзоры
Дискуссионный лист для web-разработчиков
Подписка на MailList.Ru
Автор: NunDesign
Другие разделы
Оптимизация сайтов
Web-студии
» Новое в разделе
Web-дизайн
Web-программирование
Интернет-реклама
Раскрутка сайта
Web-графика
Flash
Adobe Photoshop
Рассылка
Инструменты вебмастера
Контент для сайта
HTML/DHTML
Управление web-проектами
CSS
I2R-Журналы
I2R Business
I2R Web Creation
I2R Computer
рассылки библиотеки +
И2Р Программы
Всё о Windows
Программирование
Софт
Мир Linux
Галерея Попова
Каталог I2R
Партнеры
Amicus Studio
NunDesign
Горящие путевки, идеи путешествийMegaTIS.Ru

2000-2008 г.   
Все авторские права соблюдены.
Rambler's Top100