Структура сайта: схемы, советы по разработке, примеры

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

Как разработать? Необходимо разместить информацию на сайте таким образом, чтобы любой посетитель смог быстро её отыскать. Из этой статьи вы узнаете о том, что представляет собой структура сайта и как правильно её создать.

Что такое структура сайта

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

Как правило, такую схему изображают графически (блоки, которые связаны стрелочками).

Не путайте внешнюю структуру проекта и внутреннюю. Внешняя представляет собой графический макет с блоками. А внутренняя состоит из категорий и связей страниц и материалов. В данной статье речь пойдет именно о внутреннем строении интернет-ресурса.

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

Если схема интернет-площадки разработана правильно, то:

• её представление в поисковых системах улучшается;

• ожидания читателей подтверждаются;

• повышается вовлеченность посетителей;

• пользователь четко понимает, каким образом она устроена и как работает.

Другие преимущества:

• возможность прогнозирования расходов на интернет-проект;

• наличие плана по развитию площадки: какие нужны разделы, какой объем контента и пр.

Типы структуры сайта в виде схем

Линейная

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

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

Линейная с ответвлениями

Этот тип похож на предыдущий вариант. Только здесь можно применять одновременно несколько продуктов. Самый распространенный пример такой схемы – онлайн-библиотека одного автора с его произведениями. Читатель здесь, опять же, будет двигаться от главной страницы. Для SEO-продвижения эта структура сайтов интернета не подходит.

Блочная

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

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

Древовидная

Универсальная конструкция, которую используют 99 % всех ресурсов. Для каждого направления здесь имеется своя ветка, для каждого товара или услуги – отдельное ответвление. 

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

Древовидная схема в URL:

• site.ru/stylya/ 

• site.ru/stylya/metall.html 

• site.ru/stylya/derevo.html 

• site.ru/stylya/rotang.html 

• site.ru/stylya/plastic.html 

• site.ru/pyfiki/ 

• site.ru/divani/ 

• site.ru/divani/kozha.html 

• site.ru/divani/tkani.html 

Требования к структуре сайта

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

Чтобы проанализировать структуру ресурса, поисковики оценивают его URL. Строго говоря, его конструкция – это и есть схема URL. Но в разговоре проще не использовать аббревиатуру URL.

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

«Яндекс»

С подробным описанием всех требований «Яндекса» можно ознакомиться в разделе «поддержка» на сайте поисковика. Здесь же мы перечислим лишь самые важные пункты:

1. Корректность symlink-ов – при переходе по интернет-ресурсу не должны добавляться аналогичные URL (например: example.com/vasya/vasya/vasya/vasya/).

2. Четкая схема ссылок. Каждая запись должна относиться к соответствующему блоку (категории, разделу). На каждую страницу должна ссылаться хотя бы одна другая.

3. Наличие текстовых ссылок на другие записи (разделы). Поисковику так проще анализировать контент.

4. Наличие карты ресурса (xml-карты), которая ускоряет его индексацию.

5. Единственный и уникальный URL-адрес для каждой записи. На разные записи должны вести разные URL, и наоборот – одна запись должна иметь единственный адрес.

6. Ограничение индексирования служебной информации (наличие файла robots.txt).

Как мы видим, «Яндекс» предъявляет немало критериев и требований как к схеме ресурса, так и к нему самом. Но это официальная информация, так что придется подстраиваться.

«Google»

Его рекомендации достаточно просты и понятны. Они умещаются всего в один абзац:

• Избегать чересчур сложных и длинных url-адресов.

• Создавать простую структуру официального сайта.

• Использовать некоторые знаки пунктуации в url (в частности дефис «-«).

• Создавать понятную логическую схему url-адресов.

• Использовать не идентификаторы, а слова.

Как создать структуру своего сайта

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

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

Визитка

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

1. Главная.

2. Все прочие страницы.

Коммерческий ресурс

А вот здесь конструкция будет уже сложнее, так как понадобятся дополнительные уровни страниц. Какие именно – зависит от семантического ядра. Далее в статье мы расскажем о том, как правильно сформировать схему коммерческого ресурса. 

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

Информационный проект, блог

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

Кроме того, попадая на информационный сайт, пользователь может перейти к нужной ему записи из раздела/подраздела, или даже с главной.

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

