Правильная структура сайта, пример в виде схемы, реальный пример

Содержание

Кластеризация запросов

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

Микроволновые печи:

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

Samsung:

микроволновка Samsung
купить свч самсунг

Gorenje:

микроволновая печь Gorenje
микроволновка Gorenje

С грилем:

микроволновка с грилем

Без гриля:

микроволновка без гриля

C конвекцией:

микроволновка с конвекцией

С грилем и конвекцией:

микроволновые печи с грилем и конвекцией

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

Samsung,
Gorenje,
С грилем,
Без гриля,
C конвекцией,
С грилем и конвекцией.

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

Если же создание дополнительной страницы влечет за собой какие-то спамные цели — не стоит этим заниматься.

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

Таким образом все в выигрыше:

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

Как определить, нужно ли создавать страницу под группу запросов?

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

Тут существует очень тонкая грань между спамом и улучшением структуры сайта.

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

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

1.Создание страниц под бренды

микроволновые печи Samsung
микроволновые печи Gorenje

Под бренды всегда стоит создавать отдельные странички.

2.Создание страниц под характеристики товаров

микроволновые печи с грилем
микроволновые печи с конвекцией

Такие страницы приносят больше всего трафика, так как прекрасно отвечают на запрос пользователя. Пользователь хочет купить СВЧ с грилем, зачем ему показывать весь каталог товаров? Чтобы он там ещё в фильтрах копался и искал, где выбрать «с грилем»?

Мы это делаем за него.

3.Создание страниц под цвета

цена на белую микроволновку
купить синюю микроволновку

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

4.Создание страниц под определенную цену

микроволновка 150 грн
микроволновые печи 1500 грн

Это в 99,9% случаев не обусловлено спросом, следовательно, этого делать не стоит.

5.Создание страниц под ценовые диапазоны

микроволновые печи недорого
дорогие микроволновые печи

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

6.Создание страниц по региону/улице

купить микроволновую печь в Киеве
купить микроволновую печь в Днепропетровске
цены на микроволновые печи в Харькове
микроволновые печи на ул. Ленина купить

Если вы сможете объяснить, чем будут отличаться данные страницы, можете создавать.

Стоит создавать отдельные страницы, если :

1.Создание допстраницы обусловлено спросом.

2.Список товаров в каталоге будет соответствовать запросу и будет отличным от исходного.

3.В поисковой выдаче у большинства конкурентов отдельная страница под эту группу запросов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итоги.

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

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

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

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

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

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

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

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

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

1. Собираем и кластеризуем семантическое ядро.

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

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

Более подробно: Как составить семантическое ядро сайта

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

Из категорий (если судить по ключам) нам нужны:

каталог строительных материалов.
услуги.
доставка и оплата.
о компании.
контакты.

Каталог и услуги будут включать в себя подкатегории.

У каталога это будут:

строительные смеси.
кирпич.
кровельные материалы.
пиломатериалы.
лакокрасочные материалы.
декоративная штукатурка.

Услуги будут включать в себя подкатегории:

грузчики.
вывоз мусора.

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

3. Визуализация.

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

Итак, у нас вышло:

Читай также: Прототипирование сайта

Получение DOM-объектов с веб-страницы

Для работы с элементами (тегами) нам надо получить исходный текст страницы и преобразовать его в DOM-объекты. Для этого напишем функцию ПолучитьСтраницуВОбъектDOM(Адрес). Алгоритм функции следующий: мы создаем переменную типа HTTPСоединение, в конструкторе которого указываем имя сервера и порт. Используя данное соединение, мы создаем HTTPзапрос к необходимой нам страницы и пытаемся прочесть результат. Если получить результат не удалось, то выводим сообщение об ошибке, иначе получаем исходный код в кодировке UTF8.

&НаКлиенте
Функция ПолучитьСтраницуВОбъектDOM(Знач Адрес)
	Адрес = СтруктураАдреса(Адрес);	
	Соединение = Новый HTTPСоединение(Адрес.ИмяСервера, Адрес.Порт);
	ВебЗапрос = Новый HTTPЗапрос(Адрес.ПутьНаСервере);
	Попытка
		Результат = Соединение.Получить(ВебЗапрос);
	Исключение
		Сообщить("Ошибка соединения");
		ВызватьИсключение;
	КонецПопытки; 
	Ответ = Результат.ПолучитьТелоКакСтроку(КодировкаТекста.UTF8);
	Чтение = Новый ЧтениеHTML;
	Чтение.УстановитьСтроку(Ответ);
	ОбъектыDOM = Новый ПостроительDOM;
	Возврат ОбъектыDOM.Прочитать(Чтение);
