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


10 сервисов для создания структуры сайта в 2020 году / Хабр

Прототипирование — значимый этап в веб-разработке, который позволяет определить и сформировать ДНК проекта на ранних стадиях. В последние годы количество онлайн-сервисов и инструментов для прототипирования ощутимо возросло. В этом обзоре представлены 10 сервисов для создания визуальных сайтмэпов.


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

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

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

Рассмотрим три типа сайтмэпов:

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

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

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

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

Зачем нужны визуальные сайтмэпы?


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

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


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

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

Протестировать Octopus.do возможно без регистрации. Зарегистрировать профиль понадобится только в момент сохранения проекта. Также можно посмотреть простое и понятное видео о проекте.

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

Есть и более удобный способ добавления блока — достаточно нажать Enter, и в нижней части страницы появится новый блок. Такой метод позволит быстро заполнять содержание с использованием одной лишь клавиатуры. Drag’n’drop работает предсказуемо и быстро.

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

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

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

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

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

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

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

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

Резюме

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

Стоимость, подписка: бесплатный план предусматривает 1 активный проект. Платные подписки от 8 $ в месяц.
Простота использования: для начинающих и пользователей среднего уровня
Дизайн: ★★★★☆
Командная работа: ✓
Экспорт: ссылка, PDF и PNG (только для платных пользователей)

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

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

Отдельно стоит отметить настройки вида: Map View, Matrix View и Outline. В зависимости от структуры и масштаба проекта можно выбрать способ отображения сайтмэпа.

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

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

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

Стоимость, подписка: бесплатно
Простота использования: подходит для начинающих
Дизайн: ★★★☆☆
Командная работа: ✓
Экспорт: ссылка, PNG, PDF, XML

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

Сперва необходимо зарегистрироваться. Проект можно:

  • начать с чистого листа
  • импортировать из XML файла
  • расширить существующий шаблон

В заготовленных шаблонах найдется три типа проектов: e-Commerce, корпоративный проект и новостной портал.

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

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

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

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

Что касается навигации, то к стандартному набору функции добавлена довольна удобная механика — Project Map. Project Map сочетает в себе как визуальную, так и механическую ценность — перемещение по структуре больших проектов упрощается.

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

Широкие настройки экспорта в SVG и PNG форматы позволяют выбрать оптимальный вариант и даже задать разрешение изображения на выходе.

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

Стоимость, подписка: бесплатный план предусматривает 1 активный проект и 100 Мб места, без ограничении по коллабораторам. Платные подписки от 8 $ в месяц при годовой оплате.
Простота использования: для начинающих и пользователей среднего уровня
Дизайн: ★★★★★
Командная работа: ✓
Экспорт: ссылка, PNG, SVG, PDF, DOCX


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

С точки зрения дизайна интерфейс можно описать, как «народный» или незамысловатый. Бесплатный план обеспечивает доступ к части функции: 3 активных сайтмэпа c 50 страницами. Остальные фичи доступны платным пользователям.

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

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

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

Стоимость, подписка: бесплатный план предусматривает 3 активных проекта с ограничением в 50 страниц. Платные подписки от 14.99 $ в месяц.
Простота использования: для начинающих и пользователей среднего уровня
Дизайн: ★★☆☆☆
Командная работа: ✓
Экспорт: CSV, XML, PDF и ссылка (только для платных пользователей)

Rarchy


Beta-версия проекта обладает скромным набором функций. Сайтмэп строится как с нуля, так и в генеративном порядке по ссылке на сайт.

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

Никаких дополнительных настроек отображения блоков не предусмотрено. Тем не меннее drag’n’drop работает понятно. А форматы отображения схемы позволяют переключить проект в вид биоморфной схемы. Возможно, такой вид покажется наглядным и уместным.

На момент публикации доступен экспорт только в CSV-файл. Поделиться прямой ссылкой нельзя.

Стоимость, подписка: бесплатно
Простота использования: для начинающих
Дизайн: ★★☆☆☆
Командная работа:
Экспорт: CSV


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

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

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

Резюме
Visual Sitemaps будет удобен для предварительного анализа проекта. Особенно, если есть необходимость посмотреть и оценить устройство страниц.

Стоимость, подписка: бесплатный план предусматривает регистрацию одного пользователя и 50 скриншотов с ограничение глубины кроула до двух уровней. Платные подписки от 29 $ в месяц.
Простота использования: для начинающих и пользователей среднего уровня
Дизайн: ★★★★☆
Командная работа: ✓
Экспорт: ссылка, PDF

