Структура сайта: правильная схема расположения страниц проекта

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

Подпишись на рассылку и получи книгу в подарок!

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

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

Линейная структура. Элементарная логика – каждая страница ссылается на другую страницу и на главную.

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

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

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

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

И снова неудачный для продвижения вариант.

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

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

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

Древовидная структура. Именно древовидная структура является наиболее универсальным вариантом и именно ее вы будете применять в 99% случаев.

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

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

В урлах:

• site.ru/divani/
• site.ru/divani/tkani.html
• site.ru/divani/kozha.html
• site.ru/pyfiki/
• site.ru/stylya/
• site.ru/stylya/derevo.html
• site.ru/stylya/plastic.html
• site.ru/stylya/rotang.html
• site.ru/stylya/metall.html

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

Как создать структуру своего сайта. Виды сайтов и их структура

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

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

Визитка

Стандартная структура сайта-визитки обычно проста и состоит всего из двух уровней:

1. главная
2. остальные страницы

Коммерческий сайт

Здесь уже сложнее – нужно будет внедрять дополнительные уровни страниц. Какие? Это будет понятно из семантического ядра. Немного ниже я расскажу, как формировать структуру для коммерческого сайта.

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

Структура продающего сайта:

Информационный сайт и блог

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

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

Сама по себе страница раздела может не нести никакой пользы в плане дополнительной информации. Пример:

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

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

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

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

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

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

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

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

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

Фильтры могут быть одинаковыми для каждого уровня и раздела каталога, могут разрабатываться отдельно – все зависит от специфики. Упрощенная структура сайта интернет-магазина:

Проектирование структуры сайта. Мастер-класс для коммерческого СЯ

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

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

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

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

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

Интересно

Кстати, часто бывает так, что логика еще на этапе кластеризации подводит сеошников.

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

Итак, у нас получилось несколько групп:

Итак, СЯ кластеризовали. Что делать дальше? Начинаем создавать структуру продающего сайта. Учитываем, что какие-то группы могут подчиняться одна другой. Например, фотосессия с мужем относится к семейным фотографиям, соответственно эту группу лучше подчинить группе «семейный фотограф». Логика здесь может быть разная, я сделала так, как считаю правильным.

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

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

В итоге получится подобная логическая схема сайта:

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

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

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

Важно!

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

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

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

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

Если вы решились попробовать сделать структуру сайта своими руками, вам нужен удобный инструмент для рисования. Советую доступную программу для создания структуры сайта (и не только) draw.io, в котором и делались схемы для этой статьи. Куча возможностей и мало проблем. Главное, чтобы у вас был активный аккаунт на .gmail.

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

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

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

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

То есть, если вы видите, что у страницы «Проемы» в меню есть подстраница «Расширение проемов», это еще не значит, что вторая страница подчиняется первой в структуре сайта (как я и говорила, визуально элементы сайта могут располагаться как угодно, это не показатель как таковой, просто чаще все же структура отображена и в визуальной составляющей сайта). Чтобы узнать, так ли это на самом деле, посмотрите на урл страницы «Расширение проемов», если в адресе страницы вы увидите папку «Проемы», значит она действительно по структуре подчиняется этой странице: site.ru/proemy/rasshirenie-proemov. Если вы видите урл вида site.ru/rasshirenie-proemov – то в структуре эта страница сама по себе, что неправильно.

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

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

Источник: /semantica.in/blog/struktura-sajta-ot-a-do-ya-vidy-sozdanie-analiz.html

Как правильно сделать структуру сайта: виды и примеры

Alexander Wayne

18 декабря 2018 в 18:26

Добрый день, дорогие читатели.

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

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

Определение

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

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

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

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

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

Обычно в иерархии сайта учитываются следующие аспекты:

• текущее местонахождение пользователя;
• куда оттуда можно попасть (разделы, товары, страницы);
• куда можно попасть из разделов, товаров и т. д.

Также при разработке иерархии обычно смотрят на SEO. Перелинковка, анкорные ссылки и прочие прелести поискового продвижения.

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

Требования Яндекса

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

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

В статейниках вы должны определить четкую иерархию категорий и статей в них. Желательно сделать вложенность даже в ссылках.

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

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

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

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

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

Ссылки должны быть уникальными. Но это, думаю, и так понятно.

Требования Гугла

У Гугла требования точно такие же: наличие карты сайта, простая и понятная иерархия, адекватная перелинковка, наличие рубрик и т. д.

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

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

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

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

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

Поэтому все те же малостраничники, визитки и лендинги размещают основной контент на главной странице. На нее же чаще всего они делают акцент при рекламном продвижении.

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

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

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

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

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

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

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

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

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