Интернет-магазин

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

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

Но если особенность вашей торговой марки – разноцветная мебель, то, конечно, её стоит разделить по цветам, а материал сделать второстепенным признаком и вынести его в фильтр. Фильтры необходимы в том случае, когда один товар имеет одновременно несколько уникальных качеств, интересующих пользователей. К примеру, «цвет + форма» (диван красный квадратный) или «размер + форма + материал» (большая круглая кожаная софа).

Используйте фильтры, если осознаете, что не сможете вручную создать все возможные варианты комбинаций характеристик товаров. Но когда товар имеет всего 1-2 параметра (к примеру, изменяется только размер), необходимость в специальных инструментах навигации отпадает. В зависимости от специфики товара, фильтры могут быть одинаковыми для всех уровней и разделов каталога или создаваться отдельно. Упрощенная структура сайта интернет-магазина:

Примеры создания структуры сайта под SEO-продвижение

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

Возможно, некоторые разделы вам будут не нужны, а другие наоборот, смогут заинтересовать клиентов.

Фирма по продаже строительных материалов

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

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

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

• Сбор и кластеризация семантического ядра

Эту работу облегчают специальные программы (к примеру, «KeyCollector»). На данном этапе необходимо собрать все ключи и убрать ненужные или не относящиеся к услугам организации (если отсутствует оптовая продажа, то ключ «ведра оптом» не нужен).

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

• Проработка схемы

Основа любого ресурса – это главная страница. Именно с неё посетители отправляются в разные категории.

Примерный перечень категорий в структуре сайта стройматериалов:

• о нас;

• услуги;

• товарный каталог;

• доставка и оплата;

• контакты.

В каталоге и услугах следует создать несколько подкатегорий.

Содержание каталога:

• декоративная штукатурка;

• строительные смеси;

• лакокрасочные материалы;

• кирпич;

• пиломатериалы;

• кровельные материалы.

Подкатегории услуг:

• вывоз мусора;

• грузчики.

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

• Визуализация

Ниже мы представим перечень программ, которые помогут выполнить этот пункт. Но набросок можно сделать и на обычном листке бумаги – это лучше, чем ничего.

Примерная схема:

Для проработки структуры сайта необходимо использовать программы для сбора ключевых слов. Ранее мы уже упоминали о «KeyCollector». Этот инструмент считается одним из лучших.

Следующий шаг – прорисовка схемы ресурса. Для этого можно использовать:

• «Excel» или «Word»

Схемы, которые представлены в данной статье, нарисованы в «Ворде». Конечно, это не самый лёгкий способ, однако для простейших проектов такой программы хватит с лихвой.

• «Draw.io»

Предоставляет множество возможностей для рисования схем. От вас понадобится лишь активный аккаунт в «Google». Сама программа содержит готовые шаблоны, остается лишь выбрать наиболее подходящий и подогнать его под себя. Готовая схема сохраняется на «Гугл Диске».

• «Xmind»

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

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

Фотограф

Итак, мы составили список ключевых слов:

Давайте подумаем, в какие группы их можно объединить. Используем свою логику и отнесем по группам слова, имеющие одну суть. К примеру, отделим «фотосессию на выписке» от «фотосессии в студии», «бесплатные фотосессии» от «недорогих», «детей» от «беременных» и пр. Получаем следующее:

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

Таким образом определяем несколько групп:

Семантическое ядро готово, что дальше? Настало время приступить непосредственно к созданию структуры сайта коммерческого типа. При этом давайте учитывать вероятность принадлежности одних групп к другим. Так, «фотосессия с женой» относится к «семейные фотографии». 

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

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

В результате получается примерно такая схема:

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

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

Какие страницы должны фигурировать в структуре сайта

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

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

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

Контакты – важный элемент любого проекта. Его наличие и оформление влияет на связь компании с клиентами. При наличии множества каналов для связи следует выбрать лишь 1-2 самых приоритетных и разместить их в шапке. А остальные можно указать в разделе «контакты». Поисковые роботы всегда анализируют его, поэтому рекомендуется размещать там как можно больше информации по коммуникации: социальные сети, менеджеры, физический адрес (вставить карту), городские телефоны, реквизиты компании. Все эти данные зачастую оборачивают микроразметкой schema.org.