Slickplan


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

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

Механика манипуляции с блоками интуитивно понятна. Добавление новых страниц происходит быстро, а drag’n’drop объектов позволяет менять порядок и иерархию. Настройки каждого элемента (страницы, блока) сайтмэпа включают:

  • Добавление контента (текстовый и мультимедиа)
  • Добавление заметок
  • Выбора типа страницы
  • Распределение дизайн шаблона
  • Диаграмы
  • Добавление ссылки

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

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

Сервис предусматривает подключение Google Analytics. Это отличительная и полезная особенность Slickplan. A интеграция со сторонними сервисами (Basecamp, Slack и другие) позволяет шерить проект в удобном формате. Проект может быть защищен паролем.

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

Резюме
Богатый набор функций и продуманный интерфейс. Огромный набор возможностей и настроек экспорта.

Стоимость, подписка: 30-дневный триальный период. Платные подписки от 9.99 $ в месяц.
Простота использования: для пользователей среднего и продвинутого уровней
Дизайн: ★★★★☆
Командная работа: ✓
Экспорт: ссылка, PDF, EPS, HTML, CSV, TXT, DOCX, Slickplan Sitemap XML


Чтобы осмотреться в Dynomapper придется создать аккаунт. Доступен 14-дневный тестовый период. Знакомство c сервисом начнется с наглядного видео-эксплейнера.

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

Стоит отметить, что дизайн среды сдержанный и консервативный. А процесс создания сайтмэпа больше похож на классическое взаимодействие с Explorer (Win) или Finder (Mac). Структура сайта, в отличие от сервисов описанных ранее, отображается в виде, напоминающем дерево файлов.

Компактно и придется по вкусу тем, кто привык к такому взаимодействию. Хотя режим Preview отображается уже в виде блок-схемы, и предусматривает 4 дополнительных вида отображения.

Настройки свойства и функций элементов удобно расположены в правой панели вкладок:

  • Page (Расширенная информация о странице)
  • Content (Планирование (добавление) текстового и мультимедийного контента)
  • Analytics
  • Comment

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

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

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

Резюме
Инструмент производит основательное впечатление и скорее всего подразумевает более глубокую проработку проектов и работу с контентом.

Стоимость, подписка: 14-дневный триальный период. Платные подписки от 49 $ в месяц.
Простота использования: для пользователей среднего и продвинутого уровней
Дизайн: ★★☆☆☆
Командная работа: ✓
Экспорт: ссылка, PDF, CSV


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

