Структура сайта: все важные аспекты создания хорошей структуры

Структура сайта: все важные аспекты создания хорошей структуры

Содержание

Как структура сайта влияет на продвижение

Руководитель impulse.guru и основатель SEO-Reports.ru Илья Русаков рассказал, что дает продуманная структура сайта и как ее правильно проектировать, а также показал примеры сайтов с удачной структурой.

Обучение в онлайн-университете: курс «Интернет-маркетолог»

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

5 преимуществ продуманной структуры сайта

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

Вот 5 основных преимуществ:

  1. Ускорение индексации сайтов с большим количеством страниц разного уровня вложенности, например, крупных интернет-магазинов и каталогов.
  2. Продуманная структура позволяет избежать технических ошибок, которые негативно влияют на SEO, например, дублей, пустых страниц и так далее.
  3. Повышение юзабилити, что в свою очередь улучшает поведенческие факторы, так как повышается качество пользовательского опыта.
  4. Более эффективное продвижение за счет грамотного распределения семантики и создания релевантных посадочных страниц под разные группы запросов.
  5. Повышение конверсии вследствие предыдущих двух пунктов — довольные пользователи покупают более охотно.

Пошаговый алгоритм проектирования структуры

Собрать семантику

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

Сгруппировать

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

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

Визуализировать

Чтобы визуализировать и упростить восприятие результата, рекомендую использовать сервисы и программы для создания интеллект-карт, или mind maps. Например, бесплатная версия онлайнового Mindmeister.com позволяет создавать до 5 проектов и делиться доступом с коллегами и клиентами.

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


Открыть в полном размере

Вся работа в Mindmeister строится по принципу drag-n-drop, то есть управлять элементами можно простым перетаскиванием. Настройки удобны и интуитивно понятны, разобраться легко.

Следовать советам SEO-специалистов

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

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

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

Сайт house-stroy.ru

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

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

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


Запросы, по которым house-stroy занимает топовые позиции

Интернет-магазин lamoda.ru

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


Меню и подкатегории

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

И кластеризация по свойствам:


Многие покупатели ищут обувь по цвету, сезону или материалу. «Ламода» это учитывает

Опять же, все это глобально перелинковано:


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

Оценочный трафик на уровне 18 миллионов посетителей в месяц по SimilarWeb подтверждает правильность такого подхода к проектированию структуры:

Резюме

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

Читать еще: «Зачем и как оптимизировать сайт под SEO»

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Как создать сайт? Структура и контент / Хабр

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

Пример структуры веб-сайта (Блоки кликабельны)

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

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

Начало


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

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

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

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

Звучит многообещающе? Тогда начинаем!

Основной совет


Навигация и футер

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

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

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

Максимизируйте CTR

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

Поэтому, разместив наиболее ценную информацию и элементы призыва к действию CTA (call-to-action) в эффективном первом поле экрана, вы увеличите показатель кликабельности (CTR — click-through rate) и завладеете вниманием посетителя.
Речь идет буквально о 3-4 секундах, за которые посетитель сканирует экран и, не найдя быстро нужной информации, чаще всего сразу покидает страницу.

Призыв к действию (CTA)

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

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

Политика конфиденциальности GDPR

Если ваша целевая аудитория — это клиенты из стран ЕС, то обработка данных пользователей должна соответствовать правилам обработки персональных данных GDPR (General Data Protection Regulation), принятых в Европе.

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

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

Структура


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

Вот эти страницы, из которых состоит грамотно сбалансированная структура сайта:

  • Главная
  • О нас
  • Продукты / Услуги
  • FAQ
  • Вакансии
  • Блог
  • Контакты
  • Ошибка 404
  • Правовая информация

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

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

  • Главная
  • О нас
  • Продукты / Услуги
  • Контакты
  • Правовая информация

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

Вы можете заранее выбрать организацию содержания каждой страницы из таких вот вайрфреймов (low-fidelity wireframes). Это очень удобно для вас и разработчиков.


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

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

Главная страница


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

Содержание:

  • Hero image / Основной визуальный посыл
  • Продукт / Услуги
  • Ключевые преимущества
  • О нас
  • Вакансии
  • Отзывы (тематические исследования, рекомендации)
  • CTA


Пример главной страницы — iea.org

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

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

“Главная страница — это как лобби отеля. Хотя это и важная часть отеля, но это не то место, где ваши гости хотели бы остановиться. Они хотят попасть в свой номер.”

Hero image

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

Чтобы лучше понять какой посыл должно нести это изображение, ознакомьтесь с концепцией JTBD (jobs-to-be-done), краткий смысл которой состоит в том, что у клиента на данный момент есть конкретная задача / проблема, которую надо выполнить, и он ищет лучшее решение (продукт), который поможет ему в этом. Ваша же цель — дать ему понять, что ваш продукт решает эту задачу.

Ваши продукты / услуги

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

Обозначьте характеристики и преимущества продукта

Как сказал Саймон Синек в своей знаменитой речи — люди покупают не то, ЧТО вы делаете, они покупают то, ПОЧЕМУ вы делаете это.

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

Социальное влияние

Люди склонны прислушиваться и доверять своему окружению. Еще один прекрасный способ быстро внедрить и распространить информацию — это добавить отзывы о вашей компании или продуктах. Сосредоточьтесь на вашей целевой аудитории и добавьте соответствующие отзывы. Чем более известен и публичен автор отзыва, тем лучше. Не беспокойтесь, если вы еще не засветились на TechCrunch или Forbes; ваши посетители должны быстро установить положительный эмоциональный контакт с рецензентами, вот что важно на данный момент.

О нас


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

Содержание:
  • История / timeline
  • Цели и миссия компании
  • Отзывы
  • Команда
  • Партнеры
  • Видео
  • Статистика
  • Интересные факты


Пример страницы О компании — hines.com/about

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

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

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

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

История компании

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

Ваши основные принципы

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

