Метод Content Brick. Как создать структуру веб-сайта быстрее и проще чем это было раньше? — Дизайн на vc.ru
Обычный способ создавать структуру сайта — это рисовать всем привычные MindMap схемы или проектировать User Flow, создавая вначале пользовательский путь и затем прототипировать структуру. Обычный Mindmapping не помогает это делать наглядно и быстро, поскольку на одной странице может быть множество информационных блоков и они должны быть перед глазами, когда проектируешь проект. И вообще, создание удобной структуры было прерогативой опытных веб-мастеров.
6907 просмотров
Немного статистики и исследования
Прежде всего мы провели некоторый анализ рынка. Около 80% пользователей создают карты сайтов с помощью инструментов ментальных карт.Они позволяют быстро создать структуру страниц, связать их ссылками и даже раскрасить блоки.
Таким образом, некоторые пользователи обращаются к специальным визуальным сервисам карт сайта.
Такие сервисы не позволяют отображать блоки контента внутри каждой страницы.
Недостаточно создать точную карту сайта без блоков контента внутри каждой страницы.
Karl Plaude, автор метода Content Brick
Метод Content Brick
Занимаясь веб-разработкой уже 18 лет, нам удалось придумать новый и очень простой способ создания структуры, превратив это в интересный и фановый процесс даже для новичков в вебе.
Только за один год количество пользователей, которые начали использовать этот метод выросло в три раза.
Сравнительная таблица роста трафика Octopus.do за год
Если вы все еще не верите, спросите о нас у Google, где мы вошли в топ 3 по релевантным ключевым словам. Вы также можете почитать сотни отзывов в Twitter
Сравнительная таблица органического трафика Octopus.
do за полгода.
Как нам это удалось?
Метод Content Brick был придуман нами в 2016 году и увеличил скорость и простоту проектирования структуры веб-сайтов в несколько раз благодаря созданию и распределению контентных блоков для каждой отдельной страницы и последующему объединению этих страниц в одну общую структуру.
Давайте начнем с начала и объясним все более подробно.
История создания метода Content Brick
Еще до создания инструмента Octopus из нашей многолетней практики создания веб-сайтов мы поняли, что проектировать структуру сайтов было удобнее и быстрее всего на обычных бумажных стикерах.
Это звучит смешно, но мы действительно делали прототипы сайтов на бумажных стикерах вплоть до 2019 года, пока не создали Octopus и вот почему.
В руках была стопка небольших стикеров с фломастером и поверхность стола где можно было удобно раскладывать подписанные стикеры.
Один стикер — это одна страница сайта (page).
Стоить заметить, что форма прямоугольника что у сайта, что стикера одинаковая.
Octopus page
Страница сайта не может быть пустой (хотя и такие бывают), на ней обязательно будет контент, например текст, картинка, анонс новости, список услуг, форма связи и тд. Даже маленький текст “ошибка 404” — это контент.
Поэтому, визуализируя информационную структуру страницы сайта, мы фломастером на стикере делали список контентных блоков, отмечая каждый буллетом. Эти контентные буллеты на стикерах мы называли кирпичами, наверное потому, что строили веб-сайт. Таким образом мы скоро стали называть их Content Brick или Content Block, но название прижилось первое.
Octopus Content Brick Method
Content Brick — логическая еденица контента на странице
За несколько часов на столе появлялось множество листочков (будущих страниц веб-сайта — Page), разложенных в иерархическом порядке. И каждый такой листочек содержал в себе список Content Brick.
Это было действительно наглядно. Благодаря Contents Brick на листочках можно было спроектировать количество будущих страниц и связи между ними.
Как все начиналось
Каждый стикер — это страница сайта или приложения, а буллеты — информационные блоки (content brick), благодаря которым можно спроектировать количество страниц, контент и связи между страницами.
Кстати вы по прежнему можете использовать бумажные стикеры и фломастер или воспользоваться Октопусом.
Несколько простых шагов «Content Brick» для проектирования структуры сайта или приложения
Шаг 1. Mainpage First vs Structure First
Первое, с чем вам нужно определиться, — это с методом выбор построения структуры веб-сайта: Mainpage First или Structure First (начинать с главной страницы или с общей структуры)
Mainpage First
Нетрудно догадаться, что это путь создания структуры, начинающийся с главной страницы. Для начала создайте главную страницу и в ней постарайтесь представить будущее содержимое контента с помощью content brick.
Например, что может быть на главной странице?
- Header
- About
- Introduction
- News
- List of products
- Footer
Теперь у вас появилась мощная отправная точка, чтобы решить, какие будут следующие страницы веб-сайта, который вы проектируете. Все, что вам остается, — это таким же способом описать следующие страницы и определить иерархическую связь между ними.
Structure First
Это наш любимый метод. Он начинается с продумывания всех основные страниц сайта сразу и далее концентрации на каждой странице отдельно. Например, нам нужно разработать корпоративный сайт. Порыскав в Интернете, можно достаточно просто создать структуру из следующих разделов:
Пример структуры Octopus
Теперь, имея готовую структуры, мы переходим к страницам, отдельно продумывая содержимое контента для каждой из них с помощью уже вам известных content brick.
Lifehack:
Если вы не хотите создавать структуру с нуля или вам просто лень, вы можете воспользоваться нашим visual sitemap generator и посмотреть структуру любого сайта в Интернете или взять готовые примеры, которые мы сделали site map examples.
Шаг 2. Визуализация контентных блоков
Выше мы разобрали, что у каждой страницы есть логические контентные блоки. Но как лучше представить отдаленное визуальное очертание будущих веб-страниц и разбить каждую страницу на графические блоки? Давайте рассмотрим простой пример:
Титульная страница состоит из таких Content Bricks:
- Header
- Sign Up
- About
- Introduction
- Features
- Video
- Images
- Footer
Все вроде понятно, но картина будет более полной, если мы увидим первое графическое очертание этой страницы.
Это поможет всем участникам процесса увидеть, из каких графических блоков будет состоять каждая страница на сайте.
Посмотрите, что получится, если мы добавим этим блокам немного графики (вайрфреймы):
Octopus Wireframes
Согласитесь, это совсем другое дело.
Lifehack:
Вам не нужно долго думать какой wireframe отнести к тому или иному контентному блоку, мы это уже сделали за вас. Их не так много (всего 21), но зато они самые ходовые. Вам остается только быстро выбрать нужный.
Low fidelity website wireframe templates
Немного технической информации:
Что такое low fidelity wireframe?
Low fidelity wireframe можно сравнить с наброском или эскизом. Это самый простой и быстрый способ визуализации будущей веб-страницы или интерфейса. Он примерно показывает, какая информация и где будет отображаться на экране.
Шаг 3. «Вид с высоты птичьего полета» и подсчет веб-проекта
Выше мы рассказали о том, что вам может дать метод проектирования сайтов Content Brick.
Но он может вам дать еще одно важное преимущество — «Вид с высоты птичьего полета».
Видите ли, когда у вас есть вся структура сайта с подробным описанием контентных блоков каждой страницы, вы можете в буквальном смысле увидеть весь сайт целиком и осознать его масштаб.
Такого преимущества вам не даст простой mindmapping. Например со своими разработчиками вы сможете оценить количество часов, которое будет затрачено на разработку будущего проекта, причем сегментировать это для каждого этапа разработки (design, frontend, development, testing и тд) или дать задание копирайтеру, который начнет готовить тексты, ведь у него уже все будет перед глазами.
Заключение
Content Brick — простой и эффективный способ планирования контента и создания структуры веб-сайта. Вам теперь не нужно быть гуру в сайтостроительстве — и в этом есть его основное преимущество.
Но это не означает, что вам теперь ничего не надо будет делать и структура сайта появится сама собой, хотя мы к этому стремимся.
Как создать структуру сайта на основе семантики: полный гайд
45817 52
| SEO | – Читать 12 минут |
Прочитать позже
Анастасия Сотула
Редактор блога Serpstat
Часто информация на сайтах организовывается так, как кажется удобным их создателям. Однако подобная система неудобна для реальных посетителей, т. к. не совпадает с их знаниями и пониманием специфики товара. Поэтому система организации на таких сайтах не только не помогает найти желаемое, но даже мешает этому.
Структура, которая ориентирована на пользователя, значительно увеличивает шансы того, что посетители быстро найдут на сайте нужную информацию или товар. В этой статье я расскажу о том, как составить структуру сайта с помощью семантики.
Содержание:
1. Подбор семантики
— Подбор базовых слов с помощью Яндекс.Вордстат и Google AdWords
— Подбор слов с помощью Serpstat
2. Изучение структуры сайтов конкурентов
— Поиск потенциальных конкурентов с нуля
— Поиск конкурентов конкретного сайта
3.
Группировка запросов
4. Создание структуры
Заключение
Структура сайта — это логически выстроенная разметка информации на сайте. Она необходима для создания максимально удобного интерфейса, который будет четко соответствовать требованиям пользователей.
Семантическое ядро — отличный источник для составления структуры сайта. Именно благодаря семантическому ядру можно создать сайт, который максимально удовлетворит требования всех поисковиков и выведет сайт в топовые места в поисковой выдаче.
Я приведу несколько вариантов сбора семантики для составления структуры интернет-магазина тюлей.
ШАГ #1
Подбор семантики
Подбор базовых слов с помощью Яндекс.Вордстат и Google Ads
Подумайте, какие ключевые фразы описывают ваш сайт, какие товары вы предлагаете, какие услуги осуществляете.
Ваша цель собрать базовый костяк фраз, от которого и нужно отталкиваться при составлении семантического ядра.
При его составлении можно воспользоваться инструментами Яндекс.Вордстат и Google AdWords.
Перед сбором семантики в Яндекс.Вордстат рекомендую для удобства работы скачать расширение Wordstat Helper. После установки делаю следующее:
В поисковой строке набираю слово «тюль».
Из полученного списка выбираю подходящие фразы, добавляю их в Wordstat Helper.
Копирую результаты в буфер.
Подбор слов с помощью Google AdWords происходит схожим образом:
Набираю в поисковой строке необходимое слово.
Выделяю галочками подходящие фразы.
Как подобрать семантическое ядро для сайта: 4 метода
| Читать! |
Подбор слов с помощью Serpstat
Не могу не отметить подбор семантики в Serpstat. Для начала введу в поисковой строке ключевой запрос «тюль», выбрав поисковую систему «Google Украина» и перейду по вкладке «Ключевые фразы» (или можно перейти в меню «Анализ ключевых фраз» → «SEO-анализ» → «Подбор фраз»).
Также, чтобы проанализировать фразы, можете просто ввести свой запрос в форму ниже:
В полученных результатах есть фразы, которые не подходят для создания семантического ядра. Например, такие фразы как «отбелить тюль», «как стирать тюль», «какого рода слово тюль» не подходят, поскольку мой сайт специализируется именно на продажах, а не на предоставлении услуг по стирке и отбеливанию.
Кроме того, меня не интересуют фразы с топонимами, а также фразы с неправильным написанием. Чтобы исключить их из списка, настрою фильтры:
Отсортирую полученные результаты по частотности («Частотность») так, чтобы вверху списка остались только высокочастотные запросы. Для этого надо нажать на стрелку слева.
Теперь меня на 100% устраивает полученный результат. Экспортирую таблицу и сохраню ее в Google Docs для дальнейшей работы.
Главное на этом этапе собрать максимально полное семантическое ядро. Однако я не буду подробно останавливаться на его сборе.
Это тема отдельной статьи, которую мы уже написали.
Как собрать семантическое ядро, чтобы полностью охватить тематику
| Читать! |
Хотите узнать, как собрать полное семантическое ядро с помощью Serpstat?
Заказывайте бесплатную персональную демонстрацию сервиса, и наши специалисты вам все расскажут! 😉
| Оставить заявку! |
ШАГ #2
Изучение структуры сайтов конкурентов
Изучать конкурентов следует, во-первых, для того, чтобы расширить свою семантику, а во-вторых, если вы только планируете создавать свой сайт, сравнение семантики и структуры конкурентов в выбранной нише сэкономит вам время и поможет сразу определиться с тем, как нужно составлять структуру для вашего сайта. Рассмотрю оба варианта подробнее.
Вариант #1
Поиск потенциальных конкурентов с нуля
Если вы только планируете создавать сайт и хотите узнать своих потенциальных конкурентов и проанализировать их структуру, делаем следующее:
Вводим ключевую фразу, по которой будет ранжироваться будущий сайт.
К примеру, «купить тюль».
Выбираем регион (Google Украина).
Переходим в меню по вкладке «SEO-анализ» → «Конкуренты».
При необходимости можно добавить в список любой другой домен. Жмем «Применить».
Получаем список потенциальных сайтов-конкурентов, который можно сохранить и экспортировать (он чуть позже понадобится).
Теперь, когда мне известны конкуренты в выбранной нише, я могу посмотреть и проанализировать их каталоги и составить структуру своего сайта. В дальнейшем можно будет дополнить ее с помощью Serpstat, но я рекомендую сначала анализировать сайты топовых конкурентов, поскольку это сэкономит вам время.
Я буду анализировать каталоги сайтов интернет-магазинов штор «Ланита» и «Пан Гардин»:
Основываясь на структуре вышеприведенных сайтов, я могу сформулировать приблизительные названия своих фильтров:
Как собрать максимально полное семантическое ядро и провести точечную SEO-аналитику + документ с готовой семантикой
| Читать! |
Вариант #2
Поиск конкурентов конкретного сайта
Этот вариант подойдет тем, кто хочет улучшить позиции своего сайта, но не знает с чего начать.
Для определения конкурентов конкретного сайта делаем следующее:
Переходим в меню «Анализ доменов» → «SEO-анализ» → «Сравнение доменов».
В поисковой строке вводим домен нашего сайта.
Выбираем поисковую систему (Google Украина).
Из предложенного списка выбираем два домена сайтов-конкурентов. Жмем «Сравнить».
Мы получили график, по которому можно посмотреть количество общих и уникальных ключевых фраз. Для нашего сайта полезна информация в столбце «уникальные ключевые фразы».
Из уникальных ключевых слов можно выбрать те, которые помогут расширить структуру нашего сайта.
Как собрать семантическое ядро самостоятельно с помощью Serpstat
| Читать! |
ШАГ #3
Группировка запросов
Итак, я уже получила базу подходящих ключевых слов. В Serpstat есть еще один полезный инструмент под названием «Кластеризация», который позволяет группировать фразы по смыслу. Воспользуюсь им.
Для этого в меню слева выбираю «Инструменты» → «Кластеризация»:
Подробнее о том, как правильно настраивать и пользоваться этим инструментом читайте в нашей статье о кластеризации.
Я уже загрузила базу найденных ключевых слов в инструмент «Кластеризация» и теперь могу посмотреть кластеры, по которым сформировались ключевые слова. В меню при создании кластера указываю силу связи «Strong» и тип кластеризации «Hard» для того, чтобы кластеры получились с максимальной однородностью. Собранную информацию я использую при создании «скелета» структуры своего сайта.
Если у вас получится не тот результат, на который вы рассчитывали — попробуйте сгруппировать фразы иначе с помощью перекластеризации. Подробнее о ней читайте в статье Перекластеризация без потери лимитов.
Из сформированного отчета вижу, что Serpstat выделил несколько категорий ключевых слов со словом «тюль»: «тюль в комнату», «тюль кухня», «тюль в спальню», «тюль детская» и другие варианты.
Эти кластеры помогут мне сформулировать основные характеристики тюлей, которые интересуют мою ЦА.
Теперь приступлю к созданию «скелета» структуры сайта. Я сгруппирую собранные запросы по смыслу в отдельной таблице. В каждой из групп должны быть уникальные фразы, схожие между собой по смыслу. Это нужно для того, чтобы понять базу интересов по конкретной фразе и чтобы в дальнейшем можно было четко прописать название фильтров.
У меня есть общий список запросов по ключевому слову «тюль» и фразы, которые чаще всего с ним ищут. Эти фразы дадут мне идею для названия будущих категорий сайта.
Хотите узнать об инструментах Serpstat, которые помогут вам при сборе семантического ядра?
Заказывайте бесплатную персональную демонстрацию сервиса, и наши специалисты вам все расскажут! 😉
| Оставить заявку! |
ШАГ #4
Создание структуры
Основываясь на информации из собранных кластеров, базы собранной семантики и сгруппированных запросов я могу точно прописать, что конкретно интересует мою ЦА:
локация, для которой нужен тюль
материал
цвет ткани
рисунок
распродажа
Чтобы пользователи смогли найти нужный товар на сайте, необходимо создать фильтры.
Общие запросы я перенесу в основную товарную категорию — раздел сайта «тюль», остальные фразы «тюль на кухню», «тюль органза» и другие помещу в фильтры (теги).
Дополню и сформулирую названия для них для того, чтобы структура подкатегорий была логически законченной. Кроме того, я добавлю категории на основе анализа конкурентов.
Финальный вариант структуры магазина тюлей выглядит теперь так:
Готово!
Как правильно собирать ключевые фразы для SEO: пошаговая инструкция
| Читать! |
Заключение
Итак, для того, чтобы составить структуру сайта, необходимо:
Собрать семантику по ключевой фразе.
Разбить собранные фразы на группы с помощью инструмента «Кластеризация».
Сгруппировать собранные запросы по смыслу в графике или таблице.
Прописать название фильтров, оформить финальную структуру подкатегорий.
Чтобы быть в курсе всех новостей блога Serpstat, подписывайтесь рассылку.
А также вступайте в чат любителей Серпстатить и подписывайтесь на наш канал в Telegram.
Serpstat — набор инструментов для поискового маркетинга!
Находите ключевые фразы и площадки для обратных ссылок, анализируйте SEO-стратегии конкурентов, ежедневно отслеживайте позиции в выдаче, исправляйте SEO-ошибки и управляйте SEO-командами.
Набор инструментов для экономии времени на выполнение SEO-задач.
Получить бесплатный доступ на 7 дней
Оцените статью по 5-бальной шкале
4.27 из 5 на основе 136 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.
Рекомендуемые статьи
SEO
Владислав Яременко
Покупка дроп-доменов: что это, и как найти свободный домен для бизнеса
Обновления Serpstat +2
Yuliia Zadachenkova
Эти 2 инструмента прокачают вашу семантику: «Поисковые подсказки» и «Похожие фразы»
SEO +1
Georgy Lavrinenko
▷ Как собрать ключевые слова для продвижения сайта: пошаговая инструкция
Кейсы, лайфхаки, исследования и полезные статьи
Не успеваешь следить за новостями? Не беда! Наш любимый редактор подберет материалы, которые точно помогут в работе.
Только полезные статьи, реальные кейсы и новости Serpstat раз в неделю. Присоединяйся к уютному комьюнити 🙂
Нажимая кнопку, ты соглашаешься с нашей политикой конфиденциальности.
Поделитесь статьей с вашими друзьями
Вы уверены?
Спасибо, мы сохранили ваши новые настройки рассылок.
Сообщить об ошибке
Отменить
Как спланировать структуру сайта? 9 шагов, чтобы сделать это правильно!
Руководство по планированию структуры веб-сайта покажет вам, почему и как планировать ваш веб-сайт.
Так что вы улучшаете SEO и пользовательский опыт.
Дело в том, что SEO и пользовательский опыт работают вместе. Так что лучше планировать заранее, а потом переходить к дизайну.
Да, я знаю, что заманчиво сразу перейти к визуальному дизайну. Но этот процесс упрощается, если вы знаете, что вы получаете для своего бизнеса.
Какова структура сайта?
По сути, это то, как ваши сайты связаны между собой.
Как ваши главные страницы ведут к более глубоким страницам вашего сайта. Вы можете увидеть, как построены ваша навигация и карта сайта.
Зачем планировать структуру сайта?
Ну, вы не построите дом без плана, так зачем вам создавать свой бизнес-сайт без него.
Это может помочь улучшить ваш пользовательский опыт, SEO, ваши внутренние ссылки и простоту использования.
Вы должны понимать, что планирование структуры касается не только основного сайта, но и блога и внутренних ссылок.
Давайте углубимся в детали.
Улучшает взаимодействие с пользователем вашего веб-сайта
Если мы разберем сайт до его голых костей. То есть мы убираем цвета, шрифты и другие элементы дизайна, остается только структура.
Видите ли, если посетитель все еще может легко найти всю информацию, это улучшает его пользовательский опыт.
И самое главное посетитель дольше остается на вашем сайте.
Это напрямую повлияет на вашу поисковую оптимизацию. Поскольку поисковые системы анализируют данные, такие как показатель отказов и время, проведенное на вашем веб-сайте, то чем дольше посетитель находится на вашем веб-сайте, тем лучше он будет выглядеть в поисковых системах.
Поэтому убедитесь, что ваша навигация имеет смысл и ваши посетители могут быстро и легко находить важные страницы.
Если мы спланируем структуру, это также может помочь вам создать группы страниц (также называемые хранилищем контента).
Но об этом позже.
Хорошая структура облегчает сканирование вашего веб-сайта
Чтобы ваш веб-сайт отображался в поисковой системе, он должен быть доступен для поисковых роботов.
Кроме того, чтобы поисковые роботы могли обнаружить ваши страницы, ваш веб-сайт должен иметь хорошую структуру.
Даже больше, потому что может случиться (даже с Google), что они не смогут найти каждую страницу на вашем сайте.
Поэтому наличие карты сайта имеет решающее значение.
Хорошая структура сайта улучшает SEO
Во многом это связано с тем, что если вы планируете свою структуру, вы также будете планировать свои группы контента,
. рассказать поисковой системе о том, как ваш контент связан.
Вы помните, что я говорил о бункерах, верно? Ну вот и пригодится.
При создании групп контента вы создаете внутренние ссылки между этими страницами.
Еще важнее знать, какой сайт получает больше всего обратных ссылок, поэтому вы передаете полномочия с этого сайта другим.
Видите ли, обычно большинство обратных ссылок ведут на вашу домашнюю страницу. Поэтому хорошей идеей будет иметь ссылку оттуда на ваши услуги и блог.
Хорошо структурировать свою домашнюю страницу как страницу предварительного просмотра того, что вы делаете и предлагаете.
Планирование структуры веб-сайта поможет вам установить цели и ожидаемые результаты
О чем я говорю?
Что ж, если вы планируете структуру своего веб-сайта, вы также изучаете своих конкурентов и ключевые слова.
Таким образом, вы получите хорошую основу для планирования навигации, плана и структуры контента.
Имея все это, вы получаете оценку того, сколько трафика вы можете получить.
Если вы делаете план для нового веб-сайта или веб-сайта, который только что лежал в сети, то вы ориентируетесь и на самые простые ключевые слова с наибольшим поисковым трафиком, который они могут предложить.
Это также зависит от вашего языка и региона. Если вы ищете ключевое слово на более крупных рынках, таких как Великобритания, Германия или США, то вы, вероятно, хотите, чтобы ваши ключевые слова имели около 1000 ежемесячных объемов поиска.
Но вы можете пойти на меньшую цену, если хотите быть более уверенным, что получите трафик.
Когда у вас есть оценка трафика, вы также можете начать говорить о конверсиях и о том, что вам нужно сделать, чтобы повысить CRO.
Посмотрите, как все взаимосвязано, чтобы вы могли реально спланировать успех своего веб-сайта.
Давайте углубимся в шаги, которые помогут вам создать структуру вашего веб-сайта.
Почему недостаточно просто создать простую структуру и карту сайта?
Создав структуру сайта, вы избавите себя от головной боли. Потому что у вас будет список страниц и заголовков прямо перед вами при создании страниц.
Кроме того, вы будете заранее знать описания своих страниц. Ну, по крайней мере, вы их запланируете.
Это означает, что у вас не будет:
- Отсутствующих описаний страниц
- Повторяющихся заголовков
- Повторяющихся описаний страниц
Дело в том, что, проведя исследование и структуру веб-сайта перед его разработкой, вы знать, где и что ищут ваши потенциальные клиенты и как вы будете сравнивать с вашими конкурентами.
Как видите, простой карты сайта и структуры недостаточно.
Они не показывают вам правильную картину, если нет исследований, подтверждающих это.
Проведя исследование, вы точно знаете, какие страницы создавать, как будет выглядеть структура веб-сайта и какой контент вам понадобится. Заранее планируйте контент-маркетинг.
Основные шаги по созданию структуры веб-сайта
Здесь вы узнаете, как ее спланировать и какие шаги нужно предпринять, чтобы получить от нее максимальную отдачу.
Вы также должны знать, что это будет работать для нового или уже существующего веб-сайта, который нуждается в редизайне.
Вот как я это делаю, если мне нужно создать ваш веб-сайт или интернет-магазин.
1. Начните с получения основных сведений о вашем бизнесе
Что это значит?
Это означает знакомство с собственным бизнесом.
Важно не только то, когда вы разговариваете с дизайнером или кем-то еще, кто будет создавать ваш сайт. Это важно, когда и для вас тоже.
Вы не поверите, что можете узнать о собственном бизнесе.
Если бы я делал ваш сайт, я бы спросил вас:
- В какой отрасли вы работаете?
- Кто ваши конкуренты?
- Какие товары или услуги вы продаете?
- Каков диапазон цен?
- Какие есть альтернативы вашему деловому предложению?
Это определит отправную точку вашего или моего исследования. Он предоставит основную информацию, которая уверит вас, что вы можете видеть, что они делают, и где вы стоите по сравнению с ними.
Он также покажет, чем вы отличаетесь от них.
Ну по крайней мере в базовой шкале.
И это основы, необходимые для проведения правильного исследования ключевых слов.
2. Начните исследование ключевых слов
Следующим моим шагом будет погружение в исследование ключевых слов.
Все самое интересное начинается здесь. Вы собираетесь выйти в Интернет и начать поиск ключевых слов и терминов, которые могут привлечь трафик.
Вы знаете трафик, который может увеличить ваш доход.
Вы заметите, что в этой статье я использую бесплатные инструменты, которые, на мой взгляд, действительно могут помочь вам лучше понять работу и процесс, поскольку вы можете попробовать их сами.
Однако я должен сказать, что платные инструменты содержат еще больше данных, чтобы дать большее преимущество при проведении исследований по ключевым словам вашего бизнеса.
Первое, что нужно сделать, это установить надстройку Google Chrome или Mozilla Firefox под названием Keywords Everywhere.
Этот инструмент покажет вам объем поиска и конкуренцию, с которой вы столкнетесь.
Как показано на рисунке ниже.
Предположим, у вас есть физиотерапевтический бизнес, и вы хотите создать новый веб-сайт.
В данном случае я искал основной термин «физиотерапия».
Вы можете увидеть объем поиска, цену за клик и конкуренцию.
Но это еще не должно быть тем, что вам нужно.
Вероятно, это будет основное ключевое слово вашего нового веб-сайта, которое будет описывать ваш бизнес.
Далее вы хотите проверить соответствующие термины, которые обычно находятся внизу страницы поиска Google.
Сохраните эти условия в свой лист или документ с объемом поиска и конкуренцией.
Затем посмотрите, какие ключевые слова везде нашли по связанным терминам в правой части страницы поиска.
Сохраните и это. На изображении видно, что эти условия можно экспортировать в CSV. Затем вы можете легко добавить их в свой лист Google.
В Keywords Everywhere есть одна приятная функция, которая показывает, что еще ищут люди, и обычно это довольно длинный список.
Это не значит, что все эти ключевые слова вам подходят. На данный момент вы просто ищете идеи и ключевые слова, которые могут вам помочь.
Это находится под соответствующим ключевым словом в правой части экрана.
Но это должно быть только началом вашего исследования.
Сохраните его, чтобы вы могли проверить его в дальнейшем. Я рекомендую Google Docs или другое программное обеспечение, такое как Microsoft Excell (у вас есть бесплатное онлайн-приложение, если вы хотите его проверить).
Прежде чем перейти к следующему инструменту… Вам следует пройтись по всем этим ключевым словам, которые у вас есть сейчас, и посмотреть, сможете ли вы получить еще больше идей из похожих поисков.
Для этого просто загуглите все ключевые слова одно за другим. А затем идите и погуглите те, которые вы найдете снова.
Убедитесь, что вы помещаете их в электронную таблицу и записываете объем поиска и конкуренцию.
Что касается конкурса, я бы сказал, что если ваш сайт не имеет большого авторитета или это новый сайт, не превышайте балл конкурса 0,20.
Как и в случае с этими ключевыми словами, вы хотите сначала получить первоначальный трафик, который повысит производительность вашего сайта.
Конечно, в конце вы должны удалить дубликаты, чтобы не повторять термины, которые вы уже изучили.
Все эти исследования ключевых слов также покажут вам, какие поисковые цели стоят за ними и какие типы постов вы должны планировать.
Важно, чтобы вы не создавали сообщение для поискового запроса, по которому Google ранжирует только продукты, потому что у вас не будет шанса попасть в топ, независимо от того, насколько легкая конкуренция или насколько хорош ваш пост.
3. Исследование конкуренции
На этом этапе мы технически все еще находимся на исследовании ключевых слов, но мы собираемся углубиться в конкуренцию вашего веб-сайта.
Мы посмотрим, какой предполагаемый трафик веб-сайты получают от ранее найденных ключевых слов. Также важно проверить варианты ключевых слов на веб-сайтах ваших основных конкурентов.
Это даст вам представление о том, как вы можете добиться большего успеха.
Итак, следующий шаг — взять одно ключевое слово и проверить, кто ранжируется по нему.
Я взял ключевое слово «что такое физиотерапевтическое лечение» и поискал его в Google. См. изображение ниже.
Я взял сайт, который стоит первым в списке. Вы должны хотя бы просмотреть результаты на первой странице. Чтобы найти еще лучшие возможности, рекомендуется изучить и вторую страницу.
Теперь, когда вы получили URL-адрес веб-сайта, перейдите на Ubersuggest. Вставьте URL-адрес и посмотрите их лучшие страницы.
Ubersuggest Top SEO Pages Как вы можете видеть, есть главные страницы выбранного веб-сайта с возможностью просмотра большего.
Вы также можете видеть, что предполагаемые посещения высоки. Это означает, что они получают много трафика из органического поиска.
Примечание. Поскольку Google показывает результаты локального поиска для физиотерапии, я выбрал термин, что такое физиотерапевтическое лечение.
Поэтому я могу показать вам, как вы можете помочь своему бизнесу, найти конкурентов и попытаться превзойти их. На данный момент речь идет о домене и связанных с ним ключевых словах, а не только о теме. Но вы будете просматривать определенные страницы на этих веб-сайтах, чтобы найти возможности по этой теме.
Помимо предполагаемого трафика, вы можете увидеть кнопку «просмотреть все», показанную на изображении ниже. Мы посмотрим, какие ключевые слова связаны с этой конкретной страницей на этом веб-сайте. Это поможет с этой темой.
Теперь нажмите ее, и вам будут показаны ключевые слова, по которым ранжируется страница. Так.
Ключевое слово в предложении ключевого слова для конкретной страницы Сначала вы увидите первые 10 ключевых слов.
У вас есть возможность увидеть объем поиска, сложность SEO, предполагаемое количество посещений, рейтинг страницы и т. д.
Вы также можете просмотреть следующие 10 ключевых слов или экспортировать ключевые слова в файл CSV, который можно открыть в Excel или Google Таблицы.
Теперь ищите ключевые слова с большим количеством поисковых запросов и низкой конкуренцией.
Я бы посоветовал вам искать ключевые слова с не менее 100 поисковыми запросами в месяц, в идеале не менее 500. ).
Теперь, если мы посмотрим на список, мы сразу же увидим две большие возможности ключевого слова.
Эти два ключевых слова имеют хороший объем поиска и довольно низкую конкуренцию. Кроме того, эти двое отлично подходят для поста.
Так вы делаете это для каждого ключевого слова и конкурентов. Даже для конкурентов, которых вы знаете раньше.
Вы проверите их и, возможно, найдете хорошую возможность, которую сможете использовать.
Конечно, мы хотим проверить дальше.
Итак, мы копируем их и открываем новую вкладку с Ubersuggest и вставляем в строку поиска, и мы получаем то, что показано на изображении ниже.
Вы можете увидеть, как Нил Патель говорит вам, что это ключевое слово довольно легко ранжируется, и у вас есть 90% шанс оказаться в топ-20.
С хорошим постом еще выше.
Но это еще не все, что вы можете получить на этой странице.
Под этим экраном вы можете увидеть предлагаемые ключевые слова. Эти ключевые слова могут помочь вам понять, что люди на самом деле вводят в поиск Google.
Их приятно иметь в теле сообщения. Но не переусердствуйте, так как наполнение ключевыми словами ни к чему вас не приведет.
Не забудьте сохранить ключевые слова и исключить те, которые не подходят. Получите как можно больше вариантов ключевых слов, а затем, проверив их, исключите те, которые не будут работать.
После того, как вы просмотрите весь список своих ключевых слов и у вас есть только те, которые повышают ваши шансы на высокий рейтинг, вы начинаете добавлять заголовки контента.
Кроме того, теперь у вас есть оценка потенциального трафика. Теперь представьте, что вы получаете 10 или 20% этого трафика, что это будет означать для вашего бизнеса?
Это можно сделать для любого ключевого слова и любого веб-сайта, который вы хотите проверить и улучшить в своей SEO-игре.
Убедитесь, что вы ставите себя на место своего клиента. Правильный клиент. Кроме того, проверьте, какие типы сообщений находятся на первой странице, чтобы вы знали, как сформулировать свой пост.
Это список, инфографика или образовательный пост. Кроме того, убедитесь, что вы смотрите, какие результаты находятся на первой странице.
Есть ли страницы, которые являются коммерческими и продают или есть продукты? Это скажет вам, что ключевое слово подходит для ранжирования продукта, а не поста.
Обязательно проверьте эти параметры, так как они определяют цель поиска пользователя. Ну, по крайней мере, Google пытается это угадать (и у него это неплохо получается).
Только не забудьте выбрать страну, в которой вы пытаетесь получить рейтинг, чтобы получить соответствующие данные.
Для этого краткого исследования я выбрал США.
Итак, теперь, когда мы провели исследование, мы можем перейти к нашей основной задаче — планированию структуры веб-сайта.
4. Спланируйте иерархию веб-сайтов
Теперь ваша работа начинается по-настоящему.
На этом этапе вы в основном создадите систему, которая будет упорядочивать ваши данные логичным и удобным для пользователя способом.
Вы создаете диаграмму с основными страницами вверху, а затем переходите сверху вниз, чтобы структурировать свои темы.
Убедитесь, что это просто. Это поможет вам, когда вы начнете создавать свою навигацию и структуру URL.
Примерно так.
Я сделал это в бесплатном редакторе Canva. Но вы легко создадите это в программе для работы с электронными таблицами.
Вот несколько вещей, о которых следует помнить:
- Как сказано выше, сделайте это логичным, так как это ваша основа для структуры URL
- Не создавайте слишком много категорий. Убедитесь, что вы находитесь где-то между 2 и 7. Я знаю, что если у вас крупный бизнес, у вас будет больше.
- Если возможно, убедитесь, что вы создаете симметричную структуру или близкую к ней. Мы, люди, любим даже визуальные эффекты. Но, как вы увидите, это возможно не во всех случаях.
Вот как это выглядит в упрощенном виде, но давайте немного конкретнее.
5. Создайте структуру URL-адресов веб-сайтов
Теперь давайте посмотрим, как все это сочетается.
Наиболее распространенная структура URL выглядит следующим образом.
У вас есть домашняя страница, услуги, о нас, отзывы/работа, блог и контакты.
Это будет представлять вашу иерархию, структуру URL и основную навигацию.
Вы получите что-то вроде этого, простую диаграмму веб-сайта.
Отсюда вы можете легко получить структуру URL-адреса.
It would look something like this:
physiotherapy.com/about
physiotherapy.
com/services
physiotherapy.com/services/physiotherapy-for-back-pain
Как видите, я использую слова. Убедитесь, что в вашей структуре URL используются слова вместо идентификаторов, символов или форматов даты.
Это улучшит SEO и сделает сайт более привлекательным для посетителей.
По возможности используйте ключевые слова в URL-адресе, что особенно важно для ваших сообщений в блоге. Вы также можете увидеть это в структуре примера.
При создании структуры URL убедитесь, что вы используете дефисы (-), как показано в приведенном выше примере, не используйте символы подчеркивания (_).
Это лучше для SEO и удобства пользователей.
Но вы спросите, а как насчет сайта электронной коммерции?
Что ж, ваши шаги должны быть такими же. И структура URL с вашей диаграммой будет выглядеть примерно так, как показано на рисунке ниже.
Конечно, у вашего веб-сайта будут свои категории.
Теперь, когда у вас есть структура URL, пришло время создать навигацию.
6. Создайте простую и логичную навигацию
Если вы планируете структуру своего веб-сайта, как показано выше, у вас не должно возникнуть проблем с созданием навигации для вашего веб-сайта.
И это будет выглядеть примерно так.
Аналогичный принцип используется для навигации по веб-сайту электронной коммерции. Итак, вот пример этого, чтобы вы могли лучше понять, как это выглядит.
Навигация по веб-сайту электронной коммерции Сделайте его компактным, что означает, что ваши самые важные страницы не будут слишком глубоко скрыты в вашей навигации и структуре URL.
Не следуйте слепо правилу 3 кликов, но убедитесь, что ваши главные страницы легко доступны.
Это означает, что вашему пользователю не нужно зарываться на ваши страницы, чтобы найти информацию, которую он ищет.
7. Создайте свою навигацию с помощью HTML и CSS
Самый безопасный способ для поисковых роботов прочитать вашу навигацию — создать навигацию с помощью HTML и CSS.
Держитесь подальше от JS, flash, AJAX, потому что они могут ограничить доступ к вашей навигации.
И это было бы плохо для SEO.
Я также укажу здесь, что ваш заголовок должен включать название страницы и всю вашу навигацию верхнего уровня, как показано выше.
Не добавляйте слишком много элементов в навигацию верхнего уровня, так как это приведет к путанице, ухудшению UX и кластеризации. Вы этого не хотите.
Сделайте что-то вроде моего, простое и удобное в использовании.
Вы, наверное, заметили, что навигация обычно также помещается в нижний колонтитул.
Тем не менее, я бы порекомендовал вам включить в нижний колонтитул и другие ссылки, такие как политика конфиденциальности и условия.
В основном сайты, которых нет в основной навигации. Просто не добавляйте свои отдельные продукты. Это не место там.
8. Создайте стратегию внутренних ссылок
Так что же делает внутренняя симпатия?
Проще говоря, он передает «соки SEO» или авторитетность одной страницы другим страницам, на которые она ссылается.
Это важная часть SEO.
Вы можете посмотреть на это так: если ваш веб-сайт получает большинство обратных ссылок на вашу домашнюю страницу, важно, чтобы авторитет с вашей домашней страницы распространялся на другие страницы.
Некоторые из них проходят через вашу навигацию, но вы хотите, чтобы некоторые из них были в ваших сообщениях в блоге и на страницах категорий, если вы используете структуру бункера (будет показано ниже).
Внутренние ссылки — это то, что заставляет структуру вашего сайта работать на ваш сайт.
Это помогает сделать структуру логичной, помогает пользователям ориентироваться на вашем веб-сайте и устанавливает иерархию вашей общей информации.
Внутренние ссылки также помогают боту Google и другим поисковым системам быстрее находить ваш контент и страницы, когда вы добавляете новые.
В базовой версии каждая страница должна ссылаться по крайней мере на одну и получать обратную ссылку по крайней мере с одной. Это основная структура внутренних ссылок.
Чтобы действительно улучшить SEO, неплохо создать Силосная структура или тематические кластеры для категорий и сообщений вашего блога.
Помните, что чем больше ссылок между страницами, тем лучше.
Это передаст полномочия с вашей домашней страницы на ваши категории, а оттуда на ваши сообщения.
Важно знать, что вы избегаете, насколько это возможно, ссылок между категориями.
Ваши внутренние ссылки должны передаваться только между сообщениями в одной категории темы.
Что мне понравилось (я все еще планирую добавить это), так это то, что вы можете использовать страницы категорий в качестве вступления ко всем своим сообщениям по определенной теме.
Получится гигантская книга с главами. Самое приятное то, что это не только будет отлично выглядеть и привлекательно, но и поможет вам с SEO.
9. Создайте карту сайта для вашего веб-сайта
Хорошо, это последний.
Если вы все это сделали, вы также можете спланировать карту сайта. По сути, это все страницы вашего сайта в одном файле, который постоянно обновляется.
Дело в том, что большинство поисковых систем используют карту сайта, чтобы узнать о ваших новых страницах. Это также помогает поисковой системе индексировать ваши страницы быстрее, чем если бы у вас их не было.
Для этого существует множество инструментов (генератор Sitemap), но в большинстве CMS установлено что-то для его создания. Если вы используете WordPress, хорошим плагином для использования является плагин Yoast SEO, который сгенерирует его для вас.
Заключение
Теперь, когда у вас есть структура вашего веб-сайта, у вас есть потенциальный трафик, у вас есть начальная стратегия содержания, и вы знаете, как будет работать ваш сайт.
Имея потенциальный трафик, вы сможете спланировать, что будет означать, если вы получите 10 % от него, а затем вы сможете сосредоточиться на том, что вам нужно для конвертации ваших посетителей.
Вы можете быть уверены, что ваш веб-сайт имеет прочную основу, и вы сможете построить на ней свой рост.
Если вы сделаете это так, вы получите лучшие результаты SEO, что приведет к более высокому рейтингу.
Всегда планируйте заранее, а затем приступайте к созданию дизайна и внешнего вида веб-сайта.
Таким образом, вы убедитесь, что сайт будет расти по мере необходимости.
Понравилось руководство? Закрепите его на Pinterest с изображением ниже.
Как построить свой фонд SEO
Михал Пеканек
Преподаватель SEO и маркетинга в Ahrefs. Михал — маркетолог, ориентированный на SEO, с более чем 6-летним опытом работы и консультирования для компаний B2B SaaS.
Поделитесь этой статьей
Подпишитесь на еженедельные обновления
Подписка по электронной почте
Подписка
Содержание
Структура веб-сайта — это то, как ваш сайт организован и веб-страницы взаимосвязаны.
Наличие логической структуры сайта помогает посетителям и поисковым системам легко находить и перемещаться по контенту, улучшая конверсию и поддерживая ваши усилия по SEO.
Надежная структура веб-сайта необходима, когда вы собираетесь запустить новый веб-сайт или изменить дизайн существующего. Чем больше ваш сайт, тем более важным он становится.
В этой статье вы узнаете, как спланировать и создать отличную структуру сайта, выполнив следующие пять шагов:
- Подготовьтесь к визуальному сопоставлению всего
- Проверьте структуру веб-сайтов ваших конкурентов
- Создайте логический план на основе существующие страницы
- Завершите структуру своего веб-сайта, используя данные исследования ключевых слов
- Наметьте компоненты навигации по сайту
Но сначала давайте углубимся в то, почему вы должны заботиться о создании надежной структуры веб-сайта в первую очередь.
Почему структура веб-сайта имеет значение
Все мы знаем, насколько тесно переплетена маркетинговая деятельность в разных каналах.
То же самое и со структурой веб-сайта; это не только SEO, но и UX.
Пользовательский опыт (UX)
Представьте, что вы хотите купить чугунную сковороду. Вы заходите на веб-сайт кухонной посуды, выбираете категорию кастрюль и сковородок, а затем выбираете чугун в качестве материала.
Какой бы магазин вы ни посетили, процесс примерно одинаков, потому что эта структура обеспечивает отличное взаимодействие с пользователем.
Если бы вам нужно было просмотреть множество страниц, чтобы найти то, что вы ищете, вы бы, вероятно, ушли и отправились в другое место.
Внутренние ссылки
Использование интуитивно понятной навигации и внутренней структуры ссылок полезно не только для пользователей, но и для поисковой оптимизации. Это потому, что он позволяет PageRank перемещаться по вашему сайту.
PageRank (PR) представляет авторитет веб-страницы на основе ее внутренних и внешних обратных ссылок. Созданный на заре существования Google, он является основой алгоритма ранжирования и до сих пор используется в качестве сигнала ранжирования.
Связывая вместе релевантные страницы, вы влияете на то, как PR распространяется на ваш веб-сайт, а это означает, что страницы с большим количеством внутренних ссылок, вероятно, будут иметь более высокий рейтинг. Не пытайтесь играть с этим — давайте ссылки на другие страницы только тогда, когда это полезно для посетителей.
Дополнительные ссылки
Иногда Google будет показывать ваши наиболее заметные страницы в поисковой выдаче. Эта функция SERP известна как дополнительные ссылки.
Вы не можете контролировать, что Google решит показать здесь, но обычно это одни из наиболее важных страниц и категорий на вашем веб-сайте. И эта важность основана на структуре вашего сайта и внутренних ссылках.
Естественно, страницы, на которые есть ссылки из вашего меню и других основных элементов навигации, чаще всего отображаются в дополнительных ссылках.
Рекомендуем прочитать: Что такое дополнительные ссылки? Как повлиять на них
Эффективность сканирования
Если на страницу ссылаются несколько ценных страниц, нельзя ожидать, что люди или сканеры поисковых систем будут заходить туда очень часто.
Такие страницы считаются неважными.
Скорее всего, вам не придется беспокоиться об оптимизации эффективности сканирования и бюджета (ресурсы, которые робот Googlebot решает выделить для вашего веб-сайта). Это актуальная задача только для огромных веб-сайтов, поэтому вам, как правило, подойдет прочная структура сайта.
Планирование содержания и каркас
Структура вашего веб-сайта может подсказать вам, когда и где вам следует создавать новые страницы или разделы. А учитывая, что он тесно связан с исследованием ключевых слов, некоторые из ваших существующих страниц могут лучше ориентироваться на другие ключевые слова, исходя из их более высокого потенциала трафика.
Но это еще не все. Это также полезно для дизайнерских групп, особенно на начальном этапе (пере)дизайна веб-сайта, когда каркасы пригодятся.
Каркас — это упрощенный дизайн страницы, в котором представлена ее структура без добавления каких-либо визуальных элементов или содержимого. Он учитывает потребности пользователей и перемещения по веб-сайту, что неизбежно связано со структурой веб-сайта.
Например, имея структуру веб-сайта в руках, дизайнер знает, что конкретная страница является категорией верхнего уровня, и может настроить прототип для двух более глубоких уровней иерархии веб-сайта.
Масштабирование вашего веб-сайта
При создании новых страниц вы размещаете их в наиболее важных частях вашего веб-сайта. Но то, что кажется актуальным сейчас, может измениться в будущем, когда вы добавите больше контента. Возможно, вам потребуется реструктурировать некоторые части вашего веб-сайта и внедрить перенаправления.
Тщательно спланированная архитектура веб-сайта делает его перспективным. Вы всегда будете знать, где разместить свой контент, основываясь на исследованиях, которые за ним стоят.
Как создать прочную структуру веб-сайта
Затраты времени и сложность создания структуры веб-сайта зависят от двух факторов:
- Насколько велик ваш веб-сайт и будет ли он
- Готовы ли вы к исследованию ключевых слов или нет
Если у вас есть готовое исследование ключевых слов и ваш сайт относительно небольшой, создание структуры веб-сайта может быть выполнено менее чем за час.
Итак, что для этого нужно? Давайте углубимся в это.
- Подготовьтесь к визуальному отображению всего
- Проверьте, как устроены веб-сайты ваших конкурентов
- Создайте логический план на основе существующих страниц
- Завершите структуру вашего веб-сайта, используя данные исследования ключевых слов
- Наметьте компоненты навигации по сайту
Подготовьтесь к визуальному отображению всего
Структура веб-сайта — это визуальная основа, которой вы можете поделиться с командой. Вот немного из моего быстрого наброска структуры нашего веб-сайта:
У нас относительно небольшой веб-сайт, но мне пришлось уменьшить масштаб и провести по горизонтали, чтобы показать вам структуру. Я видел структуры веб-сайтов, которые при печати занимали огромные столы для конференций. Будьте к этому готовы.
Все, что вам нужно сделать на данный момент, это выбрать программное обеспечение для составления ментальных карт, которое вы будете использовать для создания структуры.
Я использовал Xmind для создания черновика выше.
2. Проверьте, как устроены веб-сайты ваших конкурентов
Планирование структуры вашего веб-сайта с нуля может быть довольно сложным, в зависимости от его размера. Итак, во-первых, черпайте вдохновение у своих самых эффективных конкурентов, поскольку их сайты, вероятно, имеют структуру, близкую к идеальной. Использование структуры, похожей на структуру ваших конкурентов, также создает у ваших посетителей ощущение знакомства.
Для начала подключите веб-сайт вашего конкурента к Ahrefs Site Explorer. Проверьте, как каждый раздел их веб-сайта способствует общему органическому трафику. Сделайте это в первую очередь для их подпапок:
Вдохновитесь структурой наиболее эффективных разделов. Возьмите их URL-адреса и повторите процесс, изучив их более глубокие структуры с помощью отчета Top subfolders . Просто убедитесь, что вы установили параметр «префикс» в адресной строке, чтобы рассматривать выбранную вами страницу верхнего уровня как исходную.
Если вы занимаетесь электронной коммерцией, посмотрите, как к этому подходят такие гиганты, как Amazon. Там вы найдете всевозможные категории. Они уже хорошо справились со своей задачей, так что используйте это в своих интересах.
3. Создайте логический план на основе существующих страниц
Самое важное, о чем следует помнить, когда дело доходит до визуализации вашего веб-сайта, — это создание плоской, а не глубокой структуры.
Плоская структура веб-сайта гарантирует, что любые две страницы вашего веб-сайта будут находиться всего в нескольких кликах друг от друга. Это важно как для ваших пользователей, так и для сканеров поисковых систем.
Если вы находитесь в процессе редизайна вашего текущего веб-сайта, вы можете проверить, есть ли у вас уже проблемы с глубиной структуры сайта. Используйте инструмент «Аудит сайта» (бесплатно доступен в инструментах для веб-мастеров Ahrefs), чтобы просканировать ваш сайт, затем перейдите в «Проводник структуры» и откройте отчет «Глубина».
В этом отчете показано распределение URL-адресов в зависимости от того, насколько они удалены от исходной страницы (обычно домашней). Во-первых, сегментируйте отчет, чтобы показать только действительные HTML-страницы с кодом состояния 200, применив следующий сегмент:
Это отсеет все ваши изображения, файлы JavaScript и другие типы URL-адресов, которые вам не нужно проверять здесь.
В зависимости от сложности вашего веб-сайта вы хотите, чтобы число росло до трех-четырех кликов от исходной страницы, а затем быстро уменьшалось. Вообще говоря, у вас не должно быть много страниц или вообще каких-либо страниц дальше, чем на шесть кликов. Это приведет к меньшему количеству посещений как посетителями, так и поисковыми системами.
Также стоит проверить, нет ли на вашем сайте страниц-сирот. Страницы-сироты — это те, которые не имеют внутренних обратных ссылок, что делает их недоступными для всех, кто просматривает веб-сайт.
Вы также можете проверить их в инструменте аудита сайта.
Просто не забудьте добавить карты сайта и обратные ссылки в источники URL в настройках проекта.
После сканирования веб-сайта откройте Проводник страниц и примените следующий фильтр поверх ранее использованного сегмента.
Если вы найдете там какие-либо ценные страницы, вы должны указать на них ссылку с других ваших страниц.
Как только вы определите эти проблемы, пора начать визуализировать структуру. Составьте его на основе имеющейся у нас информации:
- Страницы, которые имеют решающее значение для вашего бизнеса (домашняя страница, о нас, контакты, функции, решения)
- Подпапки и страницы, которые хорошо работают для ваших конкурентов
- Проблемы с глубиной и потерянными страницами
- Атрибуты продуктового фида, такие как категории, если вы используете Google Торговые объявления
К этому моменту вы, возможно, создали всю структуру веб-сайта. Но он наверняка пропустит несколько страниц и не будет подкреплен большим количеством данных.
Следующий шаг устраняет эту проблему.
4. Завершите структуру вашего веб-сайта, используя данные исследования ключевых слов.
Исследование ключевых слов позволяет уточнить и завершить структуру вашего сайта. Вы можете выбрать основные ключевые слова для страниц, которые должны находиться на верхнем уровне иерархии, исходя из их объема поиска и потенциала органического трафика.
Сначала вам следует провести исследование ключевых слов, если вы еще этого не сделали. Это гарантирует, что вы выполните следующие шаги систематически и со всей доступной информацией.
Классифицируйте ключевые слова для создания иерархии контента
Это удобно для фильтрации основного листа исследования ключевых слов по группам ключевых слов, связанных общими словами или их значением. Это необходимо для крупных сайтов электронной коммерции.
Продолжая наши примеры посуды, вот небольшой образец ключевых слов, которые я классифицировал:
Изображение выше содержит данные ключевых слов, экспортированные из Проводника ключевых слов Ahrefs и классифицированные вручную.
Поскольку ручная классификация занимает много времени, очень важно иметь какую-то автоматизированную систему тегов.
Я использую Open Refine и его фасеты слов для одновременной пометки множества ключевых слов, но это нигде не задокументировано на английском языке, и это не очень удобно для пользователя. Вы можете попробовать подобную автоматизацию без кода или попросить эксперта по SEO провести исследование ваших ключевых слов. Я также покажу более удобную для начинающих альтернативу на следующем шаге.
Категоризация поможет вам выбрать основные ключевые слова в каждой категории, определить тип страницы и создать иерархию — подкатегории, подстраницы или фильтры.
Определите основные ключевые слова для ваших страниц верхнего уровня
Независимо от того, есть ли у вас эти данные с вашего существующего веб-сайта или анализа конкурентов, хорошо убедиться, что вы выбрали наиболее подходящие ключевые слова.
Например, кажется разумным создать две отдельные категории посуды верхнего уровня: одну для сковородок и одну для кастрюль.
Но, вероятно, лучше объединить их в категорию кастрюль и сковородок. Вот почему:
Поясню.
Горшки — очень неоднозначное ключевое слово. Google будет сложно персонализировать результаты поиска. Неизвестно, имеете ли вы в виду кастрюли в контексте приготовления пищи, садоводства или синдрома постуральной ортостатической тахикардии. Это не подходящее ключевое слово для таргетинга.
В результате у нас остается слово «кастрюли и сковородки», которое имеет конкретное намерение поиска и даже дает в два раза больше кликов, чем одно только слово «сковородки» в США.
Расширьте свои страницы верхнего уровня до необходимых более глубоких уровней
Ваши страницы верхнего уровня попадут в следующие категории:
- Автономная страница , которой не нужны последующие страницы на более глубоких уровнях (например, решения, инструменты, цены, контакты)
- Страница категории (например, блог, категории продуктов, база знаний, страница карьеры)
- Контент-хаб Страница — контент высокого уровня по теме, которая имеет множество подтем (например, страница о маркетинге, которая ссылается на подстраницы об исследованиях рынка, маркетинговой стратегии и маркетинговой тактике)
Вы можете решить, следует ли и как расширить свои страницы верхнего уровня, основываясь на ваших знаниях отрасли, здравом смысле и исследовании ключевых слов.
Категории ключевых слов (группы тем) подскажут вам, на что ориентироваться при расширении основных ключевых слов.
5. Схема компонентов навигации по сайту
Навигация верхнего уровня необходима для того, чтобы посетители могли удобно переключаться между наиболее важными страницами. Эти страницы представляют собой самый высокий уровень в структуре вашего сайта.
Это может быть что-то простое, как у нас в Ahrefs:
Но это также может быть довольно сложно, если у вас большой веб-сайт. Однако это все еще можно сделать удобным для пользователя способом:
Многие веб-сайты дополняют навигацию в верхнем колонтитуле нижним колонтитулом. Там вы часто будете видеть такие страницы, как Условия и положения, политика конфиденциальности и другие подобные скучные вещи.
Многие посетители не будут прокручивать страницу вниз, но не стесняются рассматривать нижний колонтитул как еще один важный элемент навигации. Вы можете ссылаться на страницы верхнего уровня, которые не попали в заголовок, и даже повторять некоторые из меню заголовка, как это делаем мы:
Есть и более необычные компоненты навигации, такие как хлебные крошки.
Давайте посмотрим на него, не вдаваясь в его этимологию:
С точки зрения пользователя хлебные крошки полезны в двух случаях использования:
- Они помогают вам перемещаться по веб-сайту, когда вы попадаете на глубокую страницу.
- Это удобный ярлык , чтобы вернуться на страницу категории. Можно развернуть хлебные крошки на основе истории, которые учитывают примененные фильтры продуктов.
Вообще говоря, они не нужны, если у вас относительно небольшой веб-сайт с плоской структурой. Чем глубже становится структура вашего веб-сайта, тем более важными становятся хлебные крошки.
Как правило, рассмотрите возможность развертывания хлебных крошек, если у вас есть много страниц на третьем и более глубоком уровне, которые вы не можете охватить с помощью навигации в заголовке. В эту категорию попадают средние и крупные интернет-магазины.
Говоря об электронной коммерции, последний компонент навигации по сайту — многогранная навигация.