Структура сайта: как создать правильную структуру с помощью семантики?

Виды структуры сайта

Линейная

Линейная структура выглядит в виде цепочки. Подойдет для одностраничных сайтов (якорного меню) и визиток.

Например:

• Главная
• О компании
• Услуги
• Контакты

Линейно-разветвленная

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

Пример:

• Главная
• О компании
  • Наши работы
  • Отзывы о нас
• Услуги
  • Создание
  • Продвижение
• Контакты

Дерево

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

Решето, сеть

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

При разработке такой структуры важно тщательно продумывать ее, чтобы не запутать посетителей

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

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

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

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

• навигационное меню;
• хлебные крошки;
• вспомогательные блоки.

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

Яндекс

Яндекс является самым популярным поисковиком в Рунете. Вебмастера и оптимизаторы, которые занимаются созданием площадок именно под Yandex советуют сделать следующее:.

• Каждая страница площадки должна иметь ссылочную связь хотя бы с одной другой.
• Желательно если перелинковка будет логичной. Страницы должны быть разбиты на категории, а категории на подкатегории.
• На сайте нужно использовать карту в формате XML. Данную карту алгоритмы используют для быстрого сканирования интернет-площадки.
• Каждая страница должна иметь уникальный и понятный для человека URL адрес.

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

Самая популярная поисковая система в мире Google, более требовательная чем ее конкурент из России, но из значимых факторов ранжирования к структуре сайта можно отнести:

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

Тема 3. Проектирование структуры веб-сайта

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

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

Внутренняя и внешняя структура

Структуризация представляемой на сайте информации выполняется на двух уровнях: внутреннем и внешнем.

Внутренняя структура определяет логические связи между веб-страницами, то, что в SEO называется внутренней перелинковкой. Продуманная внутренняя структура позволяет избежать ситуаций, когда, например, на сайте появляются страницы, доступные более чем в 3-х кликах от стартовой или в поисковую выдачу попадают приватные страницы или множественные дубли. С другой стороны, под внутренней структурой сайта иногда подразумевают размещение файлов и каталогов в файловой системе веб-сервера. Хороший пример — размещение всех изображений в каталоге images, а скачиваемых файлов — в каталоге download. Внутренняя структура может частично или полностью отображаться во внешнюю структуру.

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

Типовые структуры

Линейная структура

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

Рис. 1.

Составление на основе поисковой выдачи

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

• “rhost:” – поиск по хосту и поддоменам;
• “host:” – поиск по страницам хоста;
• “inurl:” – поиск по страницам, содержащим в адресе заданный набор символов;
• “~~” – минус или исключение.

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

Но и минусы у данного подхода ощутимые:

• Средние трудозатраты
• Не всегда можно получить точную карту сайта

Ограничения:

Сайт должен некоторое время индексироваться Яндексом;

Адреса страниц сайта должны быть ЧПУ, или у исполнителя должно быть точное представление о паттернах формирования адресов страниц.

Приступим к практической части и изучим структуру сайта, которым я часто пользуюсь readly.ru.

1. Первым делом узнаем, есть ли у сайта поддомены. Для этого в поисковой строке вбиваем запрос:

Запрос	Расшифровка
rhost:ru.readly* ~~ host:readly.ru	Поиск по хосту и поддоменам:ru.redly* минус хост основного зеркала:readly.ru

Оптимизируем структуру сайта: секреты и трюки

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

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

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

Если Вы меняете адрес страницы (URL), обязательно настраивайте редирект со старого адреса на новый. Проверьте, что редирект работает корректно!

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

Часто в крупных разделах каталога имеет смысл сделать несколько подразделов, каждый из которых оптимизируется к средне и низко- частотным запросам

Это позволяет охватить больше запросов и привлечь на сайт больше посетителей.

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

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

Таким образом Вы добавите в индекс более ценные документы.

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

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

Рекомендуем

Что такое продвижение сайта и чем занимается SEO-специалист?

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

Как правильно настроить файл robots.txt?

Файл robots.txt управляет индексацией сайта. В нем содержатся команды, которые разрешают или запрещают поисковым системам добавлять в свою базу …

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

Сайт house-stroy.ru

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

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

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