И снова отзывы

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

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

Люди за кулисами

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

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

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

Партнеры

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

Запишите видео

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

Статистика и интересные факты

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

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

Продукты / услуги


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

Содержание:

  • Изображения
  • Описание
  • Особенности и преимущества
  • Цены
  • Отзывы / рекомендации
  • Контактная форма
  • FAQ


Пример страницы Услуги/Продукты — stripe. com/payments

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

Вместе или раздельно

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

Визуальный язык

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

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

Описание продукта

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

Особенности и преимущества (ценность)

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

Цены

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

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

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

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

Актуальность обратной связи

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

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

Будьте на связи

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

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

Подготовьте ответы на вопросы заранее

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

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

Навигация

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

FAQ

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

  • Вопросы и ответы
  • Поиск
  • Живой чат

Пример страницы Помощь / FAQ — help.dropbox.com

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

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

Разделение по темам

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

Поиск

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

Отвечайте на вопросы напрямую

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

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

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

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

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

Вакансии


Зачем создавать: для развития своего HR, привлечения сотрудников и нишевого ранжирования по ключевым словам.

Содержание:

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


Пример страницы Вакансии — spotifyjobs.com

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

Чем вы лучше остальных?

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

Кого конкретно вы ищете?

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

Отдельная страница для каждой вакансии

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

Аргументируйте

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

Блог


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

Пример страницы Блог — goodonyou.eco/category/stories

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

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

“Напрасно ты приобрел знания, если не передал их другим”
Дварим Рабба (комментарий к Книге Второзаконие)

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

Мы уже упоминали про рейтинг по релевантным ключевым словам. Для этого убедитесь, что ваши тексты имеют относительно большой объем, не менее 250 слов. Для лонгридов — от 800 слов. Осторожно придерживайтесь SEO оптимизации текстов.

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

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

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

Заманите читателя

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

Если ваш посетитель — поисковой робот, добавьте соответствующие ключевые слова в альт-теги изображений (это хорошо для всего сайта в целом), заголовки постов и описания. Вы также можете реализовать функцию тегов в своем блоге.
С точки зрения Pillar модели это позволит URL-адресам, таким как «https://yoursite.com/blog/#seo», выступать в качестве идеальных хабов для накопления органического трафика со смежных кластерных страниц. Роботы идентифицируют страницы как смежные, если они правильно сшиты.

Упорядочьте содержимое

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

Изображения и видео

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

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

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

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

Кнопки навигации

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

Расшарьте контент

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

Страница новостей

Что у нас по новостям? Похоже, что на сайтах компаний менее 1% посетителей считают новости стоящими своего времени. Кроме того, корпоративные новости часто воспринимаются как слишком субъективные и самовосхваляющие. Изучите поведенческие паттерны групп пользователей; возможно, вы обнаружите, что тот небольшой процент посетителей, интересующихся вашими новостями — это те, кто конвертируются лучше остальных.

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

Контактная информация / связаться с нами


Зачем создавать: позволить посетителям оперативно связаться с вашей компанией и улучшить SEO.

Содержание:

  • Номера телефонов, e-mail (для разных целей)
  • Форма обратной связи
  • Карта

Пример страницы Контакты — rndhouse.com/contact

Хотя страница контактной информации является одной из базовых страниц для любого веб-сайта, она также является одной из самых важных.

К примеру, поисковые системы анализируют вашу карту сайта и оценивают вас выше, если они находят эту страницу.

Категоризация

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

Создайте форму

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

Местоположение

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

Ошибка 404


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

Содержание:

  • Изображения / видео / интерактивные элементы
  • Сообщение об ошибке
  • Ссылки на другие страницы сайта


Пример страницы Ошибка — netflix. com/notfound

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

Ключевые моменты

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

Плохо, если ваша страница с ошибкой по сути является тупиком, такой вариант не понравится ни вашим посетителям, ни SEO. Можно и нужно перенаправлять трафик со страницы ошибки в правильное место.

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

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

Правовая информация


Зачем создавать: расскажите о своем соответствии требованиям законодательства.

Содержание:

  • Политика конфиденциальности
  • Уведомления об авторских правах
  • Правила и условия пользования
  • Дисклеймер
  • Злоупотребление или жалобы контактная информация
  • Патенты
  • Корпоративная политика

Пример страницы Privacy Policy — samuelsre.com/privacy-policy

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

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

  1. Содержит всю необходимую информацию, разбитую на пронумерованные абзацы
  2. Написана в понятной для большинства людей форме
  3. Соответствует общему дизайну сайта

Заключение


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

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

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

Что касается нас, авторов этого руководства, то мы занимаемся этим уже 18 лет. И весь свой опыт постарались аккумулировать (помимо этого гайда) в мощном и одновременно простом инструменте Octopus.do, с помощью которого вы сможете бесплатно создать структуру веб-сайта, планировать контент и делиться этим с кем угодно. Регистрация необязательна.

Правильная структура сайта для SEO-продвижения: рекомендации по оптимизации

Оглавление:

1. Что собой представляет структура сайта?

2. Подводя итог

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

И не смотря на это, многие оптимизаторы не используют в полной мере эту возможность.

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

Что собой представляет структура сайта?

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

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

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

1. Главное правило: удовлетворение запросов пользователя

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

  1. Что ищут люди?

  2. Что для них самое важное?

  3. Как страницы сайта связаны между собой?

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

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

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

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

2. Правило трех кликов

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

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

Допустим, что каждая страница содержит более 100 ссылок, тогда количество страниц, доступных с нее в три клика растет в геометрической прогрессии:

  • 200 ссылок на странице дают доступ к 8 000 000 страниц;

  • 500 ссылок на странице дают доступ к 125 000 000 страниц;

  • 1000 ссылок на странице дают доступ к 1 миллиарду страниц за три клика.

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

3. Разбивка на страницы

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

  1. пагинация;

  2. кнопка «Показать все»;

  3. бесконечная прокрутка.

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

Стоит отметить, что необходимо правильно оптимизировать страницы пагинации, поскольку в глазах поисковых систем они являются некачественными страницами. Лучше всего их закрывать в файле robots.txt от индексации и прописывать в коде самих страниц «Nofollow» или указывать «Rel = Canonical» на самую первую страницу в списке пагинации.

Пример пагинации показан на картинке ниже.

4.

Используйте Sitemaps в HTML

В настоящее время практически все понимают важность  XML-карты сайта, а вот HTML-карты используются всё реже и реже. 

Давайте вернем их!

Ведь HTML-карта сайта доступна для просмотра посетителям и поисковым роботам, давая тем самым подсказки о структуре сайта.

Для примера можно обратиться к сайту компании «МТС»


или посмотреть интернет-магазин техники и электроники OLDI

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

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

5. Ссылки с новых страниц на старые

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

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

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

6. Навигационные «хлебные крошки»

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

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

  • показывают относительную позицию URL’а в существующей иерархии раздела;

  • связывают между собой первую и последнюю страницу в этой иерархии;

  • помогают посетителям не заблудиться в навигации по сайту.

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

Пример хлебных крошек на странице в поиске:

Подводя итог

Идеальную структуру сайта для SEO сделать сложно, придется проделать кропотливую работу, но награда за этот труд может быть достаточно велика. Поэтому нужно постоянно отслеживать показатели Яндекс.Метрики, Гугл Аналитики или других систем и вносить корректировки в существующую структуру через определенные промежутки времени.

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


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

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

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

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

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

Больше видео на нашем канале - изучайте интернет-маркетинг с 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 клике от главной страницы, желательно в верхней ее части. Они должны быть видны и легко доступны для посетителя.

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

Создание структуры сайта - примеры, схемы, советы

Время прочтения: 12 минут

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

Что Вас ждёт впереди...

  1. Что такое структура сайта?
  2. Как создать структуру сайта?
  3. Типичные ошибки при создании структуры сайта?
  4. Заключение

Что такое структура сайта и какую роль она играет

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

Простейшая иерархическая структура сайта

Структура отражается в системе навигации сайта:

  • В меню.
  • В хлебных крошках.
  • В HTML-карте сайта (для людей).
  • В XML-карте сайта (для поисковых роботов).

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

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

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

Структура категории «Компьютеры и ноутбуки»

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

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

Поисковики считывают структуру сайта из карты sitemap.xml. Если ее нет, роботы используют HTML-карту сайта или результаты обхода. Структуру сайта глазами «Яндекса» можно увидеть в «Вебмастере» в соответствующем разделе.

Структура сайта в «Вебмастере»

Как создать структуру сайта

Создание структуры сайта условно состоит из двух этапов: планирования и реализации. Рассмотрим их последовательно.

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

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

Переносим структуру интернет-магазина на бумагу

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

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

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

Отражаем страницы каталога первого уровня

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

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

Отражаем страницы второго уровня

Для страниц второго уровня можно указать дочерние страницы. Например, для страницы «Косметика после бритья» дочерними будут страницы «Лосьоны», «Бальзамы», «Кремы».

Отражаем страницы третьего уровня

Обратите внимание, в каталоге можно реализовать параллельные структуры. Например, косметика может классифицироваться по категориям на до, для и после бритья. Одновременно на сайте можно создать категории производителей. Тогда параллельная структура будет выглядеть так: Косметика – Производители – Gillette – Страница товара.

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

Когда структура будет готова, переходите к ее реализации на сайте.

Как реализовать структуру сайта

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

Создаем дочернюю страницу «Контакты»

На платформе Recommerce структура каталога задается с помощью разделов. В меню «Каталог» нажмите кнопку «Добавить раздел в корень».

Добавляем раздел в корень

Укажите свойства раздела, добавьте фото.

Указываем свойства раздела

На вкладке «Текст» добавьте текст с описанием раздела. На вкладке SEO укажите title, description и ключи. Здесь же можно временно закрыть раздел от индексации и указать URL раздела вручную.

Настраиваем SEO страницы раздела

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

Создаем подразделы

В итоге структура каталога должна быть логичной и удобной для серфинга.

Возможная структура одного из разделов каталога

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

Навигационное меню создается автоматически

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

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

На платформе Recommerce автоматически создана структура сервисных страниц, например, «Главная», «О магазине», «Оплата», «Доставка». Это экономит время вебмастера и создает дополнительные удобства для покупателей.

Типичные ошибки при создании структуры сайта

Начинающие e-коммерсанты и вебмастера часто допускают типичные ошибки при планировании структуры каталога и сайта в целом. Вот самые яркие примеры:

Отсутствие общих категорий

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

Отсутствие фильтров

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

Отсутствие параллельных структур

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

Незаметное навигационное меню

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

Заключение

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

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

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

Понравилась статья? Поделитесь с друзьями! 

 

Please enable JavaScript to view the comments powered by Disqus.

Структура документа и веб-сайта - Изучение веб-разработки

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

Необходимые знания: Базовое знакомство с HTML, описано в разделе Начало работы с HTML. Форматирование текста в HTML, описано в разделе Основы текста в HTML. Как работают гиперссылки, описано в разделе Создание гиперссылок.
Задача: Изучить, как структурировать документ с помощью семантических тегов и как разработать структуру простого веб-сайта.

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

