Содержание

Структура сайта — важность создания и пошаговая инструкция

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

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

Важность создания четкой и понятной структуры

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

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

Влияние на выдачу поисковых систем и поведенческие факторы

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

Пример грамотной структуры сайта

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

Какие преимущества дает четкая структура:

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

Простейшая структура сайта небольшого интернет-магазина

Если посетитель быстро нашел ответы на интересующие вопросы, то это огромный плюс для продвижения ресурса.

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

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

Существует две разновидности структуры:

  • внешняя;
  • внутренняя.

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

Специфика внешней структуры и правила ее построения

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

Пример посадочной страницы сайта услуг

Основные элементы сайта и их назначение:

  1. Шапка – горизонтальное меню в верхней части экрана, оформленное с учетом особенностей тематики ресурса. Здесь указывают название, подзаголовки, а также размещают навигационную панель.
  2. Центральный блок – содержит основную смысловую нагрузку, выраженную в контенте. Это может быть текстовая информация, видео, изображения, карточки товаров. Центральный блок должен находиться на приметном месте – на первом, максимум – на втором экране при вертикальной прокрутке.
  3. Боковые сайдбары – выполняют различные функциональные задачи. Здесь располагают рекламу, навигационные элементы, подборку актуального материала на схожую тему. Сайдбары могут находиться слева, справа, с обеих сторон или вовсе отсутствовать, если в них нет необходимости.
  4. Футер – он же подвал. Это небольшое меню в нижней части страницы, которая предназначена для различной информации о владельце площадки, контактной информации, ссылок на полезные страницы, дополнительного навигационного меню при условии, что основной контент подразумевает много прокруток (лонгриды, большой список товаров).

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

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

Внутренняя структура и ее особенности

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

Что же касается типов организации материала, то можно выделить такие:

  • линейная;
  • блочная;
  • древовидная;
  • теговая;
  • линейная с ответвлениями.

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

Использование глубокой древовидной структуры с четырьмя и более вложениями – это моветон. Целесообразность применения большой глубины есть у крупнейших торговых площадок, таких как Aliexpress и Amazon. Для большинства проектов оптимальным считается три уровня: «Категория/Подкатегория/Искомый материал».

Вопросы для определения портрета ЦА

Методы организации ссылочной структуры ресурса

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

Определяем целевую аудиторию

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

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

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

Группирование

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

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

При этом нужно сочетать ориентацию на SEO с потребностями посетителей, чтобы семантика не шла вразрез с удобством для пользователя. В качестве примера можно привести такие страницы как «Доставка», «Способы оплаты» и другие. Аудитория должна иметь доступ к важной информации, независимо от частотности запросов. Будет нелогично, если эти страницы будут находиться глубоко во вложениях – обычно их выносят как отдельные пункты навигационного меню.

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

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

  • особенности целевой аудитории;
  • аспекты SEO;
  • изучение структуры сайтов конкурентов.

Сочетание методов позволит разработать модель, которую хорошо воспримут поисковые системы и посетители. Не стоит забывать, что соответствие определенному шаблону является одним из важных факторов выхода в ТОП-10 поисковой выдачи. Это особенно полезно при открытии или перезапуске проекта.

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

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

Разработка навигации

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

Типы внутренней структуры сайта

Реализация

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

На этом этапе подбираются решения для поставленных задач.

Тестирование

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

Общение с аудиторией – средство поиска ошибок в структуре сайта

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

Фильтры и теги как средства упрощения структуры

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

Xmind – полезный конструктор визуальных схем

Какие задачи решают фильтрация и теги:

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

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

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

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

  1. Справочники от Гугл и Яндекс – информация о требованиях к площадкам.
  2. Яндекс Вордстат и планировщик ключевых фраз от Гугл – сбор семантики.
  3. Сервисы Semrush и Serpstat – анализ площадок конкурентов.
  4. Excel от Microsoft – для разработки структуры в формате таблицы. Доступен аналог в Гугл документах.
  5. Draw.io – применяется для создания визуальных схем. Аналоги – Xmind и более функциональный, но платный Mindmeister.
  6. Яндекс.Метрика, Google Analytics – инструменты комплексного анализа.
  7. Яндекс.Вебвизор – доступен в меню Яндекс.Метрики. Средство для отслеживания действия посетителей на сайте благодаря созданию записи.

Все это поможет создать и развивать проект с максимальной эффективностью.

Иерархия страниц

Подведем итоги

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

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

Структура сайта — что такое, какие бывают и как правильно создать

Автор Алексей На чтение 10 мин. Просмотров 830 Опубликовано Обновлено

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

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

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

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

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

Время, затраченное на анализ и проектирование структуры web-сайта окупается в 99,9% случаев.

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

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

структура интернет магазинаПример структуры интернет магазина

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

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

Линейная

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

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

Например:

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

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

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

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

Пример:

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

Дерево

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

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

Решето, сеть

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

структура в виде решета или сети

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

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

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

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

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

Индуктивный метод и создание структуры сайта

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

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

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

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

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

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

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

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

