Рязанский хостинг, регистрация доменов, бесплатный хостинг
Рязанский хостинг. (мы поможем выбрать Вам лучший и дешевый хостинг для Ваших сайтов)
Скоро на .rznhost.com
Бесплатная регистрация в каталогах

Новые виды услуг

Приём Webmoney с сайта

Биллинг панель клиента

Вход в панель хостинга
Имя пользователя:
Пароль:
 
Проверить домен
Свободен ли адрес для сайта:
.
Разделы:
Наши новости и акции

Полезные статьи

Задать вопрос








Дешевый хостинг в Рязани

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

Навигация: кнопки против ссылок



материал подготовил: Марат Давлетханов

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

  

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

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

Кнопки

Речь пойдет об использовании кнопок и ссылок для навигации по сайту  

 

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

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

Самое главное преимущество кнопок - это красота  

Теперь перейдем к недостаткам кнопок. Их тоже немало. И самый главный из них - дополнительный трафик и время загрузки сайта. Хорошо, если картинки кнопок хорошо оптимизированы и "весят" совсем немного. К сожалению, есть еще веб-мастера, которые чересчур увлекаются всевозможными внешними эффектами. Они делают очень красивые кнопки, загрузки каждой из которых приходится ждать подолгу. Все-таки не стоит забывать, что на сегодняшний день большинство интернетчиков в России используют для подключения к Интернету dial-up, то есть скорость передачи данных у них оставляет желать лучшего.

Второй недостаток использования кнопок в навигации по сайту является следствием первого. Дело в том, что люди, которые используют dial-up, частенько вообще отключают в браузерах показ графики, дабы увеличить скорость загрузки страниц. К ним присоединяется и часть интернетчиков, имеющих выделенные линии. Таким образом они экономят время и трафик, желая платить за доступ к Сети как можно меньше. Ну, а результат этого таков - вместо красивой навигационной панели интернетчики видят пустые квадратики, по которым ничего нельзя понять. Частично исправить эту проблему можно с помощью параметра alt в тегах img. В этом случае в пустом квадрате будет выводиться указанный веб-мастером текст. Так что пользователи хотя бы смогут понять, какая ссылка куда ведет.

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

Недостатков у кнопок тоже достаточно  

Кроме того, у использования кнопок есть пара недостатков и для самих веб-мастеров. Во-первых, проработать дизайн и создать красивую, качественную картинку - процесс достаточно длительный. А если учесть, что кнопок на сайте много, а если еще захочется создать изменяющиеся кнопки, а если в будущем понадобится сменить дизайн или навигацию... В общем, времени на это уйдет достаточно много. Но и это еще не все. Текст ссылок, которые будут размещены на картинках кнопок, не будет индексироваться поисковыми системами. Единственное, на что "пауки" обратят внимание - это содержание параметра alt у рисунков. Однако вряд ли это принесет какую-то пользу, поскольку эти тексты имеют очень низкий вес.

Ссылки

 

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

Теперь о недостатках. Самый главный из них - это возможность использования для оформления ссылок только средств языка HTML*. То есть о различных "красивостях", поражающих посетителей, придется забыть. А для некоторых сайтов, на которых используется большое количество графики, текстовые ссылки вообще не будут смотреться.

Кнопки вызывают немало проблем и у веб-мастеров  

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

Подводим итоги

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


Дата публикации: 02/04/2015
Прочитано: 5654 раз
Дополнительно на данную тему:
Оптимизация сайта - поисковики, ключевые слова, метатеги, alt-ы, индексация, роботы..
Как уменьшить исходящий траффик?
Оптимизация - великая сила. HTML-код наизнанку.
Оптимизация сайта - Продвижение сайта
Хитрости табличного дизайна. Расположение 2 таблиц с данными в одной строке.
Переход на шаблонный дизайн
Кеширование динамического сайта
Что такое каскадные таблицы стилей (CSS)

Назад | Начало | Наверх
« Тарифные планы