Заголовок (колонтитул)
Обычно это большая полоса вверху страницы, с крупным заголовком и / или логотипом. Здесь указывается общая информация о веб-сайте, не меняющаяся от страницы к странице.
Навигационное меню
Ссылки на основные разделы сайта; обычно в виде кнопок, ссылок или вкладок. Также как и заголовок, навигация остаётся неизменной на всех страницах сайта — наличие непоследовательной навигации на вашем сайте запутает и разочарует пользователей. Многие веб-дизайнеры считают панель навигации частью заголовка, а не отдельным компонентом, но это не является обязательным требованием; на самом деле, некоторые также утверждают, что их разделение на отдельные компоненты улучшает доступность, поскольку раздельная структура будет понятнее для людей, пользующихся считывателями экрана.
Основное содержимое
Большая область в центре страницы, содержащая, в основном, уникальный контент данной веб-страницы, например видео, которое вы хотите посмотреть, или рассказ, который вы читаете, или карту, которую вы хотите просмотреть, или заголовки новостей и т. д. Это одна из частей сайта, которая определённо будет меняться от страницы к странице!
Боковая панель
Как правило, содержит некоторую второстепенную информацию, ссылки, цитаты, рекламу и т.д. Обычно она относится к содержимому в основном контенте (например, на странице со статьёй, боковая панель может содержать биографию автора или ссылки на связанные статьи), но в некоторых случаях здесь размещают и другие элементы, например, вторичную навигационную систему.
Нижний колонтитул (футер)
Полоса в нижней части страницы, которая обычно содержит уведомления об авторских правах или контактную информацию. Это место для размещения общей информации (например, заголовка), но обычно эта информация не является критичной или вторична для самого веб-сайта. Нижний колонтитул также иногда используется для SEO целей, предоставляя ссылки для быстрого доступа к популярному контенту.

"Типичный веб-сайт" может быть структурирован примерно так:

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

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

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

Для реализации такой семантической разметки HTML предоставляет выделенные теги, которые можно использовать для создания таких разделов, например:

  • Заголовок: <header>.
  • Навигационное меню: <nav>.
  • Основное содержимое: <main>, с различными подразделами содержимого, представленными элементами <article>, <section> и <div>.
  • Боковая панель: <aside>, обычно располагается внутри <main>.
  • Нижний колонтитул: <footer>.

Активное обучение: исследование кода для нашего примера

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

    <title>Заголовок моей страницы</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="style.css">

    
    
  </head>

  <body>
    

    <header>
      <h2>Заголовок</h2>
    </header>

    <nav>
      <ul>
        <li><a href="#">Домашняя страница</a></li>
        <li><a href="#">Наша команда</a></li>
        <li><a href="#">Проекты</a></li>
        <li><a href="#">Контакты</a></li>
      </ul>

       

       <form>
         <input type="search" name="q" placeholder="Search query">
         <input type="submit" value="Go!">
       </form>
     </nav>

    
    <main>

      
      <article>
        <h3>Заголовок статьи</h3>

        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a diam lectus. Set sit amet ipsum mauris. Maecenas congue ligula as quam viverra nec consectetur ant hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur.</p>

        <h4>Подраздел</h4>

        <p>Donec ut librero sed accu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor.</p>

        <p>Pelientesque auctor nisi id magna consequat sagittis. Curabitur dapibus, enim sit amet elit pharetra tincidunt feugiat nist imperdiet. Ut convallis libero in urna ultrices accumsan.  Donec sed odio eros.</p>

        <h4>Ещё один подраздел</h4>

        <p>Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum soclis natoque penatibus et manis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.</p>

        <p>Vivamus fermentum semper porta. Nunc diam velit, adipscing ut tristique vitae sagittis vel odio. Maecenas convallis ullamcorper ultricied. Curabitur ornare, ligula semper consectetur sagittis, nisi diam iaculis velit, is fringille sem nunc vet mi.</p>
      </article>

      
      <aside>
        <h3>Связанные темы</h3>

        <ul>
          <li><a href="#">Мне нравится стоять рядом с берегом моря</a></li>
          <li><a href="#">>Мне нравится стоять рядом с морем</a></li>
          <li><a href="#">Даже на севере Англии</a></li>
          <li><a href="#">Здесь не перестаёт дождь</a></li>
          <li><a href="#">Лаааадно...</a></li>
        </ul>
      </aside>

    </main>

    

    <footer>
      <p>©Авторские права никому не принадлежат, 2050. Все права защищены.</p>
    </footer>

  </body>
</html>

Потратьте некоторое время, чтобы просмотреть код и понять его — комментарии внутри кода также помогут вам в этом. Мы не просим вас делать ничего больше в этом уроке, потому что ключ к пониманию макета документа заключается в написании осмысленной структуры HTML, а затем её развёртывании с помощью CSS. Мы подождём, пока вы не начнёте изучать CSS-макет как часть темы CSS.

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

  • <main> предназначен для содержимого, уникального для этой страницы. Используйте <main> только один раз на странице и размещайте прямо внутри <body>. В идеале он не должен быть вложен в другие элементы.
  • <article> окружает блок связанного содержимого, который имеет смысл сам по себе без остальной части страницы (например, один пост в блоге).
  • <section> подобен <article>, но больше подходит для группирования одной части страницы, которая представляет собой одну часть функциональности (например, мини-карту или набор заголовков статей и сводок). Считается хорошей практикой начинать каждый раздел с заголовка. Также обратите внимание, что в зависимости от контекста вы можете разбить <article> на несколько <section> или, наоборот, <section> на несколько <article>.
  • <aside> содержит контент, который не имеет прямого отношения к основному содержимому, но может содержать дополнительную информацию, косвенно связанную с ним (словарь, биография автора, связанные ссылки и т. д.).
  • <header> представляет собой группу вводного содержимого. Если он дочерний элемент <body>, то он определяет глобальный заголовок веб-страницы, но если он дочерний элемент <article> или <section>, то определяет конкретный заголовок для этого раздела (постарайтесь не путать его с titles и headings). 
  • <nav> содержит основные функции навигации для страницы. Так же часто в нем можно увидеть логотип и / или название сайта или компании. Вторичные ссылки и т. д. не входят в навигацию.
  • <footer> представляет собой группу конечного контента для страницы.

Несемантические обёртки

Иногда вы будете сталкиваться с ситуацией, когда вы не можете найти идеальный семантический элемент, чтобы сгруппировать некоторые элементы вместе или обернуть некоторый контент. Иногда вам просто нужно будет сгруппировать несколько элементов вместе, чтобы применить к ним, как к единой сущности, CSS или JavaScript. Для таких случаев в HTML есть элементы <div> и <span>. Вам следует использовать их с подходящим значением атрибута class или id, чтобы можно было легко получить к ним доступ.

<span> — это строчный несемантический элемент, который стоит использовать только если вы не можете подобрать более подходящий семантический текстовый элемент для обёртывания контента или если не хотите добавлять какие-либо конкретные значения. Например:

<p>Пьяный Король возвратился в свою комнату в 01:00
и всё никак не мог войти в дверь: хмель мешал <span>[Примечание редактора: В этот момент
свет на сцене должен быть приглушён]</span>.</p>

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

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

<div>
  <h3>Корзина</h3>
  <ul>
    <li>
      <p><a href=""><strong>Silver earrings</strong></a>: $99.95.</p>
      <img src="../products/3333-0985/thumb.png" alt="Серебряные серьги">
    </li>
    <li>
      . ..
    </li>
  </ul>
  <p>Итого: $237.89</p>
</div>

Ему не подходит <aside>, поскольку это не обязательно относится к основному содержимому страницы (Вы хотите, чтобы его можно было просматривать из любого места). Также не подходит и  <section>, т. к. это не часть основного содержимого страницы. Поэтому <div> подходит в этом случае. Мы включили заголовок в качестве указателя, чтобы помочь пользователям программ чтения с экрана в его поиске.

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

Перенос строки и горизонтальный разделитель

Два элемента, которые вы будете периодически использовать или захотите узнать о них: <br> и <hr>:

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

<p>Жила-была девчушка Нелл,<br>
Любившая писать HTML:<br>
Её семантика ужасна была — <br>
Она и сама прочитать ничего не могла.</p>

Без элемента <br> абзац  разместится в одну длинную линию (как было сказано ранее, HTML игнорирует переносы строк), а с ним в коде — разметка будет выглядеть следующим образом:

Жила-была девчушка Нелл,
Любившая писать HTML:
Её семантика ужасна была —
Она и сама прочитать ничего не могла.

<hr> создаёт горизонтальный разделитель в документе, это означает тематическое изменение текста (например, изменение темы или сцены). Визуально он просто похож на горизонтальную линию. В качестве примера:

<p>Рон был зажат в углу адскими тварями. Он боялся, но твёрдо решил защитить своих друзей, поднял свою волшебную палочку и приготовился к битве, надеясь, что справится со своим несчастьем.</p>
<hr>
<p>Тем временем Гарри сидел дома с раскрытым указом и размышлял о том, когда выйдут новые серии спин-оффов; в это время зачарованное письмо пархнуло в окно и приземлилось у него на коленях. Он прочитал его и подскочил на ноги; он подумал: "Думаю, самое время вернуться к работе".</p>

Будет выглядеть примерно так:

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


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

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

  1. Имейте в виду, что у вас будет несколько элементов, общих для большинства (если не всех) страниц — например, меню навигации и содержимого нижнего колонтитула. Например, для сайта компании хорошая идея разместить контактные данные в нижнем колонтитуле на каждой странице. Составьте список элементов, общих для всех страниц.
  2. Теперь набросайте структуру страниц (можно взять за образец наш простой дизайн, приведённый раннее). Что находится в этих блоках?
  3. Теперь составьте список остальной (уникальной для каждой страницы) информации, которую вы разместите на сайте.
  4. Сгруппируйте информацию по темам. Какие части можно разместить на одной странице? Это похоже на метод Card sorting.
  5. Составьте карту сайта. Обведите каждую страницу рамкой, и продумайте перемещения пользователя между ними. Обычно в центре оказывается главная страница, с которой можно быстро перейти на все остальные. На небольшом сайте большинство страниц помещают в главную навигацию, но не обязательно класть туда все ссылки. Также можете пометить, как выглядят элементы страниц — ссылками, списками, карточками.

Самостоятельная работа: создайте свою собственную карту сайта

Применить наш метод к своему сайту. О чем он будет?

Примечание: Сохраните свой код, он вам ещё понадобится.

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

  • Using HTML sections and outlines: Продвинутый справочник по семантическим элементам и алгоритму выделения разделов (outline algorithm) в HTML5.

Правильная структура сайта | Head-Promo

Делимся наработками

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

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

Несколько основных правил:

1. Структура должна быть подробной.

Например, если Вы продаете Роликовые коньки, то они должны быть разбиты по категориям, например:

  • Детские ролики
  • Спортивные ролики
  • Агрессивные ролики
  • и так далее.

Категории, в свою очередь, могут быть разбиты на подкатегории, например, «Детские ролики» можно разбить на:

  • Ролики для мальчиков
  • Ролики для девочек
  • Ролики для самых маленьких
  • и так далее.

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

2. Структура должна быть древовидной

Если схематично, то это будет выглядеть так:

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

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

Хорошая карточках товара может содержать:

  • Отзывы
  • Инструкции по применению
  • И другую важную информацию

Все это, можно сделать подчиненным страницами, то есть URL адрес может быть такой: tovar/otzivi или tovar/instrukciya

Что нам это все дает? Это позволяет усиливать разделы и категории. Когда поисковик видит, что в разделе «Роликовые коньки» есть 10 категорий, у каждой ещё по 5 подкатегорий, к которым привязаны товары, а у товаров тоже есть свои дочерние страницы — такой раздел будет считаться очень хорошо проработанным и наверняка действительно полезным для посетителя. Это хороший повод поставить такой сайт на высокие позиции.

3. Структура должна быть отражена в URL

Тут все просто, даже если Вы создали хорошую структуру, но в URL-адресах она не отражена — шансы на успех резко снижаются.

Пример, неправильных URL-адресов

  • Раздел: site.ru/rolikovie-konli
  • Дочерняя категория: site.ru/detskie
  • Дочерняя подкатегория: site.ru/dlya-malchikov
  • Товар: site.ru/seba-1201

Пример правильных URL-адресов

  • Раздел: site. ru/rolikovie-konli
  • Дочерняя категория: site.ru/rolikovie-konli/detskie
  • Дочерняя подкатегория: site.ru/rolikovie-konli/detskie/dlya-malchikov
  • Товар: site.ru/rolikovie-konli/detskie/dlya-malchikov/seba-1201

Только так и никак иначе.

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

 

Часто задаваемые вопросы по разработке структуры веб сайта:


Вопрос 1: Как быть, если один товар должен находиться в нескольких категориях

Ответ: Чтобы избежать дублей страниц, должна быть возможность задать товару один статичный URL и этот URL будет постоянным. То есть, например, есть товар в детских роликах для мальчиков, имеет вот такой адрес: site.ru/rolikovie-konli/detskie/dlya-malchikov/seba-1201

Предположим, что этот же товар, нужно показывать в другом разделе, например, «Красные ролики», расположенному по адресу: site.ru/rolikovie-konli/krasnie. Суть в том, что даже если товар будет показываться в разделе «Красные ролики», при клике на него, посетитель все равно будет попадать на страницу: site.ru/rolikovie-konli/detskie/dlya-malchikov/seba-1201. Это нормальная практика, более того, это самый оптимальный способ реализации.
Если в настройках Вашего сайта такое никак не реализовать, то рекомендуем использовать атрибут rel=»canonical» для товарных страниц.


Вопрос 2: Можно ли и нужно ли менять структуру сайта, если он уже имеет хорошие позиции и давно проиндексирован поисковыми системами?

Ответ: Зависит от каждого конкретного случая. В целом, менять нужно, так как рано или поздно все равно это придется делать. Мы рекомендуем делать это постепенно. Меняем структуру одного раздела, с обязательной установкой 301 редиректов, обновлением карты сайта и переносом текстов и оптимизации на новые страницы. Примерно через месяц, после того как изменения будут проиндексированы, а позиции восстановятся на новых страницах, можно переходить к следующему разделу. Да, будет не быстро. Да, в краткосрочной перспективе будет временная потеря позиций. Но если менять все сразу — будет намного хуже.


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

полное руководство • Yoast

Марике ван де Ракт

Мариеке ван де Ракт - генеральный директор Yoast. Ее основное внимание уделяется развитию компании. Она действительно любит поддерживать открытую и дружелюбную корпоративную культуру. Марике также активно участвует в маркетинге Yoast и Yoast SEO Academy: платформы онлайн-курсов.

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

Содержание

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

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

Значение для удобства использования

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

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

Значение для SEO

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

а. Это помогает Google "понять" ваш сайт

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

г. Это мешает вам соревноваться с самим собой

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

г. Он занимается изменениями на вашем сайте

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

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

Как настроить структуру вашего сайта

Итак, как построить прочную структуру сайта? Сначала мы рассмотрим идеальную структуру сайта; затем мы объясним, как этого добиться на вашем собственном сайте.

Идеальная структура сайта

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

1.Домашняя страница

2. Категории (или разделы)

3. Подкатегории (только для крупных сайтов)

4. Отдельные страницы и сообщения

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

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

Ваша домашняя страница

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

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

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

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

Навигация

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

Меню

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

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

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

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

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

Тропа из хлебных крошек

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

Если вы используете сайт WordPress, вы можете использовать один из множества доступных плагинов для навигации. Вы также можете использовать наш плагин Yoast SEO, поскольку мы также реализовали в нашем плагине функцию навигации.

Таксономии

WordPress использует так называемые таксономии для группировки контента (другие CMS часто имеют похожие системы). Слово «таксономия» - это, по сути, причудливый термин для группы вещей, в данном случае страниц веб-сайтов, которые имеют что-то общее. Это удобно, потому что людям, которые ищут дополнительную информацию по той же теме, будет проще найти похожие статьи. Вы можете группировать контент по-разному. Таксономиями по умолчанию в WordPress являются категории и теги.

Категории

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

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

Подробнее: Использование страниц категорий и тегов для SEO »

Теги

Структура вашего сайта также выиграет от добавления тегов. Разница между категорией и тегом в основном связана со структурой. Категории являются иерархическими: у вас могут быть подкатегории и даже подкатегории. Однако у тегов нет такой иерархии. Теги просто говорят: «Эй, у этой статьи или продукта есть определенное свойство, которое может быть интересно посетителю.Думайте об этом так: категории - это оглавление вашего веб-сайта, а теги - это индекс. Тег для упомянутого выше интернет-магазина одежды может быть брендом, например, Timberlands.

Продолжайте читать: В чем разница между тегами и категориями? »

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

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

Читайте дальше: Правильная маркировка сообщений для пользователей и SEO »

Контекстная внутренняя ссылка

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

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

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

Контекстные ссылки для блогов

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

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

Продолжайте читать: Внутренние ссылки, почему и как »

Возможности контекстных ссылок для интернет-магазинов

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

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

  1. ссылка со страницы комплекта продуктов на отдельные продукты
  2. раздел «связанные элементы» или «сравнение с аналогичными элементами»
  3. а раздел «клиенты также купили»
  4. раздел «комплекты продуктов» или раздел «часто покупаемые вместе» .

Узнайте все о настройке отличной структуры (внутренних ссылок) для вашего интернет-магазина с помощью нашего обучения структуре сайта, которое является частью нашей подписки на обучение Yoast SEO Academy. Мы включили множество примеров с реальных сайтов!

Целевые страницы

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

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

Цель поиска

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

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

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

Прочтите все о целях поиска и их важности для SEO.

Cornerstone страниц содержания

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

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