основные страницы и разделы сайта

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

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

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

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

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

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

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

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

Итоги.

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

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

Построение SEO структуры сайта на основе конкурентов

Это на мой взгляд самый оптимальный и правильный вариант. Проанализируйте своих конкурентов и выберите лидеров. Далее смотрим самый подходящий (или самый ветвившийся сайт). Самый простой способ построить структуру на основе конкурентов, это бесплатный сервис от Артура Корсакова: «Парсинг структуры онлайн» открываем его и вбиваем нашего основного конкурента и нажимаем на кнопку «Начать».

Парсинг структуры онлайн

Ждем немного, и с низу видим результат.

Результат парсинга структуры сайта

скачиваем его, нажав на кнопку «Скачать файл .csv» — вот вам готовая структура в Exel — осталось немного ее доработать. Также я обычно строю структуру в виде дерева, для этого открываем XMind (программа бесплатная), создаем новую карту  «New Blank Map».

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

Копируем всю информацию с сервиса парсинга и вставляем в карту.

Готовая карта (структура) сайта

Вот так за три минуты можно построить карту (структуру) сайта в виде дерева с данными разбитыми на категории.

Внимание! Копирование прямо с сайта не всегда корректно вставляются, тогда лучше копировать с .csv файла.

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

Таким же образом можно строить карты на основе собранной кластеризованной семантики.

Есть и альтернативные способы парсинга структуры: с помощью краулеров, сделать это можно при помощи платных программ: Netpeak Spider (полный демо функционал 14 дней) или Screaming Frog SEO Spider (лягушки) — парсит бесплатно сайты до 500 url.

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

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

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

Рассмотрим базовое размещение элементов на сайте.

  1. Хедер (шапка) — верхняя часть сайта. В данном блоке обычно располагаются: логотип, меню (может сразу 2) + элементы присущие данной тематике (часы работы, контакты, поиск, банеры).
  2. Центральный блок. В верху (в первом экране) обычно располагается УТП или какая то другая важная информация, чтобы пользователь при заходе на страницу точно знал, что попал по нужному адресу. Ниже идет уже какой то контент, а по бокам могут быть сайтбары с дополнительной информацией.
  3. Футер (подвал) — предназначен в первую очередь для размещения контактной информации (название компании, телефона, адрес). Так же активно используют подвал для добавления навигационного меню и других полезных ссылок.

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

Выводы и рекомендации

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

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

Основные моменты:

  • Обязательно проводите анализируем конкурентов из ТОПа, в том числе и коммерческих факторов (особенно для коммерческих сайтов). Так вы избежите лишних ошибок. Благодаря современным сервисам и программам, и соответственно ручной проработке, можно создать отличную гибритную структуру проекта.
  • Если у вас коммерческий проект, то проверяйте частотность основного ключа (возможно разделы стоит склеить, особенно в ecommerce). Для инфосайтов разделы (рубрики) формируются по логическому принципу.
  • Используем ЧПУ. Это помогает как пользователям, так и поисковым роботам.
  • Ориентируйтесь на пользователя. Если мы попросили зайти на наш сайт какого-нибудь знакомого, поручили ему найти какой-либо раздел или страницу и он сделал это без труда — значит структура как минимум понятна пользователю. Для чистоты эксперимента можно опросить нескольких человек.

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

 

что это такое, какие есть виды, как ее сделать правильно

Тематический трафик – альтернативный подход в продвижении бизнеса

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


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

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

Больше видео на нашем канале — изучайте интернет-маркетинг с SEMANTICA

Все это напоминает схему здания. К примеру, для того чтобы попасть из комнаты А в комнату Б, необходимо пройти по лестнице на 2 этажа вверх, затем сделать 5 шагов и повернуть налево. Также из помещения А в помещение Б можно попасть, если подняться на лифте на 3 этажа, затем пойти по лестничному пролету вниз, сделать 2 поворота направо и закончить путь 10ю шагами. В то же время, для того чтобы покинуть здание из любой комнаты — можно выйти на общий балкон и спуститься в стеклянном лифте вниз.

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

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

Линейная

Информация представляется в виде цепочки, одна страница плавно перетекает в другую. Пример: книга, которую листает читатель.
К примеру:

  • Главная страница
  • Услуги
  • О нас

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

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

Пример:

  • Главная страница
  • Услуги
  • Создание
  • Продвижение
  • Реклама

Дерево

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

Решето, сеть

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

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

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

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

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

Как правильно распределить запросы по страницам

Возьмем для примера сайт, осуществляющий продажи платьев.

  • Из анкор-листа выбираем общие запросы (платье, платья, женские платья и т.д.). Как правило, это высокочастотники.
  • Группируем отдельно уточняющие среднечастотники (платье повседневное, платье коктейльное, платье вечернее и т.д.).
  • Такую же работу проводим с низкочастотниками, еще более сужающими круг поиска (платье повседневное мини, платье повседневное миди).
  • Следующая подгруппа будет типа: платье повседневное мини красное, платье повседневное мини черное и т.д.

