Land-site.ru

Структура сайта – как правильно сделать структуру сайта?


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

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

Термин «Структура»

Грубо говоря, структура сайта – это основа проекта, подразумевающая под собой контент, «разбитый» на разделы, категории. Верная структура позволяет с комфортом пользователю знакомиться с контентом.

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

«Главная», «Преимущества», «Сайты», «Тарифы», «Отзывы», «Войти».

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

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

Структура с точки зрения маркетинга

Нужно внимательно отнестись к названию разделов, категорий и других пунктов в меню.  В идеале название должно состоять из одного слова, кратко объясняющего, что ждет пользователя в определенном разделе. Но в некоторых случаях одного слова недостаточно. Глупо было бы называть категорию, в которой публикуются новости в области интернет-технологии просто «Интернет» или «Технологии».

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

Пример реализации структуры

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

В качестве простого примера приведем организацию структуры блога. Как правило, для блогов используют всем известную CMS «Wordpress». Поэтому работать на примере будем с ней.

  1. Заходим в административную панель.
  2. Ищем и открываем категорию «Записи». Делаем клик по пункту «Рубрики».
  3. Перед нами открывается несколько полей с понятным названием. Мы их заполняем и жмем по кнопке «Добавить новую рубрику».

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

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

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

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

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

Как организовать юзабилити?

  • Определитесь с тематикой/тематиками контента, в направлении которых вы будете развивать проект.
  • Ответьте на вопрос – что хотят видеть на сайте пользователи?
  • Оцените юзабилити у конкурентов, некоторые идеи позаимствуйте.
  • Не спешите с реализацией структуры на своем проекте. Стоит сначала ее протестировать и визуально оценить, что сделать можно с помощью Bloxy.ru.
  • Если схема, так называемый макет юзабилити кажется вам комфортным, информативным и понятным, можно приступить к его воплощению на сайте.

Где составить структуру?

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

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

Функционал Блокси огромен, присутствует масса инструментов для структурирования созданного ресурса. Поэтому все свои идеи вы обязательно сможете воплотить в представленном конструкторе.

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

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

Принцип работы поисковиков

  • Наш сайт не сразу «влетает» в Яндекс и Google, сначала происходит его индексирование. Есть поисковая база данных, куда робот отправляет информацию о новом веб-ресурсе. Чтобы робот побыстрее узнал о вашем проекте, мы можем зайти в Яндекс Вебмастер и вручную отправить его на индексацию. Но делать это необязательно.
  • Далее происходит ранжирование. Разбирать ранжирование «от и до» — большая проблема, поскольку есть свыше тысячи факторов, относящихся к данной процедуре. Она заключается в упорядочивании сайтов, которые появляются у пользователя после ввода им запроса. Именно от ранжирования зависит, на какой позиции окажется наш интернет-проект у пользователя.

Техническая структура сайта

Мы уже отметили, что лучше поисковикам самостоятельно сообщить о появлении нашего ресурса. Делается это через Яндекс Вебмастер и Google Search Console. Процедура добавления сайта в оба поисковика однотипна.

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

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

Снятие запрета на индексирование

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

Указываете адрес своего сайта, дальше символ «/» без кавычек и robots.txt. Пример — https://bloxy.ru/robots.txt.

Как правило, самостоятельно генерировать файл не нужно. Чтобы убедиться, что он у вас есть, зайдите в Яндекс Вебмастер и выберите пункт «Анализ robots.txt».

Правильное основное зеркало

Что такое основное зеркало? Приведем три примера:

http://bloxy.ru/

http://www.bloxy.ru/

https://bloxy.ru/

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

Рабочая карта сайта — Sitemap

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

Лучше всего отправить карту в Яндекс Вебмастер. Таким образом, все наши новые страницы будут индексироваться максимально быстро, что увеличит шансы попадания в ТОП по определенным запросам.

Адаптивность под мобильные устройства

Мобильного трафика в интернете сегодня много — структура WEB сайта должна работать и для него. Если наш сайт не адаптирован под мобильные устройства, весомую долю трафика мы рискуем потерять.

Есть два выхода из данной ситуации:

  • Разместить мобильную версию веб-ресурса на поддомене. Как правило, поддомен делают из одной буквы «m». Но в таком случае нужно контролировать работу двух проектов.
  • Адаптивная верстка сайта. Веб-ресурс будет автоматически подстраиваться под устройство пользователя.

В Яндекс Вебмастере есть функция «Проверка мобильных страниц». Она находится в разделе «Инструменты». Здесь вы можете проверить адаптивность своего интернет-проекта под все устройства.

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

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

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

Итог

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