Запросы, по которым house-stroy занимает топовые позиции

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

Меню и подкатегории

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

И кластеризация по свойствам:

Многие покупатели ищут обувь по цвету, сезону или материалу. «Ламода» это учитывает

Опять же, все это глобально перелинковано:

Сайт сам предлагает популярные бренды и теги, в зависимости от сезона

Оценочный трафик на уровне 18 миллионов посетителей в месяц по SimilarWeb подтверждает правильность такого подхода к проектированию структуры:

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

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

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

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

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

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

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

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

Учитывайте это при оптимизации представления товарных карточек и каталога.

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

Метод структурного дерева

Неизвестно, кто и когда предложил при создании структуры сайта представлять ее как дерево. Идея оказалась жизненной:

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

Предлагаю рассмотреть создание структуры сайта на примере веб-сайта «Автомастерской». Для упрощения задачи прибегнем к программе Mindjet MindManager (это коммерческая программа) или любой другой, например xmind, которая может структурировать информацию. Если это по каким-то причинам недоступно — можно просто рисовать на листе бумаги.

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

1. Определяем название главной страницы. Эта запись — ствол дерева. От него отходят ветви – страницы и разделы сайта:

Где пункты: Наши услуги, Примеры наших работ и Полезная информация – это разделы сайта.

2. Продумаем подробности структуры разделов.

Нужно уяснить и сформировать:

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

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

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

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

Созданная структура сайта

Итоги.

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

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

Какой должна быть структура сайта

Одним из ключевых моментов при разработке структуры является уровень вложенности страниц. Идеальным считается соблюдение правила «3 кликов»:

1. Первый приводит на стартовую страницу.
2. Второй ведет на основные разделы или в рубрикатор.
3. Третий направляет к основному контенту сайта.

Если доступность материала в большем числе кликов, пользователь просто покинет ресурс, не добившись информации по своему поисковому запросу.

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

Структура сайта — пример коммерческого сайта с наглядной структурой

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

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

Рис. 4 Линейная структура сайта с ответвлениями

Это чуть более сложная структура, свойственная небольшим корпоративным ресурсам, сайтам-визиткам, некоторым авторским блогам. Как правило, здесь также нет разделов, а есть только отдельные статичные страницы. Но ссылки на все эти страницы (или на большинство из них) размещены на главной. Благодаря этому система навигации здесь очень простая и интуитивно-понятная, а доступ ко всем страницам осуществляется всего лишь за 1 или 2 клика. Характерный пример сайта с подобной структурой — визитка какой-нибудь фирмы (с главной проставлены ссылки на страницу с каталогом товаров, прайс-листом, контактными данными, вакансиями и т.д.).

Решётчатая структура сайта

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

Данный вид структуры характерен преимущественно для каталогов статей или ссылок.

Рис. 5 Решётчатая структура сайта

На первый взгляд она очень удобна для пользователей, но для обычных сайтов её лучше не использоваться.

Дело в том, что:

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

Древовидная структура сайта

Древовидная структура сайта часто используется многими веб-мастерами как самая оптимальная.

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

Рис.

6 Древовидная структура сайта

Достоинства древовидной структуры сайта

• Главное достоинство древовидной структуры сайта — универсальность. Древовидная структура прекрасно может подойти для любого вида сайта, будь то домашняя веб-страничка, сайт-визитка, корпоративный сайт, портал или каталог.
• Прекрасная навигация. Идея применения подобной структуры заключается в том, что у человека есть выбор и возможность как с главной страницы сайта, так и любой другой, перейти в любой раздел, подраздел и на конкретный страницу (документ).
• Большая гибкость. Хотя на обычном HTML такую структуру сайта практически невозможно организовать (да и не нужно), для её создания пишется движок или используется CMS.

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

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

Смешанная структура сайта

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

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

Рис. 7 Смешанная структура сайта

Рекомендации по изменению структуры

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

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

Данная рекомендация относится и к разделам «Альтернативные крепления», «Альтернативные крепления» и «Премиум аксессуары». Название всех подкатегорий должно отражать их содержание. Чтобы определить, подходит ли название, и избежать подобных разделов, всегда держите в голове вопрос: «Что я там найду?». Если вы отвечаете «не знаю», или «там будет всего понемногу», или «все, что не подходит к другим категориям», стоит обратиться к другим вариантам.

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

