Call Close
Оставьте свой номер телефона и специалист незамедлительно Вам перезвонит
Нажимая на кнопку Вы соглашаетесь с условиями конфиденциальности
Get free lesson
Just type your contacts
It's totally free

СТРУКТУРА САЙТА: ЧТО, КАК, ЗАЧЕМ

Содержание
Что такое структура сайта
Как создать структуру сайта
    1. Виды сайтов и их структуры
      • Сайт-визитка
      • Информационный сайт (блог, портал)
      • Продающий сайт
      • Интернет-магазин
    2. Создание структуры сайта по семантическому ядру
    3. Как нарисовать структуру сайта
    4. Как посмотреть структуру сайта конкурента
    5. Составление структуры элементов сайта

Что такое структура сайта и зачем она нужна?

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

При неправильном построении структуры возникают следующие проблемы:

  • пользователю сложной найти нужную страницу, в результате он покидает сайт и поведенческие факторы (процент отказов, глубина просмотра, время, проведенное на странице) ухудшаются;
  • сложности с индексацией;
  • поисковые системы выбирают не те релевантные страницы

Что дает правильно построенная структура?

  • помогает быстро ориентироваться на сайте;
  • улучшает поведенческие факторы и не усложняет индексацию, вследствие чего позиции и трафик растут;
  • упрощает работу над проектом – можно увидеть проблемные места, сформировать контент-план, распределить вес внутренних ссылок и т.п.;
  • строится на основе подобранной семантики – под каждую группу запросов есть своя оптимизированная страница.
Не стоит организовывать структуру на основе прайс-листа или выгрузки из 1С. Там деление по позициям может быть неподходящим. Например, по названию бренда или коллекциям – пользователь не всегда разбирается в этих вещах. Если у вас есть сомнения, нужно проанализировать конкурентов из ТОП 10 и посмотреть, как выстраивается иерархия на более успешных проектах. Но в первую очередь за основу берется семантическое ядро.

Как создать структуру сайта?

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

Для успешного сео-продвижения обратите внимание на распределение веса. Главная страница имеет самый большой вес, далее – разделы, потом – подразделы и карточки товаров или услуг. При грамотно выстроенной структуре всё получается именно так.

Создание структуры сайта происходит в несколько этапов:

  • Представьте себе идеальный сайт с точки зрения потенциального клиента – что бы вы хотели там увидеть, включите логику и здравый смысл, сделайте наброски;
  • Анализ конкурентов – изучите несколько сайтов аналогичной тематики из ТОП 10;
  • Сбор семантического ядра и кластеризация запросов;
  • На основе полученных данных отрисуйте «скелет» будущего проекта.
При этом нужно учесть, что один и тот же товар не может находиться в разных группах под разными УРЛами, иначе возникнут дубли. Также подумайте над названиями категорий – они должны быть понятными и соответствовать содержимому. Избегайте глубоких уровней вложенности.

«Хлебные крошки», карта в формате html, строка поиска и фильтры по характеристикам товара упростят навигацию.

Структура информационного сайта

Информационный сайт (блог, портал).

Здесь все немного сложнее. В зависимости от публикуемых материалов, структура информационного сайта может быть разной. Наиболее понятная и чаще всего используемая – древовидная: основной раздел – подраздел – статья. Самый большой вес здесь передается основным разделам. Также используется структура в виде паутины (или решетки) – когда можно перемещаться между страницами, минуя предыдущие. Этот вариант считается не очень удачным для блога с большим количеством публикаций.

На информационном портале, помимо самих статей, могут быть размещены такие разделы:

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

Структура продающего сайта

Коммерческий сайт

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

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

Структура интернет магазина

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

Помимо каталога, на коммерческих сайтах и магазинах присутствуют следующие разделы:

  • Контакты
  • Доставка и оплата
  • Отзывы
  • Фото (видео)
  • Портфолио
  • О компании
  • Схема работы
  • Акции (скидки, распродажа)
  • Прайс-лист
Их наличие обусловлено не только здравым смыслом, но и положительно влияет на ранжирование сайта в поисковиках.

Создание структуры сайта по семантическому ядру