Визитка

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

То есть у ресурса максимально простая иерархия, которую очень легко реализовать.

Если говорить про проект на WordPress, то вам просто необходимо создать несколько документов (Страницы – Добавить новую). Этого вполне хватит для визитки. Все они будут располагаться на более “низкой” ступени, относительно главной. С точки зрения SEO, это хорошо.

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

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

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

Информационный проект

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

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

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

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

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

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

1. Определить тип проекта, выполнить аудит тематики.
2. Нарисовать схему, которая будет содержать в себе страницы, категории, статьи/товары. Иерархия должна быть древовидной, соответствовать одному из примеров выше.
3. Планомерно воссоздать схему, сделать перелинковку.
4. Добавить карту сайта, которая будет содержать в себе все элементы проекта.
5. Создавать качественный контент.

При этом структура тесно связана с семантическим ядром. Его можно либо составить самостоятельно, либо заказать.

Рекомендации для WordPress

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

Тем не менее я бы хотел дать вам несколько рекомендаций по этому поводу:

• Одна статья – одна рубрика

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

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

Обычно вебмастеры упускают этот момент, но он очень хорошо повышает видимость ваших материалов среди поисковиков. Я говорю о структуре ссылок – добавляйте рубрики, чтобы ссылки на ваши материалы имели вид: site.ru/рубрика/статья. Это можно очень просто сделать через “Настройки” – “Постоянные ссылки”.

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

Метки – это, конечно, хорошо, но они негативно влияют на схему и создают лишние дубли. Лучше закрыть метки через robots.txt, дабы поисковые системы адекватно индексировали ваш проект.

Заключение

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

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

С уважением, Alexander Wayne

Источник: /iklife.ru/sozdanie-sajta/struktura-sajta-razrabotka-i-sozdanie.html

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

Структура сайта — это базис, фундамент любого интернет ресурса, будь то интернет магазин или информационный сайт. 

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

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

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

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

Структура сайта — это логическая схема построения страниц сайта с распределением по папкам и категориям. Если смотреть с точки зрения пользователя, то структура сайта — это навигация, путь по тому или иному сайту. 

Фото 1: Пример кулинарного сайта, который сгруппировал виды блюд в категории, сделав что-то наподобие поваренной книги.

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

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

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

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

Принципы построения структуры сайта

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

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

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

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

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

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

• Сайт-визитка
• Коммерческий сайт
• Интернет-магазин
• Информационный сайт

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

Сайт-визитка

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

Фото 2: Пример структуры простого сайта визитки какой либо небольшой компании.

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

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

Коммерческий сайт

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

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

На этот раз количество связей имеет более разветвленный вариант и из раздела “Услуги” мы можем перейти в рубрику “Ремонт квартир”, а уже из неё попасть на документ “Капитальный ремонт”.

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

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

Фильтры как правило ставятся на элементы, которые несущественно влияют на товар, а имеют большую необходимость именно для пользователя. Например — фильтр на размер одежды / обуви, или их цвет.

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

Краткая схема интернет магазина может выглядеть так:

Фото 4: Пример структуры базового интернет магазина с каталогом товаров, карточками и фильтрами (тегами).

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

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

Информационные сайты 

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

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

Информационные сайты можно разделить на два вида, от которых будет зависеть их структура:

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

Нишевые сайты

Пример информационного сайта с узкой тематикой фитнеса:

Фото 5: Упрощенная структура информационного сайта об упражнениях и здоровом образе жизни.

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

Порталы

Вариант портала — это тот же информационный сайт, но с гораздо более широкими направлениями и он может представлять из себя “связку” узких информационных направлений, в рамках одной темы. Примером популярного информационного портала может быть женский журнал woman.ru.

Если бы мы делали портал про фитнес, раздел «Спорт”, мог бы быть одним из разделов со своими рубриками и статьями:

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

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

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

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

Требования ПС Яндекс к структуре

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

