Господа веб-дизайнеры! Помните, что не все пользователи живут в Москве, где и линии хорошие и доступ по диалапу недорогой... Часто пользователь, чтобы сэкономить лишнюю копейку, оградив себя от уймы ненужной рекламы, выключает отображение рисунков в своем браузере. Именно в этот момент возникает вопрос: О чем думал дизайнер, создавая навигацию на сайте с помощью изображений, даже без атрибута alt?

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

Вот пришло время поговорить о достоинствах и недостатках того или иного варианта.

Типы ссылок

1. Текстовые ссылки - наиболее простая форма навигации. Обычно это 1-3 слова, которые описывают то, куда приведет данная ссылка. Например: карта сайта, связь с нами, ссылки, гостевая книга и т.д.

Преимущества:

Высокая скорость загрузки. Читаемость во всех браузерах. Легкая масштабируемость и редактирование. Помогают в ранжировании запросов с поисковых систем.

Недостатки:

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

Что делать:

Можно добавить дополнительную информацию (в строку состояния, например) к текстовым гиперссылкам средствами JavaScript (команда OnMouseOver), однако следует иметь в виду, что некоторые сёрферы не очень любят, когда строка состояния не показывает реальные ссылки. К тому же, большинство современных браузеров позволяют отключить строку состояния.

2. Графические ссылки - разобьем их на две категории: графические карты (image maps) и кнопки.

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

Преимущества:

Карты могут выглядеть достаточно эффектно. Они удобны для установки одного графического элемента вместо нескольких. Служат довольно сильным средством коммуникации с пользователем.

Недостатки:

Самый большой недостаток в том, что при отключении пользователем загрузки графики в своем браузере, карта бесполезна! Скорость загрузки графики играет немаловажную роль. Труднообновляемы (скорее всего, придется переделывать всю карту). Пользователи иногда должны "поиграть мышкой", пытаясь найти ссылку. Для поисковых машин картинка мало что значит... Кроме того, красивую карту сделать довольно сложно...

Мысли:

Правильно сделанные карты могут заставить пользователя "ахнуть" при заходе на сайт. Однако, вы НЕ МОЖЕТЕ полагаться на карты изображения, как на единственное средство передвижения по сайту. На некоторых сайтах я стал жертвой графических карт, пытаясь найти ссылки, и больше туда не вернулся... Также, ожидать карту размером в 100КБ - самоубийство. Это явно не поможет привлечению посетителей на сайт. Я советую использовать их очень осторожно, где это необходимо, или не использовать вообще.

2.2. Графические кнопки

Преимущества:

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

Недостатки:

Время загрузки. Часто, кнопки менее описательны (наглядны), чем простой текст. Необходимость делать новую кнопку для любых дополнительных разделов сайта. Плохо применимо для больших сайтов. Без ALT атрибутов, незагруженные кнопки не пригодны для навигации. Не очень полезны в достижении высокого положения в запросах поисковых серверов.

Мысли:

Графические кнопки, содержащие только текст, должны, вероятно, быть заменены текстовыми ссылками, менее загружающими трафик. Помните, что если вы собираетесь использовать OnMouseOver с вашими кнопками, то это удваивает скорость загрузки. Если ваш сайт нуждается в 20 кнопках для навигации, - о графических кнопках можете забыть, вместо этого используйте текстовые ссылки. Использование атрибута ALT для описания ваших кнопок должно быть обязательным! Используйте кнопки для навигации осторожно, только если это действительно требуется.

Надежные серверы и графические станции на платформе Intel (Xeon) и AMD различного назначения. Большой выбор моделей. Сборка конфигураций на заказ. Трехлетняя гарантия, сервисное обслуживание серверов с выездом к Заказчику. Бесплатная доставка.

Новый Иерусалим on-line: Все о Ново Иерусалимском монастыре, фотогаллерея, доска православных объявлений (знакомства, трудоустройство и др.), расписание автобусов и электричек, православный чат, схема проезда до монастыря, форум, православный интернет редактор - окажет профессиональную помощь в поддержке Вашего сайта любой тематики (возможно постоянное сотрудничество) и много другой полезной информации.

Приглашаем рекламодателей размещать текстовую рекламу в виде статей, обзоров и новостей в наших рассылках и сайтах - более 27 575 подписчиков. Заявки присылайте по почте и ICQ 340597008. Подробнее здесь>>>

Подпишитесь на другие наши рассылки