Составляем структуру, исходя из логики. У нас получится примерно следующее:

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

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

Важные моменты

Рассмотрим основные правила индексирования, по которым работает поисковая система.

  • Уровень вложенности страниц не должен быть глубже 3. Иначе поисковая система может не проиндексировать очень глубоко вложенный страницы.
  • Правильный путь к самой глубокой странице должен иметь такой вид: Главная → Страница 2 уровня → Страница 3 уровня.
  • Если Вы не можете обойтись без 4 уровня вложенности и глубже, делайте карту сайта или дополнительные ссылки со страниц более высокого уровня.
  • Адрес каждой страницы должен быть человекопонятным. Пример плохого URL — site.ru/ds6789876sd/f7879y87df/787878778/4345345/vfdfv/4t54. При определении ЧПУ следует использовать транслитерацию.
  • Каждая страница должна иметь возможность возврата на главную.
  • Используйте строку навигации (хлебные крошки), которая указывает пользователю, в каком разделе он находится и позволяет вернуться на любой из предыдущих уровней.
  • Создавайте XML карту для поисковой системы, которая помогает включить все страницы в индекс.
  • Закрывайте служебные страницы от поискового робота.
  • Не называйте раздел с дополнительными статьями (чтобы придать вес ключевикам) “Статьи”. Поисковая система может проигнорировать индексацию данного раздела. Проявите фантазию. Не сваливайте в одну кучу информацию в данном разделе. Структурируйте ее.
  • Слеш в конце адреса используйте аккуратно. URL типа site.ru/chto-to-tam/ говорит поисковику, что необходима индексация глубже. Но если на этой странице уже нет внутренних ссылок, то лояльность поисковика к вашей странице может снизиться.
  • Делайте грамотную внутреннюю перелинковку. Она поможет улучшить поведенческие факторы и подтолкнет поисковик к индексации нужных страниц.
  • Страницы типа “Прайс”, “Услуги” размещайте в 1 клике от главной страницы, желательно в верхней ее части. Они должны быть видны и легко доступны для посетителя.

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

виды, схемы и советы по созданию

Как  сделать структуру сайта, примеры

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

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

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

Что надо понимать под структурой сайта

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

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

Схема

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

Для заметки: Что такое ранжирование сайта и какие факторы на это влияют

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

Виды и схемы

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

Линейная

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

Линейная схема

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

Сложная линейная

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

Второй вид линейной

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

Блочная

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

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

Древовидная

Древовидная или иерархическая структура – самая распространенная. Она позволяет задать четкую и логичную перелинковку.

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

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

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

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

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

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

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

Хлебные крошки

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

Яндекс

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

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

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

Google

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

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

Что надо Гуглу

Как создать структуру своего сайта с примерами

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

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

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

Визитка

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

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

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

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

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

Блог или контентный проект

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

Блог

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

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

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

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

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

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

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

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

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

Но есть несколько правил, которые следует соблюдать:

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

Настройки

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

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

  • Скорость индексации страниц поисковыми системами.
  • Передача ссылочного веса.
  • Повышение конверсии продаж товаров.

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

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


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


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


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


Логическая структура сайта


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


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


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


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


Физическая структура сайта


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


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


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


Пример физической структуры сайта на Joomla приведен на картинке ниже.


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


С теорией разобрались, теперь давайте рассмотрим конкретный пример создания логической структуры сайта на Joomla 3. В качестве примера будет выступать этот самый сайт (Joom4all). Хочу обратить внимание, что приведенная в уроке структура в дальнейшем может поменяться, в любом случае это только пример.


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


Что такое категории материалов в Joomla


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


Для начала давайте зайдем на страницу менеджера категорий, для этого заходим в административную часть сайта (имя-сайта/administrator) и из меню «Материалы» переходим в раздел «Менеджер категорий».


На открывшейся странице «Менеджер категорий: Материалы» мы наблюдаем, что тут уже имеется одна единственная категория, которая называется либо «Uncategorised», либо «Разделы (без категории)» в зависимости от того какой языковой пакет (локализация) установлен в Joomla.


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


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


Как создать категорию материалов Joomla


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


Жмем кнопку и попадаем на страницу создания категории в Joomla 3. Выглядит она следующим образом:


Разберем все поля подробно:


  1. Заголовок – тут пишем название категории, я свою первую категорию назвал «Создание сайтов». Данное поле обязательно для заполнения..

  2. Алиас – данное поле заполнять не обязательно, оно заполнится автоматически после нажатия на кнопку «Сохранить» исходя из заголовка. Если Вам все же хочется его заполнить самостоятельно, то это необходимо делать латинскими буквами.

  3. Родитель – данное поле отвечает за вложенность категории, другими словами если выбрано «Нет родителя» то категория будет первого уровня (основной раздел). Если же нужна вложенная категория, тогда в данном поле в качестве родителя надо указать ранее созданную категорию. В моем случае категория будет первого уровня, поэтому родителя указывать нет смысла.

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

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

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

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


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


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


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


Как удалить категорию в Joomla


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


Итак что необходимо для того чтобы удалить категорию Joomla? Ничего сложного, для начала необходимо поместить её в корзину, для этого ставим галочку напротив имени категории (или нескольких категорий сразу) и жмем кнопку «В корзину»:


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


Выделяем ненужные категории и жмем на кнопку «Очистить корзину» (пользователям Windows такой подход вполне знаком и кажется логичным):


Урок на этом считаю завершенным, мы узнали, что такое логическая и физическая структура сайта, а так же научились создавать и удалять категории материалов Joomla 3. А в следующем уроке я расскажу, как создавать материалы (статьи) и как их размещать в заранее созданных категориях.

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

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

Структура сайта и компоненты схемы — пример будет приведен в статье

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

Пример готовой структуры сайта

Кстати, первый урок по структуре Структура сайта – зачем и что такое эт?

1. Описание свадебного информационного портала.

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

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

Пример структуры — сайт имеет схему с 15 элементами

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

1.1 Описание информационного портала

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

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

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

1.2 Схема информационного портала

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

Схема структуры сайта может включать в себя элементы (блоки) разных типов:

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

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

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

Помимо блоков обязательно присутствуют пункты меню. В примере, приведенном выше, пунктов меню 9. Основная их роль — обеспечить легкую навигацию. Если структура информационного портала правильная, то читатель всего за 2-3 клика может оказаться на любой желаемой странице Вашего сайта.

Далее рассмотрим блоки, используемые в нашей структуре-примере.

1.3 Описание блоков информационного портала

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

  • Урок по Seo структуре сайта здесь

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

1) Блок «Новости» — содержит новостную ленту из различных источников — ресурсов, связанных со свадебной тематикой. Благодаря ему содержимой страниц сайта меняется каждый день — потому что обновление новостей происходит ежедневно. Каждая новость участвует в структуре и содержимом сайта только определенный промежуток времени — в начале следующего месяца, новость устаревает и попадает в архив. Впрочем, новости не удаляются из архива — наоборот, они копятся и заставляет структуру сайта увеличиваться в объеме и делать посещаемость сайта выше с каждым днем.
2) Блок «Акции» — содержит объявления из различных источников (купонаторы, порталы компаний, магазинов и т.д.) информацию об акциях, скидках и т.д., связанных с организацией свадьбы и существующих в данный момент времени на рынке, по достижению конца акции, информация удаляется. Это очень полезный компонент структуры — посетители смогут сами оставлять информацию о проводимых у них акциях, но размещение возможно только после проверки модератором. Таким образом, не все ссылки в данном блоке ведут на страницы сайта — в большинстве случаев это ссылки на другие ресурсы.
3) Блок «Свадебная Энциклопедия» — содержит классическую информацию (статьи, фото, видео на отдельных страницах) об организации свадьбы. Этот блок структуры сайта помогает пользователям при ответе на свои вопросы. Кроме того, он также привлекает на сайт дополнительный трафик.
4) Блок «Тренды» — содержит современную, модную информации (статьи, фото, видео) об организации свадьбы, после 12 месяцев с даты размещения информации, она переходит в блок свадебной энциклопедии. Структура данного блока может быть разной — от простого перечисления трендов в текстовом формате до эргономичного слайдера с соответствующими фото и привлекательными названиями. Те части структуры, что могут иметь различное строение, имеют на схеме соответствующие подписи.

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

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

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

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

2.1 Порядок оказываемых услуг.

Порядок оказания услуг по наполнению информационного ресурса обычно делят на 3 этапа:

1) Начальный этап – создание страниц и размещение базовой информации на портале.
Цель данного этапа – сформировать минимальный объем данных на портале, для размещения его в сети.
2) Этап развития – продолжение размещения информации на сайте, согласно его структуре и плану продвижения.
Цель данного этапа – еженедельное увеличение аудитории портала.
3) Этап оптимизации – регламентированное добавление информации на портал в виде новых страниц. В данный этап реализации структуры сайта входит также оптимизация существующей информационной базы.
Цель данного этапа – выход в топ 10 поисковых систем.

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

2.2 Основные требования к разработке и наполнению

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

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

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

Контент-план наполнения сайта — пример для структуры

Резюме

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

Как создать структуру сайта с учетом требований SEO? SILO структура сайта

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

Как создать структуру сайта правильно с точки зрения поисковой оптимизации?

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

Как создать структуру сайта с учетом требований SEO?

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

  • Создание структуры на основе семантического ядра. Использование модели SILO в иерархии структуры сайта;
  • Распределение ссылочного веса;
  • Технические требования.

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

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

Кластеризацию следует проводить по топу поисковой выдачи. Оптимальный порог кластеризации: 3.

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

Ссылка на сервис — Подбор и кластеризация запросов.

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

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

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

С учетом семантики, SILO структура должна выглядит так:

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

Выгоды следующие:

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

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

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

2 — Распределение ссылочного веса

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

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

tehnika.ua/notebooks/apple/macbooks

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

tehnika.ua/notebooks/macbooks
[страницы с наиболее важными для продвижения ключевыми фразами]/[страницы с важными для продвижения ключевыми фразами]

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