2. Подразделы креплений рекомендуем изменить. Помимо основных типов креплений, предлагаем предоставить альтернативный вариант их подбора, например, по видам спорта. Такой вариант представлен на сайте gp-market.ru:

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

4. Желательно, чтобы товары, которые пользователи могут искать в разных разделах, были доступны в них. Некоторые подразделы могут дублироваться в разных категориях. Или может быть предусмотрен фильтр или блок с близкими подразделами товаров, метками.

5. В рубрикаторе блога предлагаем проверить все статьи на их соответствие рубрикам. От раздела «Материалы» рекомендуем отказаться, но вынести из него в основной список рубрик «Инструкции».

Разделы «Полезные советы» и «Советы по покупке» могут вводить пользователей в замешательство. И в обоих разделах речь идет о советах, поэтому, возможно, их стоит объединить в одну рубрику.

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

6. Все изменения рекомендует протестировать с помощью tree testing. Это позволит сравнить, какая из структур работает лучше и при необходимости повторно ее скорректировать.

Тестируйте, тестируйте и еще раз тестируйте 🙂

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

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

Типовые требования поисковой системы Google к структуре сайта

Информация о структуре сайта содержится в руководстве по поисковой оптимизации для начинающих от google. А если кратко, то:

• Должна быть предельно простой, логичной и понятной для человека.
• Рекомендуется использовать ЧПУ (человеко подобные адреса) — это помогает гуглу в определении релевантности.
• Слова в ЧПУ должны быть разделены дефисами, без знаков пунктуации. Например: не strukturasayta, а struktura-sayta, также запятые «,» должны быть заменены на «-«
• Не используйте длинные и сложные URL.

Основные требования предъявляемые ПС Яндекс к структуре сайта

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

• Каждая страница (документ) должен относиться к своему разделу.
• Чем больше вложенность страницы, тем дольше Яндекс будет ее индексировать. Лучше не использовать вложенность белее чем на 3 уровня. web-revenue/category1/uroven2/stranica.
• Используйте карту сайта sitemap.
• Закройте от индексирования служебные страницы. Например не нужно отдавать в индекс страницу с результатами поиска.
• Не должно быть дублей URL.
• Так же как и для гугл, в идеале должны быть человеко-понятные URL.
• Делайте перелинковку. Ссылайтесь на релевантные документы.
• Проверяйте корректность symlink-ов. Не должно быть цикличных страниц с большим количеством повторений, например web-revenue/sbor/sbor/sbor/sbor.

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

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

XMind — программа для построения майнд карт, структур (есть как платная, так и бесплатная версия — которой вполне достаточно). Лично я пользуюсь данной программой и рекомендую ее вам, т.к. она обладает достаточно широким функционалом, есть версии для Window, macOS, Linux.

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

Microsoft Visio — платный софт от майкрософт, подойдет для создания структур любой сложности и направленности — на нем нарисованы изображения выше.

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

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

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

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

«Структура — это расположение и организация взаимосвязанных элементов в материальном объекте или системе.»

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

Давайте рассмотрим построение навигации сайта: его меню, категорий и подкатегорий.

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

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

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

Чтобы этого не происходило, необходимо навести порядок на полках магазина.

Внутренняя и внешняя структура сайта

Вышеописанные признаки характеризуют внутреннюю структуру

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

Ведь услуги специалиста обходятся недешево.

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

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

Сайдбар (левый/правый или один из них)

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

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

Контент непременно должен попасть ему на глаза в первом или втором экране. Посетитель не будет пролистывать сайт бесконечно в попытке найти нужный материал. Он просто уйдет в другое место.

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

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

Технология 1

Usefulness (Полезность)

Ваше предложение должно быть очевидно полезным для потенциальных клиентов. Люди не любят думать. Напишите, какую выгоду получит человек, если совершит нужное вам действие. Почему только здесь он решит свою проблему, причем решит так, как ему нужно? Продавайте не дрель, а дырку в стене. Помните технику «трех почему»? Единственно, что нужно от вас – дать решение проблемы посетителя. Это 1U.