Создатели сервиса выложили исходный код на Github (https://github.com/alentum). Кроулер бережно сохраняет историю запросов.

Стоимость, подписка: бесплатный
Простота использования: для начинающих
Дизайн: ★★☆☆☆

Creatly


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

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

Drag’n’drop нагляден: перетаскивание элементов сопровождается наглядными связями страниц и объектов. Редактирование страниц, удаление объектов и связывающих линий работает так, как в привычном векторном редакторе. Поэтому для дизайнеров механика будет понятна и близка.

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

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

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

Стоимость, подписка: бесплатный план предусматривает 5 публичных документов и возможность добавления до 3-х коллабораторов. Платные подписки от 5 $ в месяц.
Простота использования: для пользователей среднего и продвинутого уровней
Дизайн: ★★★★☆
Командная работа: ✓
Экспорт: ссылка, PNG, JPG, SVG

***********************************

P.S.

Чтобы было легче выбрать, вот сравнительная таблица по всем сервисам (в самом конце) и немного больше скриншотов.

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

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

Вам нужно агентство, чтобы отточить SEO и привлечь квалифицированный трафик на ваш сайт? Мы повысили рейтинг наших клиентов на 255 000 страниц в Google.Получите экспертные услуги SEO прямо сейчас с WebFX! Свяжитесь с нами онлайн или позвоните нам по телефону 888-601-5359 сегодня.

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

Какова структура сайта?

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

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

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

6 шагов к SEO-оптимизированной структуре сайта

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

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

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

1. Установите иерархию своего сайта

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

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

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

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

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

2. Организуйте соответствующую структуру URL
Структура URL-адреса

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

Например, URL-адрес «https://deliciouspiesforever.com/folder1/588920» не так полезен, как «https://deliciouspiesforever.com/blog/summer-pies».

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

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

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

3. Выберите правильную глубину навигации

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

Станьте партнером мастеров электронной коммерции!

Кампании под управлением WebFX заработали более

00

ОПЕРАЦИЙ ЗА ПОСЛЕДНИЕ 5 ЛЕТ
Прочитать тематические исследования

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

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

4. Включите «панировочные сухари»

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

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

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

5. Установите верхний и нижний колонтитулы

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

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

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

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

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

6. Выполните внутреннюю привязку

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

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

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

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

Создание оптимизированной для SEO структуры веб-сайта с помощью WebFX

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

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

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

Наша команда из 200 экспертов по SEO за последние пять лет обеспечила продажи на сумму более 1,5 миллиарда долларов и более 4,6 миллиона потенциальных клиентов.

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

.

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

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

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

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

Четыре типа структур веб-сайтов

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

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

Иерархическая модель

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

Последовательная модель

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

Матричная модель

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

База данных Модель

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

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

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

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

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

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

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

Как выбрать лучшую структуру сайта

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

Структура сайта и аудитория

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

Иерархический

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

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

Последовательный

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

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

Матрица и база данных

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

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

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

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

Создайте свою структуру

Теперь, когда вы немного разбираетесь в структуре веб-сайтов, вы, вероятно, задаетесь вопросом, что делать дальше. Короткий ответ: начните создавать карту сайта.Нужна помощь в начале работы? Эта статья агентства цифрового маркетинга Protofuse отлично объясняет, как использовать Slickplan для представления выбранных структур сайта, планирования навигации и создания архитектуры, которая выдержит испытание временем.


Написано Дженн Мари

Дженн Мари - внештатный писатель и специалист по интернет-маркетингу из Сиэтла.Истинный технологический евангелист, Дженн ранее помогала людям использовать весь потенциал продуктов Dell, Microsoft и Amazon. Сейчас она сосредоточена на создании аутентичного присутствия в Интернете для малого бизнеса и предпринимателей через свою компанию Jenn Marie Writing & Marketing.

.

Как создать структуру сайта с помощью нашего инструмента кластеризации

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

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


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

Как визуализировать структуру сайта за 5 шагов

Автор: Валери Ниечай,

13 августа , 2019

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

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

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

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

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

Я сведу его к нескольким пунктам:

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

Что это: «сайт с идеальной структурой»?

Как насчет дополнительных пунктов?

  • Тот, который имеет иерархическую структуру.

    Где иерархия:

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

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

  • Тот, который имеет эффективную внутреннюю структуру ссылок.

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

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

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

Что вам нужно сделать перед визуализацией структуры вашего сайта?

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

Таким образом, проверьте:

  • Карта сайта - просто убедитесь, что она у вас есть, и обновите ее в соответствии с вашими изменениями.Карты сайта очень гостеприимно показывают поисковые системы вокруг вашего сайта;
  • Ссылки во Flash - ссылки, встроенные во Flash, могут быть недоступны для поисковых систем;
  • Ссылки «Nofollow» - убедитесь, что ваша внутренняя структура ссылок не содержит ссылок «Nofollow», поскольку такие ссылки получают свою долю ссылочного веса, но не передают ее на страницы, на которые они указывают;
  • ссылок с фреймами - фреймы являются серьезным препятствием для Google и других поисковых систем, когда они пытаются проиндексировать ваш сайт;
  • Страницы с дублированным содержанием - страницы с одинаковым или похожим содержанием вводят в заблуждение поисковые системы, поэтому они фактически могут индексировать неправильные страницы и ранжировать старые страницы по сравнению с новыми.Кроме того, люди могут ссылаться на разные версии одной и той же страницы. Таким образом, рассмотрите возможность использования канонизации для правильной индексации и возврата страниц в поисковой выдаче;
  • Атрибуты Alt для изображений - помогают поисковым системам понять, о чем ваши изображения. Это сделает ваш контент более авторитетным. Кроме того, это прекрасная возможность использовать больше ключевых слов безопасным способом.

Как визуализировать структуру сайта с помощью WebSite Auditor? И что делать дальше.

Шаг 1. Визуализация общей структуры сайта.

Создайте проект для своего сайта (или его части) в WebSite Auditor или откройте существующий, перейдите в Структура сайта> Визуализация и посмотрите, что произойдет.

Когда у вас есть график, вы можете работать в трех режимах:

1) Кратчайшие связи между вашими узлами.

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

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

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

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

