Организация вашего сайта на WordPress

Организация вашего сайта на WordPress Структурирование сайта

В данной статье мы рассмотрим тему «Организация вашего сайта на WordPress».

Цели обучения

В этой статье вы узнаете:

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

Организация вашего сайта

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

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

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

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

Идеальная ситуация

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

  1. домашняя страница
  2. категории
  3. подкатегории (только для крупных сайтов)
  4. отдельные страницы и посты

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

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

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

Пример: Yoast.com

Для yoast.com пирамида будет выглядеть так, как показано на изображении 1. Домашняя страница находится вверху, страницы категорий «Yoast SEO плагин», «Курсы SEO», «SEO блог» и «Поддержка» находятся под ним. Почти всё, что мы публикуем, может быть размещено под одной из этих основных категорий.

Эти основные категории имеют подкатегории. Например, страница категории «Блог SEO» имеет подкатегории для каждой темы SEO, о которой мы пишем: «Аналитика», «Контент SEO», «Электронная коммерция», «Социальные сети», «Техническое SEO» и «WordPress».

Hidden Content

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

Пирамида yoast.com
Изображение 1: Пирамида yoast.com

Пример: Everydayimtravelling.com

Как и в случае с yoast.com, в блоге Everydayimtravelling.com  размещена домашняя страница вверху (см. изображение 2). Далее у нас должны быть категории страниц. Какие категории имеют здесь смысл?

Мы знаем, что у нас есть несколько участников, которые путешествуют по всему миру.

Поэтому использование названий континентов может иметь смысл. Тогда наши категории будут Европа, Африка, Южная Америка, Северная Америка, Азия, Австралия и Новая Зеландия (вместо Океании).

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

Например, категория «Азия» включает дочерние категории «Центральная Азия», «Восточная Азия», «Южная Азия», «Юго-Восточная Азия» и «Западная Азия».

Теперь, если вы хотите добавить ещё один слой, вы можете превратить эти дочерние категории на ещё более конкретные категории. Так что «Юго-Восточная Азия» может быть родителем «Индонезия», например.

Пирамида dailyimtravelling.com
Изображение 2: Пирамида dailyimtravelling.com

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

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

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

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

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

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

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

Навигация

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

  1. меню
  2. хлебные крошки (навигационные цепочки)

Меню

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

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

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

Где это имеет смысл, полезно создание второго меню. Посмотрите на второе меню на сайте Манхэттенского колледжа (изображение 3).

Второе меню Манхэттенского колледжа
Изображение 3: Второе меню Манхэттенского колледжа (выделено розовым цветом)

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

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

Как создать меню в WordPress

В WordPress довольно легко создать меню. Вот как вы это можете сделать:

1. Наведите указатель мыши на пункт «Внешний вид» в меню администратора. Вы увидите всплывающее меню.

2. Выберите вкладку «Меню» во всплывающем окне. Вы получите доступ к экрану меню. После того, как вы выполнили эти два шага и получили доступ к экрану меню, вы будет иметь два варианта (изображение 4): (1) нажать «Перейти к визуальной настройке» и создать меню в настройщике, или (2) создать меню прямо там, в экране меню.

Экран меню с опциями добавления меню
Изображение 4: Экран меню с опциями добавления меню

Добавление меню с опцией «Визуальной настройки»

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

Чтобы добавить меню с Визуальной настройкой, нажмите на кнопку «Перейти к визуальной настройке» на экране меню (Изображение 4).

Создание меню 

  1. Нажмите кнопку «Создать новое меню» (изображение 5). Появятся новые опции (изображение 6).
  2. Заполните название вашего меню в пустом поле под меню Текст названия (см. 1, изображение 6)
  3. Выберите расположение меню (см. 2, изображение 6). Примечание: места могут быть разными, в зависимости от используемой вами темы. В Теме TwentyNinetheen, доступно три локации: Меню «Основное», «Нижний колонтитул» и «Социальные ссылки». Но другие темы могут иметь другие места размещения.
  4. Нажмите Далее (см. 3, Изображение 6).
Создание нового меню в настройщике
Изображение 5: Создание нового меню в настройщике
Добавление имени и местоположения для вашего меню
Изображение 6: Добавление имени и местоположения для вашего меню

Добавление пунктов в меню

После нажатия кнопки «Далее» на боковой панели появятся новые параметры (изображение 7). Эти параметры позволяют добавлять элементы в меню.

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

  1. Нажмите «Добавить элементы» (1 на изображении 7). Боковая панель раскроется, чтобы показать доступные варианты (2 на изображении 7).
  2. Нажмите на заголовок с элементами, которые вы хотите добавить. Варианты будут раскрываться.
  3. Выберите элементы, нажав на знак плюс рядом с каждым элементом (3 в Изображении 7). Вы увидите их на экране предварительного просмотра справа и в боковой панели слева (Изображение 8).
  4. Нажмите «Опубликовать», и меню будет добавлено на ваш сайт.
Добавление элементов в меню
Изображение 7: Добавление элементов в меню
добавленные пункты в меню
Изображение 8: Слева-добавленные пункты в меню; справа-меню, отображаемое на веб-странице; выше: кнопка «Опубликовать»

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

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

Дополнительные опции для меню
Изображение 9: Дополнительные опции для меню

Добавление меню с экрана меню

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

Чтобы добавить меню на экране меню, сделайте следующее:

Экран меню
Изображение 10: Экран меню
  1. Введите название меню в поле «Название меню». (1 на рисунке 10)
  2. Нажмите «Создать меню» (2 на рисунке 10). Появятся некоторые дополнительные настройки.
  3. Добавьте элементы в меню, выбрав один из вариантов слева (1 на рисунке 11).
  4. Выберите расположение меню, отметив поле рядом с местом, которое вы предпочитаете (2 на рисунке 11).
  5. Нажмите «Добавить в меню», и элементы будут добавлены (3 на рисунке 11).
  6. Нажмите «Сохранить меню», чтобы сохранить меню и отобразить его на передней панели (4 на рисунке 11).
Дополнительные настройки меню на экране меню
Изображение 11: Дополнительные настройки меню на экране меню

На экране меню есть две вкладки. Мы только что показали вам, как добавить новое меню на вкладке «Редактировать меню». Как только мы создали новое меню, в новой вкладке появился заголовок «Управление местоположениями» (Изображение 12).

вкладка «Расположение меню» на экране меню
Изображение 12: вкладка «Расположение меню» на экране меню

На вкладке «Управление местоположениями» вы можете определить местоположение своих меню, если у вас их будет больше. В данном случае тема Thrive Theme Builder поддерживает два меню.

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

ПРОДОЛЖЕНИЕ СЛЕДУЕТ…

Оцените статью
( 2 оценки, среднее 5 из 5 )
Поделиться с друзьями
Добавить комментарий

Success message!
Warning message!
Error message!