При наличии нескольких почтовых ящиков и телефонов необходимо их подписать и обозначить, какой за что отвечает. Если оператор один, то мобильный номер можно также подписать именем. Не забудьте указать время работы по дням недели и время приема звонков (эти сведения можно повторять в шапке).

Ошибки: отсутствие микроразметки, стимулов к связи, неинформативные данные, скудное и непривлекательное оформление.

Доставка. Если ресурс хоть как-то связан с доставкой (не важно, кто её осуществляет), то создайте данную запись и перечислите все возможные варианты. Можете разместить перечень рекомендуемых транспортных компаний с оговоркой о том, что вы сами не занимаетесь доставкой. Таким образом вы упростите жизнь своим клиентам и увеличите шансы на заказ ваших товаров.

Не указывайте «доставку по миру». Лучше подробно опишите места и условия доставки – сроки, время работы, бесплатная\платная и пр. Если вы поставляете товар различными способами, то распишите их все. Добавьте визуальное отображение карты офисов и пунктов выдачи. Благодаря этому клиенты быстрее сориентируются и примут решение.

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

Вопросы и ответы; ЧаВо; FAQ – раздел, который часто недооценивают. Он позволяет разгрузить работу оператора, нужно лишь разместить ответы на самые распространенные вопросы.

Совет: если раздел «Ответы» не посещают, смените его название на более интересное: «То, о чем нас не спрашивают, а зря» или «Вопросы, которые нам задают чаще всего».

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

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

Важная рекомендация: по возможности размещайте на своей интернет-площадке видео-отзывы.

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

Ошибки: мало отзывов/только анонимные, отсутствует мотивация посетителя, публикация оценок самих себя (особенно с одного и того же ip).

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

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

Ошибки: некачественный контент, редкие публикации (менее 1-го раза в месяц), размещение ненужных данных.

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

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

Страница ошибки 404 – несуществующая страница, на которую могут попасть посетители. Её отсутствие или неправильное использование приводит к тому, что пользователи уходят с ресурса.

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

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

Ошибки:  

• Отсутствуют данные, которые могут помочь посетителю.

• Дизайн сильно отличается от общего оформления проекта.

• Страница 404 отсутствует.

Полезные советы по разработке структуры сайта

Правила индексирования для поисковой системы:

• Заметность и доступность страниц типа «Услуги», «Прайс». Размещайте их в 1 клике от главной, желательно в верхней ее части.

• Глубина уровня вложенности в структуре сайта – не более 3. Поисковик не всегда индексирует страницы, которые вложены слишком глубоко.

• Грамотность внутренней перелинковки – подталкивает поисковую систему к индексации нужных записей и улучшает поведенческие факторы.

• Правильность пути к наиболее глубокой странице (например: Главная → Страница 2 уровня → Страница 3 уровня).

• Аккуратное использование слеша в конце адреса. URL типа site.ru/bla-bla/ показывает поисковой системе, что индексацию нужно делать глубже. Однако лояльность поисковика снижается, если отсутствуют внутренние ссылки.

• Наличие карты проекта или дополнительных ссылок со страниц более высокого уровня, если используется 4-й уровень вложенности и выше.

• Поисковая система может проигнорировать индексацию раздела с дополнительными записями под названием «Статьи». Поэтому проявляйте фантазию и структурируйте информацию.

• Короткие и понятные для человека URL-адреса. Пример неправильного адреса: site.ru/ds6datgasgz76sd/f787gsdgwa7df/78SG8778/43SFf345/vfSDFfv/4dsgfA54. Определяя ЧПУ, используйте транслитерацию.

• Закрытость служебных страниц от поисковой системы.

• Возможность вернуться на главную с любой страницы.

• Наличие XML-карты, помогающей включить все страницы в индекс.

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

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

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

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

Структуру стороннего ресурса можно проверить вручную.

Прежде всего, откройте проект конкурента и оцените его визуально. Посмотрите, какие записи и разделы там присутствуют. Обратите внимание на URL-адреса страниц, чтобы понять, имеют ли визуальные элементы какую-либо иерархию. Например, наличие у страницы «Двери» в меню подстраницы «Установка дверей» вовсе не означает, что вторая страница подчиняется первой. 