Чтобы собрать семантическое ядро, воспользуйтесь программой Key Collector или сервисами Яндекс Wordstat и Гугл Keyword Planner. Посмотрите, по каким запросам продвигаются конкуренты и подберите синонимы. Также можно воспользоваться базами семантики. Далее необходимо убрать те запросы, которые не понадобятся для дальнейшей работы. Если у вас коммерческий проект, то вы можете использовать информационные ключевые слова для написания статей в блог. Но на продающих страницах их быть не должно. Примеры таких запросов: «как выбрать холодильник», «айфон 5 и айфон 6 отличия», «ботильоны фото» и т.п.

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

Т.е., как видно из таблицы, общие запросы идут в разделы, товарные группы с определенными свойствами («бетон для пола», «бетон для фундамента») – в подразделы, а конкретные товары или услуги («бетон 150», «бетон 200», «бетон 250») – непосредственно в карточки. Заметьте, что схожие предметы с отличающимися свойствами должны быть на разных страницах, например, «костюм женский приталенный» и «костюм женский приталенный синий» - это два разных документа.

В итоге самые высокочастотные запросы пойдут на Главную страницу и основные разделы, а на товарные карточки – среднечастотные и низкочастотные.

Составление структуры элементов сайта

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

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

Главная

  • Баннер или слайдер с акциями или ссылками на важные разделы;
  • Информация с описанием продукции – сео-оптимизированный, продающий текст, мотивирующий сделать заказ;
  • Фото – уникальные, хорошего качества, привлекательные;
  • Видео;
  • Стоимость продукции, информация о ценообразовании;
  • Уникальное торговое предложение – почему выгодно выбрать именно вашу компанию, конкурентные преимущества, схема сотрудничества. Чаще всего используется инфографика, а не текст;
  • Отзывы с фото и/или видео от реальных покупателей;
  • Форма заказа;
  • Другая полезная информация – например, карта проезда, ссылки на популярные услуги.
Схематично это выглядит так:

Большой текст удобно разбить на две части – одну разместить сверху, другую – в самом низу, после кнопки заказа.

Каталог

  • Карточки товаров с кнопкой заказа в один клик, не заходя на страницу продукта;
  • Продающий текст;
  • Лучшие предложения, акции, распродажа, популярные товары;
  • Список брендов;
  • Фильтр по параметрам – обычно располагается справа.
Пример:

Карточка товара/услуги

  • Фото – с разных ракурсов и возможностью увеличения. В таких тематиках, как косметика, медицина и т.п. имеет смысл добавить варианты «до» и «после», чтобы продемонстрировать изменения, происходящие после применения услуги (товара);
  • Также можно добавить видео – мануал, демонстрацию технических свойств, краткую презентацию и др. – это тоже зависит от тематики. Представьте себя на месте пользователя, который пришел в офлайн-магазин – что бы он хотел узнать, увидеть, протестировать;
  • Описание продукта – максимально полное: характеристики по материалу, цвету и т.п., для кого предназначен, инструкция по применению;
  • Гарантии, сервисное обслуживание, сроки и стоимость доставки;
  • Отзыв
  • Кнопка заказа;
  • Блок похожих товаров – по 3-5 на странице;
  • Другая нужная информация – что обычно ищут пользователи вместе с данным товаром, ссылки на похожую продукцию и информационные статьи.
Здесь всё слишком индивидуально, чтобы давать более детальные советы и очень сильно зависит от специфики ниши.

И в заключение несколько слов об оформлении меню и футера:

  • Хедер – пользователь привык видеть в нем логотип (левый крайний угол), строку поиска, иконку корзины (для интернет-магазина), кнопку обратного звонка, контактную информацию и режим работы (правый угол);
  • В верхнем меню должны присутствовать ссылки на Каталог, Прайс, страницы Отзывов, Доставки и оплаты, Контакты;
  • Справа обычно размещают ссылки на основные разделы Каталога, фильтры по параметрам, ссылки на статьи из блога или баннеры с акциями;
  • В футере дублируется полная информация о местоположении компании, контактные данные и часы работы, ссылки на основные категории.