Далее могут размещаться карточки конкретных товаров и услуг.

Правильно:

tehnika.ua/notebooks/macbooks/macbook-pro-15

Неправильно:

tehnika.ua/notebooks/apple/macbooks/macbook-pro/15

Узнать текущее распределение ссылочного веса по страницам можно используя аудит от MegaIndex.

Ссылка на сервис — MegaIndex Аудит.

Сервис бесплатный.

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

Пример отчета для сайта seoheronews.com.

3 — Технические требования

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

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

Пример разметки для сайта indexoid:

<script type="application/ld+json">
{
 "@context": "http://schema.org",
 "@type": "BreadcrumbList",
 "itemListElement":
 [
  {
   "@type": "ListItem",
   "position": 1,
   "item":
   {
    "@id": "https://indexoid.com/backlinks",
    "name": "Backlinks"
    }
  },
  {
   "@type": "ListItem",
  "position": 2,
  "item":
   {
     "@id": "https://indexoid.com/backlinks/analytics",
     "name": "Backlinks Analytics"
   }
  }
 ]
}
</script>

Документация по разметке размещена на официальном сайте Google — Google Search Breadcumb.

Рекомендованный материал в блоге MegaIndex по теме семантической разметки по ссылке далее — Семантическая разметка сайта в SEO.

Оптимальная длина URL страницы — включая доменное имя — не должна превышать 75 символов.

Не рекомендуется использовать длинные URL в 75-120 символов.

Вопросы и ответы

Что делать, если текущая структура сайта не соответствует рекомендациям?

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

Наиболее подходящим моментом является смена дизайна сайта или перехода на HTTPS.

В чем разница в терминах: раздел, папка и каталог?

По сути все три термина означают разделы сайты и являются синонимами.

Итак, все приведенные ниже термины означают одно и то же:

  • Структура каталогов сайта;
  • Структура разделов сайта;
  • Структура папок сайта.

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

Нужно ли проводить аудит структуры сайта?

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

Если проблемы будут выявлены, то в качестве решений есть такие варианты:

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

Нужно ли разделять информационные и коммерческие страницы?

Да. Структуру сайта следует выстраивать в зависимости от интента.

Про термин интент подробнее в материале по ссылке далее — Что такое интент.

Выводы

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

  • Потенциальная конверсия по группе фраз;
  • Частотность;
  • Конкурентность.

Рекомендации по структуре сайта следующие:

  • Продумывать структуру сайта следует до создания сайта. Иерархия в структуре сайта должна выстраиваться исходя из целей в бизнесе и семантики;
  • Создавайте структуру сайта из связанных кластеров, чтобы добиться тематической связности каждой из страниц;
  • Используйте 1-4 ключевые фразы в полном адресе страницы;
  • Используйте лаконичные URL адреса. Оптимальная длина составляет до 75 символов;
  • Если сайт создан и на сайте есть трафик из поисковых систем, то оптимальным моментом для изменения структуры будет переход сайта на HTTPS или плавное изменение структуры при обновлении страниц;

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

Ссылка на сервис — MegaIndex Аудит.

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

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

правил и типов — FlowMapp

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

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

Что такое структура веб-сайта?

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

Подходы к разработке организационных схем

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

Нисходящий подход

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

Подход снизу вверх

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

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

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

Правила разработки структуры веб-сайта

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

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

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

Особенности разработки структуры веб-сайта

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

Адаптивная структура

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

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

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

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

Архитектурные решения для структуры веб-сайта

Иерархическая структура

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

Матричная структура

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

Органическая структура

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

Согласованная структура

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

Основные принципы организации структуры веб-сайта

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

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

Верхний уровень структуры

На верхних уровнях структуры веб-сайта организационные принципы ориентированы на бизнес-цели и потребности пользователей.Более низкие уровни больше зависят от конкретного контента и функциональности услуги.

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

Нижний уровень структуры

Нижний уровень новостного портала будет в значительной степени ориентирован на контент.Например, если сайт специализируется на новостях ИТ, то контент, вероятно, будет разделен на следующие категории: «Дизайн», «Фронтенд» и т. Д. Таким образом, при разработке нижнего уровня важно правильно детализировать и сгруппировать контент.

Заключение

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

Вопрос — ответ

— У меня уже есть сайт, и он неправильно структурирован. Стоит ли создавать структуру с новыми страницами или нужно реструктурировать старые?

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

— Когда полезно облако тегов?

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

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

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

.

15 примеров метаописаний, плюс как написать идеальное описание

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

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

Что такое метаописание?

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

Почему важно метаописание вашего контента?

Еще в сентябре 2009 года Google объявил, что текст в метаописаниях и мета-ключевых словах не учитывается в его алгоритмах ранжирования для поиска.

Но метаописания по-прежнему важны по двум причинам:

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

Как долго должно быть ваше мета-описание?