В этой статье Мариеке объясняет, что такое краеугольный контент и как его создавать.

Целевые страницы продукта

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

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

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

Поддержание структуры вашего сайта

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

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

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

Подробнее: Оптимизация меню вашего сайта »

Переосмыслите свою таксономию

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

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

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

В том маловероятном случае, если вы создали карту сайта в формате HTML вручную, обновите эту карту сайта после изменения структуры сайта. В гораздо более вероятном случае, если у вас есть карта сайта в формате XML, повторно отправьте ее в Google Search Console.

Продолжайте читать: Структура растущего блога »

Очистить устаревшее содержимое

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

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

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

Избегайте каннибализации ключевых слов

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

Если вы страдаете от каннибилизации ключевых слов, вам нужно поработать. Короче говоря, вам следует исследовать производительность вашего контента и, возможно, объединить и перенаправить часть из них. При объединении сообщений мы рекомендуем создать новый черновик, клонировав один из исходных сообщений с помощью плагина Yoast Duplicate Post. Это дает вам возможность работать над объединенным сообщением, не внося этих изменений в действующий пост. Прочтите руководство Joost, чтобы узнать больше о каннибализации ключевых слов и о том, как это исправить.

Внутренние ссылки с Yoast SEO

Чувствуете себя немного ошеломленным всеми этими советами? У Yoast SEO есть удобные инструменты, которые значительно упрощают создание внутренних ссылок.

Счетчик текстовых ссылок

Yoast SEO визуализирует ваши ссылки, чтобы вы могли их оптимизировать. Он показывает внутренние ссылки в сообщении и внутренние ссылки на сообщение. Вы можете использовать этот инструмент для улучшения структуры вашего сайта, улучшая связи между вашими связанными сообщениями. Убедитесь, что у ваших краеугольных камней больше всего (релевантных) ссылок!

Yoast SEO Premium также поможет вам с вашими внутренними ссылками.Наш инструмент внутренних ссылок покажет вам, какие статьи связаны с той, которую вы пишете, так что вы можете легко ссылаться на них: просто перетащив ссылку в свой редактор!

Предложения по внутренним ссылкам включают даже другие типы контента.

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

Читайте дальше: Как использовать Yoast SEO для вашей краеугольной контентной стратегии »

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

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

Хотите улучшить структуру своего сайта, но не знаете, с чего начать? Пройдите обучение по структуре сайта ! Это часть нашей подписки на обучение Yoast SEO Academy. Мы шаг за шагом проведем вас через весь процесс.

Продолжайте читать: WordPress SEO: полное руководство по повышению рейтинга сайтов WordPress »

Он существует? • Yoast

Михиэль Хейманс

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

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

Домашняя страница SEO

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

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

Содержание краеугольного камня

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

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

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

Оптимизация домашней страницы: стиль SEO

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

  • Убедитесь, что заголовок страницы посвящен вашему бренду или основному продукту;
  • Добавьте четкий, узнаваемый логотип в верхнем левом углу для брендинга;
  • Должен быть четкий призыв к действию, привлекающий внимание;
  • Не забудьте структурировать свое меню;
  • Предоставьте карты OpenGraph и Twitter для лучшего обмена в социальных сетях;
  • Убедитесь, что мета-описание заполнено, упоминает ваши УТП и приглашает посетителя на ваш веб-сайт;
  • Изображения продуктов выглядят привлекательно, но на странице также требуется текстовая информация или отличный слоган;
  • Не загромождайте свою домашнюю страницу миллионами ссылок.Сосредоточьте внимание и не наводняйте нижний колонтитул или меню этими ссылками;
  • Контактные данные должны быть доступны на большинстве веб-сайтов, включая кнопки социальных сетей и, возможно, подписку на информационный бюллетень;
  • Если возможно, добавьте строку поиска (заметную или дополнительную).

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

Подробнее: Оптимизация домашней страницы »

Оптимизация меню вашего сайта для пользователей и для SEO • Yoast

Михиэль Хейманс

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

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

Меню веб-сайта

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

Как и многие другие веб-сайты, Greenday.com имеет первое меню в черной полосе, тогда как красная полоса также содержит ряд ссылок на внутренние или внешние страницы.Социальные профили, ссылки Apple Music и Spotify, а также подписка на информационную рассылку.

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

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

Недостатки слишком большого количества ссылок в меню вашего сайта

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

  • Облака тегов (что толку?)
  • Длинные списки ежемесячных ссылок на архив вашего блога (не используйте архивы дат!)
  • Бесконечно прокручиваемые страницы архива со ссылками на статьи (по крайней мере, добавьте выдержки и загрузите больше) статьи на свитке)
  • Сто категорий в списке (почему так много!)
  • Меню с подменю и под-подменю и так далее

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

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

Подробнее: Как навести порядок в структуре вашего сайта »

Идеальное меню

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

  • Какая структура меню лучше всего подходит для моего сайта?
  • Какие пункты меню должны хотя бы быть в моем меню?

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

Продолжайте читать: Полное руководство по структуре сайта »

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

Thijs de Valk

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

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

Прежде всего, что такое целевая страница?

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

Сосредоточьтесь на своих целевых страницах

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

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

Заголовки вашей целевой страницы

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

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

Изображения

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

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

Варианты оплаты

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

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

Википедия дает следующее описание термина «социальное доказательство»:

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

Оптимизация отзывов

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

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

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

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

Знаки безопасности и пломбы

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

CXL написал отличную статью о том, какие уплотнения работают лучше всего, прочтите и ее.

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

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

  • Focus
  • Заголовки
  • Изображения
  • Варианты оплаты
  • Социальное доказательство
  • Знаки безопасности

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

Подробнее: Мощность целевой страницы в Google Analytics »

Как создать структуру сайта, которая улучшит SEO

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

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

Почему структура имеет значение

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

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

Хорошая структура сайта означает удобство для пользователей.

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

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

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

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

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

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

