Проваливший подготовку пусть готовится к провалу.

Бенджамин Франклин

Друзья! Сегодня мы начинаем публиковать в переводе небольшие рекомендации о том,  как избежать распространенных ошибок при создании сайта. Советы дает известный блоггер, ИКТ-консультант и знаток SEO-кошмаров Bart Dirks. Согласитесь, весьма интересно и, чего уж там, полезно узнать «забугорное» экспертное мнение на важные в любой точке мира вещи. Первая часть курса посвящена навигации сайта.

 

Веб-дизайн, который грозит SEO-кошмаром

Ч. 1. Навигация сайта

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

Что я хочу донести, так это «антиджентельменский» набор приемов сайтостроительства, используя которые, вы с успехом распугаете всех посетителей, если они вообще попадут на ваш «чудо-сайт», а также, весьма вероятно, повесите на него табличку «изгой» для всех поисковых систем. Кривой и убогий сайт – что может быть очаровательнее? :-)

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

Навигация сайта (система взаимосвязей между страницами) – важнейшая часть архитектуры вашего сайта. Она – наглядное руководство для посетителя (и поисковых машин) по тому, как устроен сайт.

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

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

Вредные советы и полезные пояснения:

 

Для навигации используйте только картинки!

Поисковые системы не могут читать картинки, они могут читать только текст. Так что если вы используете изображения (нарисованные кнопки и ссылки) для навигации, поисковики не смогут проиндексировать (проследовать за ссылками) ваши страницы.

Если же вы настаиваете на использовании картинок, не забудьте разместить подсказки (атрибуты «alt» и «title») «за» изображениями и поставить хотя бы одну текстовую ссылку в нижней части страницы.

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

 

Используйте только Javascript для навигации!

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

 

Используйте выпадающую навигацию!

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

 

Не используйте ключевые слова в текстах ссылки!

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

 

Раскидывайте навигацию по всему сайту.

Часто можно видеть сайты с навигацией одновременно сверху, справа и слева. Пользователю в таких случаях требуется уйма времени (и жизненных сил), чтобы сообразить, где нажать, чтобы попасть, куда надо. Следует помнить, что посетитель первым делом «сканирует» посадочную страницу. За пару секунд он старается определить, в нужное ли место он попал или нет. Обилие навигационных примочек может смутить его, и вы быстро лишитесь потенциального клиента (или кем там вы хотите видеть посетителей вашего сайта).

 

Не показывайте посетителю, в какой части сайта он находится.

Если у вас огромный сайт с множеством разделов и подразделов, не мешало бы (читайте: обязательно нужно) показывать посетителю, где он находится. Лучше всего использовать метод «хлебные крошки» (я называю его так). Вы, наверняка, видели его в любом крупном интернет-магазине. Выглядит примерно как: Электроника -> бытовая техника -> умные роботы -> ВебЭффектор.

 

Не давайте ссылок в середину страницы.

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

Если вы делаете ссылки в виде изображений, вспомните то, о чем я уже говорил выше (атрибуты «alt» и «title»).

 

На сегодня это все, что касается навигации. А в следующих «выпусках» мы поговорим о таких вещах, как графика, шрифты, флэше и пр. Ууу, те еще темки.

 

Продолжение:

Веб-дизайн, который грозит SEO-кошмаром Ч. 2. Использование графики

Веб-дизайн, который грозит SEO-кошмаром Ч. 3. Цвета и шрифты

Веб-дизайн, который грозит SEO-кошмаром Ч. 4. Контент