Когда в декабре 2017 года Google увеличил длину поисковых описаний до 320 символов, оптимизаторы поисковых систем были слишком взволнованы и начали переписывать метаописания для своих сайтов.Поэтому неудивительно, что многие начали волноваться в мае 2018 года, когда Google неожиданно сократил длину до 160 символов.

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

Да. Это не твое воображение. Наши сниппеты в Google стали немного длиннее.И согласитесь с @rustybrick — не расширяйте свои мета-теги. Это более динамичный процесс. https://t.co/O1UTyFeNfA

— Дэнни Салливан (@dannysullivan) 1 декабря 2017 г.

Как отметил в Twitter аналитик Google Webmaster Trends Джон Мюллер, поиск находится в постоянном движении — и оптимизаторы продвигаются вперед:

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

— 🍌 John 🍌 (@JohnMu) 14 мая 2018 г.

Снижение

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

Цифры заставляют людей сосредотачиваться на цифрах, а не на содержании. Это бесполезно.Когда нас спросили в декабре, мы дали несколько осторожных и вдумчивых советов по этому поводу. Я рекомендую вам и другим прочитать это. https://t.co/l6VPzUvA6c pic.twitter.com/1bIPLLyqtQ

— Дэнни Салливан (@dannysullivan) 14 мая 2018 г.

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

Внимание: Google не всегда использует метаописания

Важно знать, что Google не всегда отображает ваши описания должным образом . Фактически, согласно анализу Moz, только 35,9% исходных мета-тегов описания отображаются в поиске Google «как есть».

Исследование Moz, в ходе которого было изучено 70 059 оригинальных примеров метаописаний, также обнаружило, что:

  • В 15,4% случаев Google использовал исходный метатег описания, но добавил текст.
  • В 51,3% случаев отображаемый фрагмент полностью соответствовал метатегу описания или полностью его содержал.
  • В 3,2% случаев в отображаемом фрагменте используется усеченная версия мета-тега описания с многоточием на конце.

В целом Google использовал все или часть исходного метаописания в 55% случаев.

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

Или… Google может просто использовать существующее мета-описание. Это действительно зависит от того, что пользователь ввел в поиск.

Как написать отличное метаописание

Писать 160 знаков или не писать 160 знаков? Вот в чем вопрос.

Мой совет? Используйте 160 символов для своих метаописаний, но не зацикливайтесь на этом, т.е. если ваше описание состоит из 161 символа, не тратьте время на обрезку. Вместо этого сосредоточьтесь на этих советах:

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

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

15 отличных примеров метаописаний, которые вдохновят вас

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

1. Тесла

Почему это работает: Описание Tesla всего из 22 слов передает, что компания представляет, что она производит, ценности ее бренда и амбиции. Итак, это отличный копирайтинг.

2. Одинокая планета

Почему это работает: Ну, а вы любите путешествовать? Начиная с вопроса, читатели привлекают внимание, делая описание индивидуальным. Далее объясняется, как именно Lonely Planet помогает путешественникам, причем все в пределах 160 символов.

3. Reddit

Почему это работает: reddit не только включает в себя мантру своей компании — лучшее из Интернета — в своем описании, но также дает четкое объяснение того, что он предлагает, а также слово «вы» в конце для дополнительного личного прикоснуться.

4. Проводной

Почему это работает: В метаописании этой статьи Wired дразнит читателей, описывая Reddit как бывший «антиутопический Craigslist», прежде чем сказать, что он вырос.Заинтригованы? Старайтесь не нажимать, смею вас.

5. Путешествие Йосемити

Почему это работает: Краткое и прямое, это метаописание четко объясняет ценность сайта Travel Yosemite и то, что посетители могут ожидать, когда переходят по ссылке.

6. GQ

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

7. LinkedIn

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

8. Грань

Почему это работает: Объяснение новой сложной истории может быть трудным, если у вас есть только 160 персонажей, с которыми нужно работать.Но The Verge прибивает это кратким и описательным тегом.

9. Typenest

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

10. Семплице

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

11. Бендиго Банк

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

12. Frito-Lay

Почему это работает: Трудно не улыбнуться, когда вы читаете описание Frito-Lay. Оно короткое, приятное и креативное, говорит посетителям, что их ждет что-нибудь интересное, если они нажмут.

13.Тако Белл

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

14. Убер

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

15. Охота на Георгия

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

Заключение

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

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

Есть вопрос, как писать отличные метаописания? Знаете какие-нибудь другие отличные примеры метаописаний? Оставьте комментарий ниже!

Бесплатный гид

5 основных советов по ускорению вашего сайта

Сократите время загрузки даже на 50-80%
, просто следуя простым советам.

.

Описательное письмо — Организация и структура — Письменные ресурсы — Центр письма

Перейти к основному содержанию

Переключить навигацию

