Лекция 12

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

ПРЕПОДАВАТЕЛЬ: НИКИТИНА КАРИНА АЛЕКСАНДРОВНА

2. Содержание

Что такое структура сайта
Преимущества четкой структуры сайта
Виды структура сайта
Варианты структуры сайта
Какие страницы должны быть в структуре сайта
Структура посадочных страниц сайта
Структура сайта на основе семантического ядра
Распространенные ошибки при создании структуры
сайта

3. Структура сайта

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

4.

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

5. Преимущества четкой структуры сайта

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

6.

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

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

8.

9.

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

10.

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

11. Внутренняя структура

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

12.

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

13.

14.

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

15.

16.

Блочная,
из нескольких страниц, на каждую из
которых приводят ссылки с остальных. Это
достаточно
специфичная
структура,
и
ее
используют далеко не все площадки

17.

18.

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

19.

20. Варианты структуры сайта

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

21.

22.

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

23.

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

24.

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

25. Какие страницы должны быть в структуре сайта

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

26.

27. Основными среди них считаются:

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

28.

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

29.

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

30.

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

31. Структура посадочных страниц сайта

Посадочная страница (Landing Page, лендинг) имеет особую
структуру, которая отличается следующими особенностями:

32.

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

33.

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

34.

35. Создание структуры сайта: пошаговая инструкция

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

36.

37. Структура сайта на основе семантического ядра

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

38.

39.

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

40.

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

41.

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

42. Распространенные ошибки при создании структуры сайта

Начинающий создатель сайте чаще всего допускает следующие
ошибки:

43.

44. СПАСИБО ЗА ВНИМАНИЕ!