Но как получить дополнительные ссылки? Вам не нужно просто перейти в Google Search Console и заполнить несколько полей формы. Вы не можете отправить запрос на дополнительную ссылку. Вместо этого алгоритм Google автоматически награждает веб-сайты дополнительными ссылками. И они делают это на основе отличной структуры сайта.

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

Хорошая структура означает лучшее ползание.

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

Поисковый робот

не обнаруживает автоматически всего на вашем веб-сайте. Google даже допускает, что «[на вашем сайте есть] страницы, которые мы не можем… обнаружить» или «URL-адреса, которые могут быть не обнаружены в ходе обычного процесса сканирования Google.(Это одна из причин, по которой необходимы карты сайта.) Однако сканерам будет намного проще получать доступ, сканировать, индексировать и возвращать страницы сайта с надежной структурой.

Хорошая структура сайта лежит в основе хорошей SEO-оптимизации для поисковых роботов.

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

Шесть шагов для создания структуры сайта

Теперь я расскажу вам, как создать такую ​​структуру сайта.

1. Перед разработкой веб-сайта спланируйте иерархию.

Если вы создаете веб-сайт с нуля, у вас есть прекрасная возможность спланировать структуру сайта для наилучшего возможного SEO. Еще до того, как вы начнете создавать страницы в CMS, спланируйте свою структуру. Вы можете сделать это на доске, в программе для работы с электронными таблицами (Excel, Google Sheets), в большинстве текстовых редакторов или в чем-то вроде Visio или OmniGraffle.

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

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

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

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

Иерархия сайта - это отправная точка для хорошей структуры сайта.

2. Создайте структуру URL-адресов, которая соответствует вашей иерархии навигации.

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

Итак, допустим, ваша иерархия выглядит так:

Структура URL-адреса китайского квартала будет выглядеть следующим образом:

www.kimsrestaurant.com/locations/chinatown

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

3. Создайте навигацию по сайту в HTML или CSS.

Создавая навигацию, делайте кодирование простым. HTML и CSS - ваш самый безопасный подход. Кодирование на JavaScript, Flash и AJAX ограничит способность сканера охватить хорошо продуманную навигацию и иерархию вашего сайта.

4. Используйте неглубокую структуру навигации.

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

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

5. Создайте заголовок, в котором перечислены ваши основные страницы навигации.

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

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

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

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

6. Разработайте комплексную внутреннюю структуру ссылок.

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

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

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

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

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

Заключение

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

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

Что вы посоветуете по улучшению структуры сайта?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

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

Заказать звонок

Как построить структуру сайта для SEO

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

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

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

В частности, мы рассмотрим:

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

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

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

При планировании структуры сайта необходимо учитывать:

  • Структуры URL-адресов
  • Меню навигации
  • Категоризация
  • Панировочные сухари
  • Внутренние ссылки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Хорошая структура сайта помогает поисковым системам сканировать ваш сайт и быстрее находить новые страницы (и изменения существующих страниц).

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

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

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

Правильная структура сайта поможет вам сделать это эффективно.

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

Мы уже определили, что хорошая структура сайта должна:

  • Группировать тематически связанный контент вместе
  • Выделите свои самые важные страницы
  • Держите контент простым и организованным в логической иерархии

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

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

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

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

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

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

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

Все начинается с тематического исследования ключевых слов.

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

Используйте инструмент Semrush Topic Research Tool, чтобы генерировать идеи по ключевым темам в вашей отрасли и заставить вас задуматься о наиболее эффективном способе группировки вашего контента и ключевых слов.

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

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

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

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

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

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

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

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

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

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

На этом этапе вы хотите подумать:

  • Основные темы, которые вы затронете (и будете использовать для основных страниц)
  • Подтемы в них (обычно основаны на длинных ключевых словах и вопросах)

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

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

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

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

Для этого можно использовать бесплатную платформу, например Gloomaps.

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

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

Допустим, ваша основная страница - yourdomain.com/pillar/. Это будет означать, что все содержимое вашего кластера находится по URL-адресам, например yourdomain. com/pillar/cluster-page-1/.

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

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

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

Вскоре мы коснемся внутренней ссылки.

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

И вам нужно хорошо подумать о том, как вы структурируете свои навигационные меню.

В качестве примера взгляните на первичную навигацию этих двух сайтов в одном секторе:

Сравните это с:

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

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

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

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

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

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

Вы можете использовать SEMrush Site Audit Tool для обнаружения страниц на существующем сайте, для которых требуется более 3 щелчков мышью, или которые являются потерянными.

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

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

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

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

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

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

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

  • Панировочные сухари
  • Контекстные внутренние ссылки
  • Навигационные ссылки

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

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

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

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


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

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

7 наглядных примеров для иллюстрации структуры сайта для дизайнеров

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

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

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

Почему структура сайта важна для дизайнеров?

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

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

Как выбрать лучшую структуру для вашего сайта

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

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

Элементы хорошей структуры веб-сайта (плюс наглядные примеры)

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

Давайте посмотрим на каждый из этих элементов и на то, как вы можете оптимизировать их в процессе проектирования:

Домашняя страница

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

Вот как разработать полезную навигацию / меню для вашего веб-сайта:

Навигация / меню

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

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

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

Основная навигация / меню (Источник)

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

Дополнительное вертикальное меню (Источник)

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

Категории и подкатегории

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

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

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

Категории и подкатегории (Источник)

Отдельные страницы / сообщения

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

Следы из хлебных крошек

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

Тропа из хлебных крошек (Источник)
Теги

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

Например, в блоге Grammarly используются такие теги, как «как сделать», «продукт» и «вдохновение» для группировки контента блога.

Теги блога (Источник)

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

Связанные теги (Источник)

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

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

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

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

Контекстные ссылки (Источник)

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

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

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

.

Об авторе

alexxlab administrator

Оставить ответ