В прошлой статье я рассказал о формировании основных элементов концепта по переработке существующего сайта информационно-рекламного журнала «Недвижимость и цены». На основе той статьи, надеюсь Вам стало понятно – какие блоки и зачем были использованы на главной странице. И почему они имеют именно такие формы, содержание и местоположение. Сегодня я расскажу о формировании страниц всех уровней. Которые относятся к категориям объявлений. Они претерпели наиболее масштабную переработку.
Объявления – от каталога до отдельной страницы
Как уже говорилось ранее, переработка сайта в первую очередь направлена на повышение привлекательности объявлений и проработку удобства их юзабилити. Именно поэтому первый экран после шапки на главной странице был посвящен рубрикам объявлений и созданию удобного фильтра по подбору критериев.
В каталоге объявлений сосредоточена информация о категориях, на которые делятся все объявления. На этой странице мы оставили, присутствовавшие на главной левую колонку со списком рубрик для объявлений, верхний блок с фильтрами и правую колнку с рекламными сквозными местами. Под понятием сквозные как раз и подразумевается присутствие данных элементов на всех страницах сайта.
Но вместо центральной части, где были размещены последние объявления мы поставили анонсовые блоки, категорий объявлений. Тут присутствуют – название, картинка, которая визуализирует название и привлекает внимание, а также краткое описание. В данном случае в виде описания представлен список подкатегорий с кликабельным количеством объявлений в каждой подкатегории. Таким образом даже с основного каталога потенциальный клиент может выйти сразу на необходимую подкатегорию, а не только – категорию. Достаточно нажать на ссылку и перейти сразу к просмотру интересующей подкатегории.
Далее следует место под SEO-оптимзированный текст. Это поле небольшое, зато наличие в нем грамотно составленного описания будет привлекать посетителей из поисковых систем. Ну и завершает страницу, по традиции, футер. О нём я уже подробно рассказал в прошлой статье.
Каталог второго уровня
Когда посетитель определился, какая подкатегория ему нужна – он переходит на страницу каталога второго уровня. Или, как его еще называют – подкаталог. Но первое название точнее, поскольку подкаталоги могут быть нескольких уровней вложенности – и тогда удобнее говорит «каталог второго», «третьего» и т.д. уровня. На прототипе этой страницы были оставлены почти все те же элементы с главной, которые были в странице уровнем выше – боковая правая колонка, где расположены сквозные рекламные местами, верхний центральный блок с основными фильтрами, и шапка с футером. Вместо колонки с категориями объявлений теперь располагаются блоки с отдельными фильтрами для подбора объявлений (подробнее о них в следующем подзаголовке).
Из новых блоков от страницы каталога текущий прототип позаимствовал только поле под seo-оптимизированный текст. Основное наполнение – анонсы объявлений поданы в одну колонку, чтобы при прокрутке страницы на каждом из них максимально концентрировалось внимание. Как и анонсы категорий данные анонсы содержат заголовок-ссылку и мотивирующую картинку. А вот сама текстовая часть анонса выполнена уже без ссылочной части. Так сделано, поскольку анонс объявления ведет на конечную страницу и в дополнительном усложнении анонс не нуждается.
Поскольку объявлений в каждой категории сотни, если не тысячи, то на одной странице они явно не поместятся. Поэтому в конце страницы, перед блоком для seo-оптимизированного текста расположена строка с возможностью перехода на следующие страницы. Выполнена она в классическом виде, который хорошо зарекомендовал себя с точки зрения функциональности – имеются ссылки на первую страницу, на одну страницу назад и вперед, а также – несколько нескольких последующих страниц и ссылка на последнюю страницу. Данный элемент позволяет посетителю оценить всё богатство выбора и решить в какой части списка искать интересующие его предложения.
Дополнительные фильтры подбора предложений
Эти небольшие блоки являются одним из наиболее удобных компонентов страницы, которые позволяют быстро и просто отсортировать объявления по тем критериям, которые предъявляет посетитель к необходимой ему недвижимости. Для каждой категории каталога они прорабатываются индивидуально, но могут частично пересекаться.
Тематика каждого блока определяется после исследования поисковых запросов, тематических сайтов, имеющейся структуры базы данных объявлений и некоторых других факторов. То есть, в данном случае идет двухстороннее воздействие факторов – с одной стороны мы предоставляем клиентам максимально проработанные фильтры для подбора объявлений, а с другой – минимизируем ресурсозатраты для заказчика по переделке существующей базы данных с объявлениями. Это позволяет снизить стоимость привлечения одного клиента на сайт. На картинке ниже вы видите три вида таких блоков:
- Первый показывает вариант выбора критериев с помощью галочек. Это удобно и быстро.
- Второй вариант «вооружен» полями для ввода данных – такое решение наиболее выгодно в тех вопросах, когда потенциальный клиент ищет определенный диапазон данных.
- На третьем блоке вы видите пример заполненного блока с галочкам – после того как посетитель расставил свои приоритеты и вывел курсор за рабочую область блока он сворачивается. Таким образом лучше видны все примененные критерии подбора объявлений, и они занимают минимальное пространство.
Наиболее оптимальный способ работы таких дополнительных фильтров – наличие под их конкретные значения отдельных строк в объявлении, по которым быстро и удобно производить автоматический отбор.
Страница отдельного объявления
Данный тип страниц – основной для любого каталога объявлений. Основные требования, которые выдвигаются к функционалу такой страницы – максимально конкретное и понятное донесение важной информации и удобство навигации.
Поэтому, кроме шапки и футера с главной страницы сюда пришла только правая колонка сквозных рекламных мест. Всё остальное пространство отдано под целевое использование – размещение информации о товарном предложении. Расположенные прямо под шапкой «хлебные крошки» показывают место расположения объявления, чтобы клиенту было понятно – объявление какой категории он просматривает. Также в этой строке, но уже справа расположена ссылка, позволяющая вернуться на предыдущую страницу. Это позволяет, в случае если объявление не подошло, вернуться на страницу с сохраненными уже заполненными фильтрами. Такой вариант особо удобен для пользователей, которые заходят с планшетов и других устройств, на которых неудобно под каждое объявление открывать новую вкладку. Таким простым образом мы увеличиваем охват аудитории, которая позитивно оценит сайт.
Ниже идет основная информационная часть объявления. В неё входят:
- Заголовок;
- Основная фотография и галерея под ней – основное фото также принадлежит галерее и при просмотре можно удобно пролистывать их одну за другой;
- Справа от фото-блока расположен перечень наиболее важных данных – как по самому предложению, так и по его месту и времени размещения;
- Контактные данные продавца. По умолчанию они скрыты, чтобы бот-программы не собирали их. Выполнив несложную проверку на то, что посетитель, действительно человек, можно увидеть контакты разместившего;
- Кнопки, позволяющие поделиться объявлением в соцсетях помогают как разместившему его, так и риэлторам продвигать это предложение и привлекать к нему внимание. А к тому же – увеличивают общую ссылочную массу на сам сайт.
Затем идет поле для текстового описания предложения в волной форме. Это позволяет включить в описание различные нюансы и сделать объявление более персонализированным, что улучшает его таргетированность.
Внизу рабочей зоны страницы расположена подборка из объявлений, которые также подходят по выбранным критериям. Она выполнена в форме галереи и позволяет переходить на схожие объявления без необходимости возврата к предыдущей странице. Таким образом клиент может воспользоваться настроенными им фильтрами как вверху страницы, нажаы на кнопку Вернуться, так и внизу, после просмотра текущего объявления.
В следующей части будут рассмотрены вопросы переработки информационных и новостных страниц.