Urgency (Срочность или Актуальность)

Актуальность есть соответствие заголовка сайта визитки и проблемы клиента. Если пользователь что-то начал искать, то, скорее всего, это нужно ему не послезавтра, а сегодня, еще лучше — вчера. Большинству горячих клиентов из рекламного трафика (например, Яндекс Директ, Google Adwords) нужно то, что они ищут, прямо сейчас. Дайте конкретную цифру, когда он получит искомое? Поэтому актуальность и срочность это 2U.

Uniqueness (Уникальность)

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

Процесс изучения посетителями сайта визитки

Если Ваш заголовок похож на тот, который уже где-то видели, вы теряете клиента и снижаете конверсию. С сайта уйдут. Информацию даже изучать не будут. Уникальность обязательна! Все продают красный кирпич, а вы продавайте зеленые, фиолетовые, да хоть с бабочками. Дайте клиентам что-то новое. Покажите технологии или нечто такое, за счет чего вы эффективно решите его проблему, причем путь решения — лучший на рынке. Это 3U.

Ultra-specificity (Ультра-специфичность)

Конкретизируйте полезность в цифрах

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

Это 4U.

Пример 1

Исходный заголовок: Дизайн интерьеров.

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

Добавляем уникальности. Объясним, насколько удобнее:
– Разработаем дизайн интерьера, в который захочется возвращаться.

Добавляем срочность:
– Разработаем дизайн интерьера в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.

Ультра-специфичность на закуску. За счет чего:
– Профессионалы индивидуально разработают дизайн интерьера, в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.

Сравним:
– Дизайн интерьеров на заказ
– Профессионалы индивидуально разработают дизайн интерьера, в который Вы захотите возвращаться, сэкономив 30% бюджета за 2 недели

Пример 2

Исходный заголовок: Купить шины.

Польза — зачем они? Безопасно ездить, или гонять, зависит от целевой аудитории:
– Увеличьте безопасность автомобиля на дороге.

Ультра-специфичность. Насколько безопасно:
– Увеличьте безопасность автомобиля на дороге на 35%.

Срочность. Как быстро:
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час.

Уникальность. Каким образом:
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус».

Сравним:
– Купить самые лучшие шины у нас
– Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин «Шинус»

Работает магически, не правда ли? Остается думать и тренироваться ради результата. Он вам нужен? Используйте все 4U, а не 1U, 2U или 3U. Вы обойдете 97% конкурентов.

• Написать 5 заголовков по технике 4U.
• Добавить в интеллектуальную карту в раздел заголовок.

Как создать продающий заголовок: 3В

Речь идет о том, что можно просто комбинировать выгоду. Формула выглядит примерно так: Выгода + Выгода + Выгода = Успех.

Примеры:

• Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами
• Делайте молочные коктейли за 1 минуту у себя дома с блендером
• Увеличим прибыль вашего сайта в 2 раза с технологией создания заголовков по 4U

Примеры:

• Как продать автомобиль за 3 часа на 10% выгоднее, не выходя из дома
• Как заработать 1000 рублей лежа на диване за 1 день
• Как увеличить конверсию в 2 раза за 10 минут без вложений

Итак, мы научились создавать крутые заголовки для первого экрана. Чек-лист хорошего заголовка:

присутствуют мощные выгоды продукта;
возбуждает интерес/интригует/захватывает/привлекает внимание;
конкретизирует предложение в цифрах;
говорит о том, что получит клиент;
содержит эмоции.

Пример заголовка на первом экране сайта визитки

Если вы не закрепляете полученный материал на практике, пользы от курса не получите. Самое время добавить ваш заголовок, созданный по одной из теорий, на ваш экспериментальный первый экран. Если вы еще не воспользовались редактором, то регистрируйтесь и создавайте!

Резюме

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

Читать еще: «Зачем и как оптимизировать сайт под SEO»

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

Заключение

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

Времена изменились

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

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

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

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

И если вы еще не провели аудит структуры вашего сайта, то эту задачу необходимо добавить в начало вашей работы над SEO.

9 января 2020 Сайтостроение