КонецФункции

Принципы отбора информации

Можно выделить несколько принципов отбора информации:

Принцип наглядности

Исследуемая информация, которая соответствует этому принципу, обладает следующими признаками:

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

Принцип научности

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

Вкратце критерии принципа научности можно выразить так:

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

Принцип актуальности

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

Здесь нужно руководствоваться следующими соображениями:

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

Принцип систематичности

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

Таким образом, информация достойна внимания и может быть применена, если:

Аналогичные данные можно найти в различных базах данных
Различные интерпретации не разрушают целостность представлений об одной и той же проблеме

Принцип доступности

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

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

Принцип избыточности

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

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

Анализ раздела «Участники регионального тура» сайта thebest.its.1c.ru

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

<select name="partner" id="partner" class="form-control">
<option value="e3506426-dd64-11e4-9573-e41f13bdf6c4" selected="selected">г. Абакан, ООО "Хакасия.ру"</option>
<option value="e3a39c36-dd64-11e4-9573-e41f13bdf6c4">г. Апатиты, ООО "КОЛА ДИГЕСТА"</option>
...
<option value="f391e760-dd64-11e4-9573-e41f13bdf6c4">г. Ярославль, ООО "Ярософт"</option>
</select>

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

<tbody>
<tr>
<td class="regional_tour__fio">...</td>
<td class="regional_tour__nomination_td"><span class="nomination k" title="Кадровый учет и трудовое право"></span></td>
<td title="Тест: 84, акция Вконтакте: 15, акция от партнера: 15" class="text-center">114</td>
<td>2015-03-ххххх</td>
</tr>
...
</tbody>

В таблице каждая строка представлена 4 ячейками:

Ячейка с классом regional_tour_fio. В данной ячейке размещается фамилия, имя и отчество участника
Ячейка с классом regional_tour__nomination_td. В данной ячейке размещается элемент span, класс которого зависит от номинации, в которой участвовал пользователь. Таких номинаций три:
- Бухгалтерский учет и налогообложение (класс nomination b)
- Кадровый учет и трудовое право (класс nomination k)
- Платформа 1С:Предприятие 8 – разработка и администрирование (класс nomination it)
Ячейка с классом text-center. В данной ячейке размещается количество баллов, набранных за отборочный тур. Также здесь можно увидеть атрибут title, в котором хранится калькуляция баллов. Например «Тест: 84, акция Вконтакте: 15, акция от партнера: 15». Здесь хотелось бы отметить, что обязательно указывается только «Тест», остальные значения могут не указываться, если участник не принимал участия в акциях партнера или проводимых Вконтакте.
Ячейка без опозновательных знаков В ней находится номер сертификата Профессионал 1С:ИТС. Ее будем определять как ячейку без атрибута class.

Мета-тег Robots — помогает закрыть дубли контента при индексации сайта

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

Для этого внутри тега «HEAD» нужной вебстраницы дописывается МЕТА-тег Robots с нужными параметрами, и так повторяется для всех документов, к которым нужно применить то или иное правило (запрет или разрешение). Выглядеть это может, например, так:

<html>
<head>
<meta name="robots" content="noindex,nofollow">
<meta name="description" content="Эта страница ....">
<title>...</title>
</head>
<body>
...

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

Существуют только две пары параметров у метатега robots: index и follow:

Index — указывают, может ли робот проводить индексацию данного документа
Follow — может ли он следовать по ссылкам, найденным в этом документе

Значения по умолчанию (когда этот мета-тег для страницы вообще не прописан) – «index» и «follow». Есть также укороченный вариант написания с использованием «all» и «none», которые обозначают активность обоих параметров или, соответственно, наоборот: и .

Более подробные объяснения можно найти, например, в хелпе Яндекса:

Для блога на WordPress вы сможете настроить мета-тег Robots, например, с помощью плагина . Если используете другие плагины или другие движки сайта, то гуглите на тему прописывания для нужных страниц meta name=»robots».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Типовые требования поисковой системы 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 — платный софт от майкрософт, подойдет для создания структур любой сложности и направленности — на нем нарисованы изображения выше.

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

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

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

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

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

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

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

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