Скачайте полезный документ по теме:

Деловая переписка: Чек-лист для составления идеального письма

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

В данном случае следует посмотреть на адрес страницы «Установка дверей». Если заметите в нем папку «Двери» (site.ru/dveri/ustanovka-dverei), то подчинение действительно есть. А URL типа site.ru/ ustanovka-dverei показывает, что рассматриваемая страница существует сама по себе. И это неправильно.

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

Особенности внешней структуры сайта

Все, о чем мы говорили выше, относится к внутренней структуре сайта. Она содержит правила и порядок формирования URL-адреса.

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

А теперь пришло время поговорить о внешней структуре сайта.

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

Базовое размещение визуальных элементов:

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

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

3. Центральный блок – сервис или контент, ради которого человек посетил ваш ресурс. Эта часть интересует его в первую очередь. Поэтому контент должен быть заметным в первом экране (максимум во втором) и удобочитаемым. Не заставляйте своих посетителей прокручивать страницу в попытке найти то, что им нужно прямо сейчас. Современные пользователи очень нетерпеливы и быстро переходят с одной площадки на другую.

4. Футер (подвал) – блок, предназначенный для размещения контактов (наименование организации, адрес, номер телефона). Иногда содержит навигационное меню и другие полезные ссылки.

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

Разработка структуры посадочных страниц

Другой актуальный вопрос — как представить информацию на посадочных страницах?

Как правило, структуру страницы формируют так, чтобы:

• все зоны вхождения ключевых слов использовались максимально. Это позволяет получить дополнительные вхождения без спама;

• она была удобной для пользователей;

• возникало желание совершить целевое действие (оставить комментарий, положить товар в корзину, заказать услугу и пр.);

• она отвечала ожиданиям посетителей.

Давайте рассмотрим внешнюю структуру сайтов различного типа.

1. Представление информации для посадочной страницы сайта услуг

Здесь имеется в виду контент. Советуем формировать функциональные элементы во всех частях сайта в зависимости от коммерческих факторов ранжирования.

То есть на странице должна быть нужная пользователю информация + вхождения ключевых слов. Хотя вы также можете добавить и какие-то дополнительные сведения (к примеру, о сотрудниках).

2. Представление информации для онлайн-магазина

В данном случае очень важно определить место концентрации трафика. Обычно некоторые товары ищут по категориям (серьги, подарки и пр.), а другие – по товарным карточкам (смартфоны: «samsung galaxy a10», «iphone 6s» и пр.). Учитывайте это при оптимизации представления товарных карточек и каталога.

В информационных сайтах всё выглядит гораздо проще. В качестве примера можно привести материал, который вы читаете (заголовок, введение, содержание, комментарии).

Рекомендации по созданию структуры веб-сайта для WordPress

При создании сайта в «WordPress» его конструкция задается изначально. Несколько полезных советов на данную тему:

• Привязывайте одну статью только к одной рубрике

WP позволяет делать привязку записи сразу к нескольким рубрикам. При этом одна из них считается «основной», а все другие – «дополнительными». Но подобный подход негативно влияет на структуру интернет-проекта.

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

• Рубрики в URL-адресах

К сожалению, многие разработчики упускают этот момент. И это несмотря на то, что он отлично увеличивает видимость материалов в поисковиках. Не повторяйте таких ошибок и добавляйте рубрики, чтобы все ссылки ресурса имели следующий вид: site.ru/rubrika/statja. Это делается в административной панели («Настройки» – «Постоянные ссылки»).

• Закрывайте метки (/tag/) от индексации

В противном случае они негативно повлияют на структуру ресурса и создадут лишние дубли. Закройте их с помощью файла robots.txt, тогда поисковики правильно проиндексируют ваш интернет-проект.

Заключение о правильной структуре сайта

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

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

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

Автор статьи

Дмитрий Свистунов

Руководитель SEO-отдела и разработки

Последние статьи этого автора:

• Адаптивная верстка сайта: гайд для начинающих
• Анкор ссылки: виды, правила составления, влияние на продвижение
• Белая раскрутка сайта без перехода на темную сторону

Забрать подарки
из закрытой базы

Скачать 7,4 MB

Полезные
материалы
для руководителей

Скачать 3,2 MB