• Каждый документ должен относиться к своему разделу.
• Чем больше вложенность страницы, тем дольше Яндекс будет ее индексировать. То есть, если страница в структуре выглядит так: eda.ru/salaty/olivie то она проиндексируется быстрее, чем eda.ru/bluyda/prazdniki/novyj_god/olivie.
• Используйте карту сайта sitemap.
• Ограничивайте индексирование служебной информации. Например, не стоит индексировать “результаты поиска по сайту”. Для поисковых систем они не сыграют роли в скорости индексации или ранжировании, но общую скорость проверки сайта замедлят и расходуют бюджет на обход сайта роботом. Такой функционал должен быть прежде всего для пользователей, нежели для роботов.
• Каждая страница должна иметь уникальный URL. В данном случае все просто — если у нас правильно составлено семантическое ядро, то и дубликатов по названию не должно встретиться.
• Желательно, чтобы формат URL давал представление о том, что находится на странице куда он ведет. То есть ЧПУ хорошо воспринимается не только пользователями, но и поисковыми системами.
• Делайте ссылки на другие разделы сайта текстовыми. В текстовых ссылках можно добавить ключей из семантического ядра, чтобы показать всю многогранность тематики, если это не удалось сделать на странице. Также это помогает ПС понять о чем страница.
• Проверяйте корректность symlink-ов. То есть не должно быть цикличных страниц с большим количеством повторений, например semyadro.pro/sbor/sbor/sbor/sbor.

Указанные рекомендации позволят создать правильную структуру не только для Яндекса, но и для пользователя.

Источник: /semyadro.pro/struktura

Схема структуры макета идеального Landing Page

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

Содержание

ЗаголовокЛоготип, название компании, контактыДемонстрация продукта/услугиПреимущества брендаОписание оффераВзаимная коммуникация   Лид-форма   CTA   АкцияСоциальные доказательстваЗавершающий маркетингВместо заключения

Заголовок

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

Естественно, необязательно придумывать все заново: как правило, программа уже определена до начала проектирования веб-ресурса.

Если этот момент был упущен, то формирование УТП — ваша первостепенная задача.

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

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

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

Простой пример от LPgenerator:

Этот и другие шаблоны вы можете взять за основу для создания своего первого лендинга в конструкторе LPgenerator:

Логотип, название компании, контакты

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

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

Источник: /lpgenerator.ru/blog/2015/08/31/idealnaya-struktura-landing-page-po-versii-lpgeneretor/

Правильная структура сайта — разработка структуры сайта, схемы, кейсы и требования

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

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

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

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

Правильная структура сайта — это представление информации таким образом, чтобы:

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

Кроме этого, есть масса плюсов от ее формирования:

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

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

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

Как создать структуру сайта самостоятельно?

Существует несколько способов:

• на основе поискового спроса;
• на основе анализа конкурентов;
• на основе личного опыта и понимания ниши.

Самый эффективный — комбинированный, то есть — использовать все способы.

Подбор семантического ядра

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

• Яндекс.Вордстат — сервис подбора ключевых слов от отечественного поисковика;

Источник: /Albakoff.ru/articles/struktura-sayta/

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

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

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

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

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

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

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

Давайте немного отойдем от блога «Учебка WordPress«, поговорим о том, что такое структура сайта, как ее формировать и создавать.

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

1. Что такое структура сайта;
2. требования к структуре сайта;
3. типы структуры, примеры в виде схем;
4. внешняя и внутренняя структуры сайта;
5. как правильно изменить (переделать) структуру сайта;
6. чек-лист «Учебка WordPress» — что, как и почему изменилось после смены структуры сайта.

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

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

В тезисах структуру сайта можно охарактеризовать так:

• Где я нахожусь сейчас (страница входа);
• куда я могу попасть (переход);
• взаимосвязь между категориями.

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

Структура сайта это пути получения пользователем запрашиваемой информации.

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

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

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

Какие существуют требования к структуре сайта

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

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

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

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

В сапорте Яндекса существует отдельная страница, посвященная описанию требований к структуре. Можете посетить ее и прочитать обо всем более детально, я же расскажу все вкратце и о более важном:

• Поддерживайте четкую ссылочную структуру на сайте. Каждый документ (страница) должна относиться к своему разделу (категории, блоку). На каждую страницу сайта должна быть хотя бы одна ссылка с другой страницы.
• Используйте карту сайта (имеется ввиду xml карта сайта), она ускорит индексацию сайта.
• Ограничивайте индексирование служебной информации, с помощью файла robots.txt.
• Каждая страница должна иметь уникальный и единственный URL-адрес. Имеется ввиду, что на разные страницы сайта должны вести разные URL, и наоборот одна и та же страница должна быть доступна только по одному адресу.
• Делать ссылки на другие разделы (страницы) сайта текстовыми, Яндексу так проще анализировать контент.
• Проверка корректности symlink-ов, при переходе по сайту URL не должны добавляться (example.com/vasya/vasya/vasya/vasya/ пример самого Яндекса).

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

Источник: /yrokiwp.ru/seo/vnutrennjaja-optimizacija-sajta/struktura-sajta-primer-shema/