2) Подключения конкретного узла.

Щелкните любой узел, чтобы увидеть только его соединения:

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

3) Все существующие подключения.

Нажмите кнопку Показать все соединения страниц , чтобы выполнить то, что обещает эта кнопка - отобразить все соединения, а не только самые короткие, ограниченные значениями Click Depth и Internal Page Rank .

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

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

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

Шаг 2. Проанализируйте изображение Click Depth.

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

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

2) Обратите внимание на цветов ваших узлов .

  • Синие узлы - это страницы с кодами 3xx (редиректы).

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

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

  • Красные узлы - это страницы с кодами 4xx / 5xx.

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

3) Найдите длинных строк и проверьте, оправданы ли они:

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

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

Шаг 3. Проанализируйте картину внутреннего рейтинга страницы.

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

Совет для профессионалов: Ознакомьтесь с дополнительной информацией, наведя указатель мыши на узел. Обратите внимание на значение Internal Page Rank :

.

В этот момент вы можете спросить: 'Что с этим Page Rank? Как этот график должен мне помочь? '

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

Если вам интересно, как изменить значения Internal Page Rank в случае, если они неадекватны, вот лишь несколько стратегий для моделирования Internal Page Rank , которые вы можете использовать в зависимости от ваших целей SEO:

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

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

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

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

  • Внутренние ссылки, нацеленные на ключевые слова со средним объемом поиска

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

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

  • Внутренние ссылки, нацеленные на ключевые слова с низким объемом поиска

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

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

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

Шаг 4. Проанализируйте картину просмотров страниц.

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

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

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

Зачем вам этот график? Это очевидно: вы можете сразу увидеть поток трафика на определенные страницы! Я думаю, что это очень хорошее дополнение к вашим электронным таблицам и таблицам GA.

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

Шаг 5. Управляйте своими графиками визуализации.

1) Отредактируйте графики прямо в приложении.

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

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

Добавить страницу.

Удалить выбранную страницу из визуализации . (Или просто нажмите «Удалить» на клавиатуре).

Добавить входящую ссылку . Можно добавить сразу несколько ссылок.

Добавить исходящую ссылку . Можно добавить сразу несколько ссылок.

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

Удалить выделенную ссылку .

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

2) Настройте свой график.

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

Измените тему фона (светлый или темный). Просто эстетическая вещь☺

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

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

3) Пересчитайте значения после изменений.

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

4) Раскрашиваем график визуализации по тегам.

В ходе аудита вашего сайта в WebSite Auditor вы можете добавлять теги к некоторым страницам определенного типа. Или вы можете сделать это на панели инструментов Pages: щелкните правой кнопкой мыши нужную страницу (страницы) и выберите Добавить теги к выбранным записям .

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

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

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

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

На панели мониторинга Visualization раскрасьте эти две группы по тегам.Проверьте, на что вы тратите свой самый высокий Page Rank. Подумайте, можно ли направить его на те страницы, которым нужна помощь в "повышении рейтинга".

  • Исследование тематических кластеров

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

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

Например, я пометил все сообщения, которые у нас есть в поисковой выдаче, и (черт возьми!) Они не совсем связаны между собой:

Стратегии тематического линкования:

  • Определите столб вашего кластера: страницу с наиболее общей информацией по теме.Всегда делайте обратные ссылки на столб с более конкретных страниц - это как домашняя страница вашего тематического кластера.
  • Ссылка от менее узкого к более конкретному содержимому , создавая тематические подкластеры.
  • Внутри подкластера ссылаются с более высоких ранжируемых на более низкие ранжируемых страниц для повышения релевантности первых.
  • Дайте "похожих постов" советов.
  • Используйте якорных текста с таргетингом на ключевые слова при внутренних ссылках на другие тематически релевантные страницы.Что я имею в виду: не используйте гиперссылку «нажмите здесь», используйте «последний опрос о цветовых предпочтениях носков».
5) Экспортируйте изменения в виде списка дел.

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

Нажав кнопку в нижней части панели действий, вы можете отменить все изменения / последнее изменение или экспортировать окончательный список изменений в CSV:

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

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

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

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

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

Итак, я должен задать свой последний вопрос здесь, зачем все потеть, если мы уже все встроили в модуль Visualization WebSite Auditor? Для выполнения этой задачи требуется всего несколько минут.Вам лучше убедиться в этом сами!


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

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


От: Валери Ниечай

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий