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

Создать сайт бесплатно на сервисе готовых сайтов UMI

Работа над веб-ошибками. Часть 2

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

Главное меню

Главное меню — это основное «средство передвижения» пользователей по сайту, поэтому его следует продумать с особой тщательностью. Типичные ошибки — это перегруженность меню и невнятные названия разделов. Меню не должно быть длиннее одной строки, названия разделов должны содержать не более 1-2 слов и ясно давать понятие о том, что именно находится в данном разделе. Не поддавайтесь иллюзии, что если вы разместите в главном меню ВСЁ, то у вас и купят сразу всё. Это не так: слишком длинное меню лишь затрудняет восприятие.

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

 

Посмотрим, как это можно сделать, на примере неудачного главного меню сайта турагентства.

неудачный пример меню

Когда главное меню состоит из 4 строк, требуется обязательная реорганизация.

 

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

  • Благотворительность, Рассылка, Партнёры, Новости, Вакансии, Отзывы → перенесем в раздел «О нас»

 

Объединим разделы в группы:

  • «Экскурсии из Щёлково-Королёва-Мытищ», «Экскурсии из Москвы», «Школьные экскурсии» → объединим в раздел «Экскурсии».
  • «ПОДБОР ТУРА», «ГОРЯЩИЕ ТУРЫ»,
 «НОВЫЙ ГОД-2014», «Туры по России»,
 «Паломничество», «Шоп-туры» → объединим в раздел «Туры».
  • «Праздники и выпускные»,
 «Аренда автобусов» → объединим в раздел «Услуги».

 

Укоротим длинные названия разделов:

  • «Организация и продажа турагентств» → переименуем в «Начинающим турагентствам».

 

Все «продающие» разделы и сервисы (то есть наиболее популярные предложения, которые приносят наибольшую конверсию), которые не попали в главное меню, обязательно акцентируем промо-блоками на главной и внутренних страницах:

  • «Горящие туры», «Новый Год-2014», «Подбор тура»

 

Перераспределим меню:

Расположим разделы в другом порядке, расставляя приоритеты по популярности, прибыльности и логике поиска пользователями (здесь вам поможет веб-аналитика и метрики компании). Технически перемещать разделы очень легко — достаточно «перетащить» их мышкой на нужное место в режиме радактирования сайта.

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

  • Бизнес-туризм
  • Детский туризм
  • Шоп-туры и т.д.

 

Что получилось:

корректное главное меню

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

Пустые разделы и страницы

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

Пустая страница

Точно так же не стоит открывать в мир страницы, которые находятся в процессе наполнения и не оттестированы полностью.

Страница не найдена

Если на странице по какой-либо причине отсутствует контент, не следует писать: «Страница в разработке», «Раздел на стадии наполнения» и т.п. Просто скройте ее от пользователей.

Как это сделать:

  • Скрыть из меню (это делается в панели управления сайтом — раздел «Контент/Структура и меню»). Страница будет доступна по прямой ссылке, но зайти на нее из меню будет невозможно.
  • Сделать неактивной (там же, в панели управления). Страница будет существовать в режиме администрирования, но не будет доступна на сайте.
  • Поставить перенаправление (редирект) на другую страницу (в панели управления — раздел «SEO — Перенаправления страниц»). Этот вариант подходит для разделов с внутренней структурой: например, с входной страницы каталога уместно поставить перенаправление первую или самую популярную товарную категорию.

Ссылки

Не допускайте наличия неработающих или некликабельных ссылок и e-mail в контенте, тщательно проверяйте все ссылки в тексте перед публикацией.

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

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

Новости

Грамотно составленная новость может прославить вас, а неудачная — испортить репутацию.

Первое правило новостной ленты: она должна быть свежая. Как мы знаем из классики, «свежесть бывает только одна — первая, она же и последняя. А если осетрина второй свежести, то это означает, что она тухлая!». То же самое относится и к новостям. Само понятие «свежести» может различаться (например, для СМИ это могут быть несколько минут, а для промышленности — несколько месяцев), но если последняя новость на сайте опубликована год назад, то аудитория может сделать 2 вывода: либо компания прекратила существование, либо она не развивается.

То же самое делают поисковые системы: чем чаще обновляются новости на вашем сайте, тем больший вес он получает в поисковой выдаче. Если у вас нет ресурсов или инфоповодов для поддержания «свежести» вашей новостной ленты — не беда. Просто выключите ее — для этого нужно убрать галочку «отображать блок с новостями» в режиме редактирования сайта.

Чтобы лента новостей способствовала повышению интереса аудитории к вам, они должны как минимум содержать что-то новое, а заголовки — соответствовать содержанию. Вот примеры несодержательных заголовков:

Примеры заголовков 1Примеры заголовков 2Примеры заголовков 3

И как их можно улучшить:

  • «Весна» → «Весенние скидки на проживание в будние дни!»,
  • «Вот и лето прошло» → «Ждем вас на осенней ярмарке стройматериалов!»,
  • «Мы открылись» → «Специальное предложение: скидка 20% на диагностику автомобиля».

 

Также следует разделять понятия «анонс новости» и «основное содержание новости»:

Анонс новости — это краткое изложение ее сути. Анонс отображается в ленте новостей вместе с заголовком и не должен содержать более 1-2 предложений (только текст).

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

Нерелевантное содержание страниц

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

Например, если страница сайта называется «О нас», то она должна содержать информацию о компании, а не о преимуществах услуг; если «Контакты» — то способы связаться с вами, а не историю компании; если главная страница — то суть вашего предложения.

Графика

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

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

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

Самый страшный веб-грех

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

Для примера, сравните 2 варианта публикации одной и той же новости:

1 вариант публикации

НЕПРАВИЛЬНО: текст опубликован в виде JPG-файла.
Его нельзя ни выделить, ни скопировать, ни поделиться в письме или соцсети,
а если нужен поиск в Яндексе, то придется набрать текст вручную.

2 вариант публикации

Распродажа
в Северную Америку
из городов России
с авиакомпанией Аэрофлот

Авиакомпания делает распродажу авиабилетов в города Америки,
распродажа продлится до 31 октября.

Стоимость перелета туда-обратно, включая все налоги и сборы:
Екатеринбург — Майами 25 827 RUB
Москва — Вашингтон/Лос-Анджелес 21 427 RUB
Москва — Майами 25 796 RUB
Москва — Нью-Йорк 16 556 RUB
Санкт-Петербург — Mайами 28 322 RUB
Санкт-Петербург — Вашингтон/Лос-Анджелес 21 753 RUB
Санкт-Петербург — Нью-Йорк 16 882 RUB

ПРАВИЛЬНО: та же новость в формате HTML-текста,
с которым можно совершать все привычные для веба операции.

8-800-5555-864

Бесплатно по РФ

+7 (495) 662-87-59

Для звонков из Москвы

+7 (812) 309-68-23

Для звонков из Санкт-Петербурга