Особое внимание следует уделить УРЛам сайта. Во-первых, все служебные страницы и пагинацию нужно закрыть в Disallow, т.к. они не должны попадать в индекс. Аналогично – с дублями. Адрес страницы должен быть понятным, без лишних цифр и букв, нижних подчеркиваний – допускаются только тире. В идеале это – название раздела или товара транслитом. Не используйте в УРЛ одно слово дважды – это создаст переспам. Избегайте делать адреса слишком длинными. Максимальный уровень вложенности – третий, глубже поисковым системам будет сложно индексировать.

Как посмотреть структуру сайта конкурента?

Собрать конкурентов вы можете вручную через выдачу или воспользовавшись онлайн-сервисами – Мегаиндекс, Serpstat и др. Обратите внимание, что из полученного списка нужно будет сразу исключить доски объявлений, типа Авито и Из рук в руки, информационные порталы, а также крупные площадки, наподобие Алиэкспересс.

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

Также обратите внимание на то, как формируются УРЛы – site/razdel/podrazdel/kartochka-tovara или site/kartochka-tovara. Можно просканировать сайт программой Screaming Frog или Netpeak Spider и представить себе наглядно, как построены УРЛы.

Как нарисовать структуру сайта

Чтобы наглядно представить себе или своим заказчикам как будет выглядеть структура, удобно ее нарисовать. Проще всего и быстрее сделать это не на листе бумаги, а в какой-нибудь программе.

Если проект небольшой, можно использовать Word, Excel или Paint. Вряд ли получится очень красиво, но быстро – это точно. Также есть стандартная программа от Microsoft – Visio, здесь немного больше возможностей.

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

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

Draw.io – еще одна бесплатная программа, в которой можно отрисовать структуру. Здесь также есть готовые шаблоны, а результат сохраняется на Гугл Диск или компьютер.

Xmind – любимая многими сеошниками программа, очень популярная благодаря своему удобству и простоте. Чтобы начать работать в ней, не потребуется никакой подготовки – все интуитивно понятно. Выбираете готовый шаблон и вписываете в него свои данные. Можно копировать и вставлять в схему сразу несколько позиций списком (т.е. не нужно вписывать каждый раздел или карточки по одному). Вот как выглядит схема одного из наших клиентских сайтов, нарисованная с помощью Xmind:

Примеры структуры сайтов

Сайт-визитка

Название говорит само за себя – это визитная карточка компании, соответственно на нем должна быть представлена полная информация о деятельности, история фирмы, полный перечень услуг. Структура будет строиться следующим образом:

  • Главная страница.
  • О компании – рассказ о создании, история успеха, информация о количестве сотрудников, квалификации, роде деятельности, сертификаты и дипломы, достижения. Сюда же можно добавить фото из офиса или производства, видеопрезентацию, анкеты сотрудников.
  • Услуги – предоставляемые услуги или товары. Здесь могут быть созданы отдельные подразделы под каждую услугу с фотографиями, подробным описанием и видео.
  • Цены – прайс-лист с актуальной информацией о стоимости продукции.
  • Контакты – полный адрес (физический и юридический), электронная почта, карта проезда, телефоны, форма обратной связи. Если у компании есть филиалы, их данные тоже следует указать.
Визитка не является магазином, у нее другие цели и задачи:

  • имиджевая составляющая – по оформлению и полноте представленной информации потенциальный покупатель может сделать вывод о солидности и серьезности компании, поэтому не стоит экономить на разработке и дизайне, все должно быть на высоком уровне;
  • относительно недорогая реклама по сравнению с публикациями в журналах и интервью;
  • альтернативный способ связи с компанией;
  • незаменима при ведении оффлайн-бизнеса.
На таких проектах применяют линейную структуру, когда все разделы последовательно связаны между собой. Либо линейную с ответвлениями, если есть необходимость создать подразделы по услугам или продукции.

Итак, теперь вы знаете, как спроектировать структуру сайта, чтобы он полюбился как пользователям, так и поисковикам. Если у вас остались вопросы или есть идеи – мы всегда на связи!
Юлия
ПОДПИШИТЕСЬ НА ПОЛЕЗНЫЕ СТАТЬИ И КЕЙСЫ
по поисковой оптимизации и интернет-маркетинге
Добавить комментарий
Проведем бесплатный аудит сайта, рассчитаем стоимость продвижения, дадим рекомендации