Навигация: кнопки против ссылок Оптимизация Статьи, информация, Создание сайтов в Рязани

Ул. Горького д.86, оф.14 Наш E-mail +7 (4912) 25-84-24
Создание сайтов в Рязани
Создание, раскрутка, оптимизация сайтов.
Главная | Статьи | Наши работы | Цены | Заказать | Контакты
Новости

18.04/2015
Разбработка мобильной версии Желтых Страниц Рязани
и доработка личного кабинета.

10.02/2015
Новый хостинг парнтер.

Разделы:
Изготовление сайтов

Оптимизация сайтов

Раскрутка сайтов

Размещение сайтов

Спецпредложения

Оригинальный подарок к новому году


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

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



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

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

  

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

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

Кнопки

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

 

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

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

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

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

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

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

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

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

Ссылки

 

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

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

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

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

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

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


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

Назад | Начало | Наверх