Пенсильванский университет Индианы

  • Imagine Unlimited
  • Индекс A – Z
  • Поиск людей
  • Прием
    • Прием
    • Прием в бакалавриат
    • Прием в магистратуру
    • Прием в колледж повара с отличием
    • Международный прием
    • Прием в кулинарию
    • Летние сессии
    • Зимний лагерь
    • 9000 Виртуальный лагерь

      9000 сейчас

      • Академики
      • Программы бакалавриата
      • Программы магистратуры
      • Колледжи и факультеты
      • Cook Honors College
      • Междисциплинарное образование
      • Стажировки и международное образование
      • Программы онлайн-обучения
      • 000 Наши преподаватели
      • Наши преподаватели

      • Наши преподаватели
      • Поддержка

      • Центр ИТ-поддержки
      • Регистратор
      • Центр карьеры и профессионального развития
      • Библиотеки IUP
      • MyIUP
    • Research
      • Research
      • Research News
      • Research Events
      • Центры и институты
      • Экспертиза
      • Ресурсы для исследователей
      • Исследовательский институт
      • Отдел исследований бакалавриата
      • Студенческие исследования
    • Студенческая жизнь
      • Студенческая жизнь
      • Питание, жилье и жизнь в кампусе

      • Финансовая помощь
      • Работа для студентов
      • Центр здоровья и благополучия
      • Поддержка студентов
      • Центр вопросов и ответов Hawks
      • Hawk’s Nest
      • Родители
      • Student Co-op
      • Центр мультикультурного лидерства и взаимодействия студентов
    • Выпускники
      • Выпускники
      • Возвращение в кампус и Дом выпускников
      • Ассоциация выпускников
      • Познакомьтесь с нашими выпускниками
      • Выпускники и друзья Новости
      • IUP 9 0006

      • Обзор IUP
      • Кампусы и центры
      • Общественные службы
      • Карта, маршруты и парковка
      • Работа в IUP
      • Администрация

      • Поддержка IUP
    • Новости и события
      • Новости и события
      • Новости

      • Центральный календарь
      • Журнал IUP
      • Возвращение домой
      • Семейные выходные
      • IUP Mobile
      • Экстренная информация
      • План на осень 2020 года и информация о коронавирусе
    • Imagine Unlimited
    • Индекс A – Z
    • Поиск людей

    Переключить навигацию

    Центр письма Кэтлин Джонс Уайт

    Написание ресурсов.

    Базовая структура

    OAS 3 Эта страница относится к OpenAPI 3 — последней версии спецификации OpenAPI. Если вы используете OpenAPI 2 (fka Swagger), посетите страницы OpenAPI 2.

    Базовая структура

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

      openapi: 3.0.0
    Информация:
      title: Образец API
      description: необязательное многострочное или однострочное описание в [CommonMark] (http: // commonmark.org / help /) или HTML.
      версия: 0.1.9
    
    серверы:
      - url: http://api.example.com/v1
        description: Необязательное описание сервера, например Главный (производственный) сервер
      - url: http://staging-api.example.com
        description: Необязательное описание сервера, например Внутренний промежуточный сервер для тестирования
    
    пути:
      / пользователи:
        получить:
          Сводка: возвращает список пользователей.
          description: необязательное расширенное описание в CommonMark или HTML.
          ответы:
            '200': # код состояния
              описание: массив имен пользователей в формате JSON.
              содержание:
                приложение / json:
                  схема:
                    тип: массив
                    Предметы:
                      тип: строка
      

    Все имена ключевых слов чувствительны к регистру .

    Метаданные

    Каждое определение API должно включать версию спецификации OpenAPI, на которой это определение основано:

      openapi: 3.0.0  

    Версия OpenAPI определяет общую структуру определения API — что вы можете документировать и как вы это документируете. OpenAPI 3.0 использует семантическое управление версиями с трехчастным номером версии. Доступны следующие версии: 3.0.0 , 3.0.1 , 3.0.2 и 3.0,3 ; они функционально одинаковы.

    Раздел info содержит информацию API: заголовок , описание (необязательно), версия :

      информация:
      title: Образец API
      description: необязательное многострочное или однострочное описание в [CommonMark] (http://commonmark.org/help/) или HTML.
      версия: 0.1.9
      

    title — ваше имя API. описание — это расширенная информация о вашем API.Он может быть многострочным и поддерживает диалект CommonMark Markdown для представления форматированного текста. HTML поддерживается в той степени, в которой это предусмотрено CommonMark (см. Блоки HTML в спецификации CommonMark 0.27). версия — это произвольная строка, определяющая версию вашего API (не путайте ее с версией файла или версией openapi ). Вы можете использовать семантическое управление версиями, например major.minor.patch , или произвольную строку, например 1.0-beta или 2017-07-25 . info также поддерживает другие ключевые слова для контактной информации, лицензии, условий обслуживания и других деталей.

    Ссылка: информационный объект.

    Серверы

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

      серверов:
      - url: http://api.example.com/v1
        description: Необязательное описание сервера, например Главный (производственный) сервер
      - url: http: // staging-api.example.com
        description: Необязательное описание сервера, например Внутренний промежуточный сервер для тестирования
      

    Все пути API указаны относительно URL-адреса сервера. В приведенном выше примере / users означает http://api.example.com/v1/users или http://staging-api.example.com/users , в зависимости от используемого сервера. Для получения дополнительной информации см. Сервер API и Базовый путь.

    Пути

    Раздел paths определяет отдельные конечные точки (пути) в вашем API и методы (операции) HTTP, поддерживаемые этими конечными точками.Например, GET / пользователи можно описать как:

      путей:
      / пользователи:
        получить:
          Сводка: возвращает список пользователей.
          description: необязательное расширенное описание в CommonMark или HTML.
          ответы:
            '200':
              описание: массив имен пользователей в формате JSON.
              содержание:
                приложение / json:
                  схема:
                    тип: массив
                    Предметы:
                      тип: строка
      

    Определение операции включает параметры, тело запроса (если есть), возможные коды состояния ответа (например, 200 OK или 404 Not Found) и содержимое ответа.Для получения дополнительной информации см. Пути и операции.

    Параметры

    Операции могут иметь параметры, передаваемые через URL-путь ( / users / {userId} ), строку запроса ( / users? Role = admin ), заголовки ( X-CustomHeader: Value ) или файлы cookie ( Cookie: debug = 0 ). Вы можете определить типы данных параметров, формат, являются ли они обязательными или необязательными, и другие детали:

      путей:
      / user / {userId}:
        получить:
          Сводка: возвращает пользователя по идентификатору.параметры:
            - имя: userId
              в: путь
              требуется: true
              description: Описание параметра в CommonMark или HTML.
              схема:
                тип: целое число
                формат: int64
                минимум: 1
          ответы:
            '200':
              описание: ОК
      

    Для получения дополнительной информации см. Описание параметров.

    Тело запроса

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

      путей:
      / пользователи:
        после:
          резюме: создает пользователя.
          requestBody:
            требуется: true
            содержание:
              приложение / json:
                схема:
                  тип: объект
                  свойства:
                    имя пользователя:
                      тип: строка
          ответы:
            '201':
              описание: Создано
      

    Для получения дополнительной информации см. Описание тела запроса.

    Ответы

    Для каждой операции можно определить возможные коды состояния, например 200 OK или 404 Not Found, а также схему тела ответа . Схемы могут быть определены встроенными или ссылаться на них через $ ref . Вы также можете предоставить примеры ответов для разных типов контента:

      путей:
      / user / {userId}:
        получить:
          Сводка: возвращает пользователя по идентификатору.
          параметры:
            - имя: userId
              в: путь
              требуется: true
              описание: идентификатор возвращаемого пользователя.схема:
                тип: целое число
                формат: int64
                минимум: 1
          ответы:
            '200':
              описание: объект пользователя.
              содержание:
                приложение / json:
                  схема:
                    тип: объект
                    свойства:
                      Я бы:
                        тип: целое число
                        формат: int64
                        пример: 4
                      имя:
                        тип: строка
                        пример: Джессика Смит
            '400':
              описание: Указанный идентификатор пользователя недействителен (не число).'404':
              описание: Пользователь с указанным ID не найден.
            дефолт:
              описание: Неожиданная ошибка
      

    Обратите внимание, что коды состояния ответа HTTP должны быть заключены в кавычки: «200» (OpenAPI 2.0 этого не требует). Для получения дополнительной информации см. Описание ответов.

    Модели ввода и вывода

    Глобальный раздел компонентов / схем позволяет вам определять общие структуры данных, используемые в вашем API.На них можно ссылаться через $ ref всякий раз, когда требуется схема - в параметрах, телах запросов и телах ответов. Например, этот объект JSON:

      {
      "id": 4,
      "name": "Артур Дент"
    }
      

    можно представить как:

      компонентов:
      схемы:
        Пользователь:
          свойства:
            Я бы:
              тип: целое число
            имя:
              тип: строка
          # Оба свойства обязательны
          обязательный:
            - Я бы
            - имя
      

    , а затем указывается в схеме тела запроса и схеме тела ответа следующим образом:

      путей:
      / users / {userId}:
        получить:
          Сводка: возвращает пользователя по идентификатору.параметры:
            - в: путь
              имя: userId
              требуется: true
              тип: целое число
          ответы:
            '200':
              описание: ОК
              содержание:
                приложение / json:
                  схема:
                    $ ref: '# / components / schemas / User'
      / пользователи:
        после:
          сводка: создает нового пользователя.
          requestBody:
            требуется: true
            содержание:
              приложение / json:
                схема:
                  $ ref: '# / components / schemas / User'
          ответы:
            '201':
              Описание: Создано  

    Аутентификация

    Ключевые слова securitySchemes и security используются для описания методов аутентификации, используемых в вашем API.

      компонентов:
      securitySchemes:
        BasicAuth:
          тип: http
          схема: базовая
    
    безопасность:
      - BasicAuth: []  

    Поддерживаемые методы аутентификации:

    Для получения дополнительной информации см. Аутентификация.

    Полная спецификация

    Полная спецификация OpenAPI 3.0 доступна на GitHub: https://github.com/OAI/OpenAPI-Specification/blob/master/versions/3.0.3.md

    Не нашли то, что искали? Задайте вопрос сообществу
    Нашли ошибку? Сообщите нам

    .