Структура страницы сайта на WordPress

Чтобы сделать сайт самостоятельно, не обязательно уметь создавать структуру веб-страницы HTML-кодом. На WordPress можно сделать сайт любой сложности.

Основные элементы веб-страницы

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

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

Header (шапка)

Header (хедер) ― это элемент в верхней части страницы:

В этом блоке могут располагаться:

― Отличительные знаки компании. Логотип, название, слоган, бренд-персонаж;

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

― Контакты. Телефон, адрес, время работы;

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

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

― Корзина покупок. Обычно изображается в виде иконки.

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

Настроить хедер и другие элементы сайта в WordPress можно с помощью плагина Elementor.

Footer (подвал)

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

Чаще всего в футере находится:

― Карта сайта.

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

― Контактная информация. В футере может быть более подробная контактная информация и карты с местонахождением компании;

― Ссылки на социальные сети;

― Символ копирайта.

Body (тело)

Body (тело сайта) ― это основная часть страницы, где размещают контент: тексты, картинки, видео. Статья, которую вы сейчас читаете, находится в теле сайта:

Тело сайта ― это изменяемая часть страницы. Остальные элементы (шапка и подвал) остаются на всех страницах одинаковыми.

Sidebar (сайдбар)

Sidebar (cайдбар) ― это боковая панель сайта. Он может быть справа, слева или по обеим сторонам страницы:

В сайдбаре может размещаться:

― Меню навигации. Это может быть как дополнительное меню, так и основное, которое убрали из шапки сайта. У интернет-магазинов в сайдбаре могут быть фильтры;

― Списки популярных или новых статей. Актуально для новостных сайтов и блогов. Цель ― привлечь внимание к определённым статьям;

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

― Функциональные элементы: корзина, форма подписки;

― Ссылки на социальные сети.

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

Если header и footer ― это необходимые элементы сайта, то sidebar — нет. Этот элемент более актуален для крупных сайтов. На сайтах-одностраничниках этот элемент часто отсутствует.

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

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

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

Виды хлебных крошек:

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

2. Динамическая цепочка основана на перемещении пользователя по сайту.

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

Хлебные крошки могут понадобиться сайтам, в которых много разделов и подразделов. Добавить хлебные крошки на сайт в WordPress можно при помощи плагинов Breadcrumb NavXT и Yoast SEO.

Внутренняя перелинковка сайта

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

Внутренняя перелинковка:

• улучшает навигацию по сайту для посетителей,

• улучшает индексацию сайта,

• придает ссылочный вес нужным страницам;

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

Favicon (фавикон)

Favicon (фавикон) ― это маленькая иконка сайта, которую видно в поисковой выдаче, вкладках и рядом с URL-адресом:

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

Почему лучше использовать favicon?

• Сайты с фавиконами вызывают больше доверия у посетителей,

• фавикон ускоряет поиск нужного сайта среди вкладок,

• фавикон повышает узнаваемость бренда.

Стандартные размеры фавикона: 16×16, 32×32 пикселей. Другие размеры зависят от типа устройства и операционной системы. Распространенный формат фавикона ― ICO, также доступны PNG, GIF, JPEG и SVG. Сейчас всё чаще используют формат PNG и SVG, так как многие программы не работают с ICO. Создать favicon можно в любом графическом редакторе или в онлайн-генераторе.

Чтобы установить фавикон на сайт WordPress, используйте инструкцию ниже.

Как установить фавикон сайта в Wordpress:

1. 1.

   Войдите в админку WordPress.

2. 2.

   Перейдите в раздел Внешний вид ― Настроить:

3. 3.

   Перейдите в Свойства сайта в меню справа:

4. 4.

   Нажмите Выберите иконку сайта:

5. org/HowToStep»> 5.

   Загрузите картинку. После загрузки она появится в «Библиотеке файлов». Выберите картинку, которую загрузили:

Готово, теперь фавикон будет отображаться в поисковой выдаче и рядом с URL-адресом сайта.

Помогла ли вам статья?

Да

раз уже помогла

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

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

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

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

С этим помогут Подбор слов Яндекса и Google Trends. Для примера возьмем магазин растений для офиса и дома. Начните с простых фраз: «растения для дома», «какое растение выбрать», «неприхотливые растения». Посмотрите, что предложат сервисы, и соберите наиболее популярные запросы. 

Введите запрос в поисковую строку сервиса «Подбор слов»: выдача покажет, что еще ищут люди и какие есть похожие запросы

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

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

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

Источник: сервис «Анализ конкурентов» от SE Ranking

Строим архитектуру

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

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

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

Пример silo-структуры

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

Потом конкретные страницы: «Как ухаживать» → «Как поливать», «Как пересаживать» и другие.

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

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

Архитектура сайта, созданного в Octopus.do.

Когда создаете архитектуру сайта:

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

Прорабатываем страницы и оптимизируем навигацию

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

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

Источник: atumatu.ru

Иерархическая структура URL. Пусть адрес страницы подсказывает, где сейчас находится посетитель. Например, catalog/furniture/9384-starinnyj-pismennyj-stol. Для этого стоит использовать понятные и короткие слова и ставить между фразами дефисы вместо нижнего подчеркивания: для поисковых роботов дефис — это пробел между словами, а нижнее подчеркивание соединяет части слова. Ключевые слова в URL-адресе помогут в ранжировании.

Хороший пример URL-адреса. Источник: kontora-k.ru

Неудачный пример URL-адреса. Источник: ceramum.ru

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

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

Пример фиксированного сверху меню: оно остается на месте при скролле страницы. Источник: buro247.ru

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

• разбить по страницам — самое простое и распространенное решение:

Нужно нажать на следующий номер страницы, чтобы посмотреть еще товары. Источник: 4fresh.ru

• просмотреть все — с этой функцией можно раскрыть все позиции в категории на одной странице:

Нажав на кнопку «Показать все», вы увидите все товары. Источник: ru.puma.com

• загрузить еще — похоже на вариант «Просмотреть все», только товары выгружаются частями:

Постоянно нажимая на кнопку «Загрузить еще», вы будете видеть все больше товаров. Источник: vetergrocery.ru

• бесконечная прокрутка — новые товары в подборке появляются при скролле:

Результаты в подборке постоянно загружаются на страницу. Источник: monki. com/ru_ru/

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

Удобные и компактные фильтры, которые появляются при скролле вверх. Источник: asos.com/ru

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

Хлебные крошки. Источник: ozon.ru

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

Источник: 365detox.ru

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

Фрагмент карты: сайт издательства. Ссылки кликабельные. Источник: alpinabook.ru

Собираем все воедино

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

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

Не стоит ссылаться на все подряд: если темы страниц будут логически несвязанными, читатель, скорее всего, уйдет с сайта. Лучше концентрироваться на полезных страницах для посетителей. Через некоторое время после запуска сайта посмотрите тепловые карты кликов: например, в Google Analytics и «Яндекс. Метрике». Так можно изменить расположение ссылок и удалить ненужные.

Соединяем страницы, связанные по контексту. Перелинковки — это ссылки с одних страниц на другие. Важно делать перелинковку не только по иерархии «Растения» ⇄ «Фикус». Страницы одного уровня тоже нужно связать между собой, например «Фикус» — «Бегония». Эффективнее делать это, когда товары, статьи или подкатегории связаны по смыслу. Фикус и бегония — неприхотливые растения, которые подойдут для новичков, поэтому перелинковка тут уместна.

Можно еще показать другие модели из коллекции. Источник: jewelry-in-august.com

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

Пример блока «Последние новости». Источник: interfax.ru

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

Кратко: как сделать правильную структуру сайта

• Начните с клиента: сайт будет хорошо выдаваться в поиске, только если соответствует запросу посетителей. Сервисы «Подбор слов Яндекса» и Google Trends помогут определить ключевые запросы.
• Проанализируйте конкурентов: это поможет представить, что может быть в вашей структуре. Введите ключевые запросы в «Гугле» и «Яндексе» и посмотрите сайты в первых строках выдачи.
• Спланируйте архитектуру сайта: помогите посетителю максимально быстро решить проблему. Возьмите на вооружение silo-структуру: страницы объединены по темам и от главной до любой другой нужно минимальное количество кликов. Используйте программы визуализации, чтобы лучше представить будущую структуру.
• Постройте навигацию: помогите посетителям быстро и просто попасть на нужные страницы. Меню, фильтры и сортировка, хедер и футер, иерархическая структура URL и хлебные крошки, карта сайта и разбивка страницы справятся с этим.
• Сделайте перелинковку: соедините страницы по темам, а новые со старыми. Только не нужно ссылаться на все страницы подряд. Здесь сохраняется главное правило: контент каждой страницы должен закрывать запрос посетителя.
• Проверьте и протестируйте сайт, когда он будет готов. Посмотрите структуру вместе с коллегами и знакомыми: понятна ли навигация, удовлетворяется ли запрос, удобно ли переходить между страницами. Пригодятся сервисы поисковых систем или, например, www.semrush.com/siteaudit/ с каких страниц люди уходят, где задерживаются и больше покупают.

Перейти ко всем материалам блога

Как построить архитектуру сайта и SEO-блоки (шаг за шагом)

Плохая архитектура сайта похожа на беспорядок на рабочем столе.

Это невыносимо.

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

Вы должны сделать это для вашего рейтинга.

Рост securitynerd.com, хорошо структурированного сайта с низким уровнем аварийного восстановления в конкурентной нише.

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

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

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

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

🤨 Почему важна архитектура сайта

1 — Повышение рейтинга в Google

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

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

Даже Джон Мюллер из Google рекомендует людям правильно структурировать свой веб-сайт.

Но как именно хорошая структура веб-сайта способствует более высокому рейтингу?

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

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

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

Страницы без ссылок труднее сканировать, индексировать и ранжировать.

Страницы без ссылок труднее сканировать, индексировать и ранжировать

Но хорошая структура веб-сайта — это не только индексируемость.

В конце концов, ваша XML-карта сайта может заполнить этот пробел.

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

Например:

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

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

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

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

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

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

2 — Улучшение потока полномочий и индексации

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

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

Отличным примером отличного использования этого принципа может быть веб-сайт Security.org.

На своей домашней странице они выделяют 3 основные области, в которых они специализируются:

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

Затем эта ссылка отправляет вас на «лучшие домашние камеры безопасности».

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

Щелкнув по одной из этих ссылок, вы попадете на подробный обзор продукта.

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

Это может объяснить, почему эта последняя отдельная страница обзора получает более 3000 органического трафика, согласно Ahrefs (это очень много!), даже несмотря на то, что у нее всего 5 внешних ссылающихся доменов.

3 — Улучшение взаимодействия с пользователем

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

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

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

🥇 Лучшие практики архитектуры сайта

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

1 — Планируйте, планируйте, планируйте

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

… И я знаю это, потому что я это сделал.

Вот как вы можете быть уверены, что не будете жить с теми же сожалениями, что и я:

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

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

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

Когда они у вас есть, мы хотели бы использовать бесплатную версию Dynalist.io — минималистское приложение. это помогает организовать идеи — спланировать наши SEO-хранилища.

В начале список выглядит довольно просто:

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

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

3. Проведите дополнительное исследование ключевых слов

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

Например, расширим секцию шестерни:

4. Проведите исследование ключевых слов для своих узловых страниц

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

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

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

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

2 — Следуйте правилу 3 кликов

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

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

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

Это упрощает работу для вас, владельца сайта.

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

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

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

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

Например, сайт, который отлично справляется с этой задачей, — не что иное, как Apple.com.

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

Затем линейку продуктов:

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

Это делает ваш четвертый щелкните тот, где вы даете им целую кучу денег и завершите оформление заказа:

Простое, элегантное и эффективное применение теории трех кликов.

3 — Создание настраиваемых концентраторов контента

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

Почему?

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

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

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

Удачи вам в применении правила 3-х кликов.

Представьте себе сообщения между страницами 4 и 83 — как они получают ссылочный вес?

Кроме того, из-за отсутствия уникального контента эти страницы категорий по умолчанию считаются Google «низкоценными».

Это затрудняет создание ссылок, потому что они просто не очень привлекательны.

Но ваши узловые страницы — одно из самых ценных мест для получения ссылок. Ссылки не просто поднимают эти страницы — они также поднимают все страницы ниже.

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

Content Hub Концептуальные идеи

1. Концентратор сообщений в блоге со списком (Authority Hacker)

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

Пример: https://www.authorityhacker.com/best-niches-affiliate-marketing/

2. Глоссарий (WP для начинающих)

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

Пример: https://www.wpbeginner.com/glossary/

3. Сообщение в блоге с верхней навигацией (Security.

org)

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

Пример: https://www.security.org/digital-safety/

Но как мне построить эти священные бункеры WordPress, , вы говорите?

Рад, что вы спросили!

Как создать бункер SEO в WordPress: шаг за шагом

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

Но есть способ обойти это, хотя и немного грязный.

Шаг 1: Создайте страницу или публикацию, которая будет служить вашей новой страницей категории

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

Я рекомендую использовать плагин, например GenerateBlocks, для создания привлекательного макета.

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

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

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

Шаг 2: Перенаправьте страницу категории WordPress по умолчанию на свою страницу или публикацию

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

Для этого мы его просто перенаправим.

Мне нравится использовать для этого встроенную функцию перенаправления Rankmath:

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

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

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

30-кратное перенаправление больше не теряет PageRank.

— Гэри 鯨理／경리 Illyes (@methode) 26 июля 2016 г.

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

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

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

4 — Злоупотребление внутренними ссылками

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

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

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

Мы с этим не согласны.

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

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

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

Самая популярная из них — Википедия.

Но более практичный пример — люди с Security.org.

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

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

И это бесплатные инструменты для веб-мастеров Ahrefs.

Я знаю, что некоторые из вас, вероятно, недоумевают, потому что Ahrefs не известен этим.

Но если вы зайдете в их инструмент аудита сайта:

А затем выберите «отчет о возможностях ссылок»:

Затем вы можете установить фильтрацию следующим образом:

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

Затем просто нажмите на целевую страницу и добавьте свою внутреннюю ссылку.

Вуаля! Наконец, простой способ справиться с внутренними ссылками на вашем сайте!

В качестве альтернативы вы также можете рассмотреть возможность использования Link Whisper на своем сайте (посмотрите, что я здесь сделал? 😉)

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

👉 Вывод

Архитектура веб-сайта не должна быть сложной.

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

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

Следуйте этим простым правилам:

Как добиться лучшей архитектуры веб-сайта

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

Все важные страницы должны находиться в пределах 4 кликов от вашей домашней страницы

Создавайте центры пользовательского контента

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

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

🤨 Часто задаваемые вопросы

Насколько на самом деле важна архитектура сайта для моего рейтинга?

Это вопрос на миллион долларов: стоит ли заморачиваться?

Насколько выше будет рейтинг вашего сайта, если вы будете следовать этим рекомендациям?

Как всегда в SEO, ответ «это зависит».

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

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

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

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

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

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

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

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

Если вам это не нравится, вы можете либо вернуться к более классическому инструменту карты сайта, такому как MindMeister, либо выбрать что-то более сложное, например FlowMapp.

В чем разница между бункерами, концентраторами и категориями?

Они одинаковые! Вот почему я использую их взаимозаменяемо в приведенном выше содержании.

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

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

Должен ли я использовать страницы или сообщения в блогах для построения своей структуры бункера?

Вам решать! В глазах Google веб-страница — это веб-страница, и им все равно, использовали ли вы функцию страницы или публикации в блоге внутри WordPress.

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

Должен ли я вкладывать свои URL-адреса или нет?

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

И, как вы уже догадались, ответ: «это зависит».

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

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

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

Что делать, если получена страница, принадлежащая 2 концентраторам/хранилищам?

Это тяжелая ситуация, и она обязательно случится с вами.

Вернемся к нашему примеру с пейнтболом. Допустим, у вас есть обзор продукта с таргетингом на ключевое слово «Tippman a 5 Review».

Поместить его в раздел /brand/tippman/ или в раздел /paintball-guns/?

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

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

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

Совершенно нормально размещать ссылки с /brand/tippman/ на обзоры, даже если они размещены в разделе /paintball-guns/.

Должен ли я изменить свои URL-адреса, чтобы они соответствовали тому, чему вы учили в этом посте?

Обычно нет.

Но опять же, это зависит.

Если бы вы запустили свой сайт на прошлой неделе, я бы, наверное, это сделал.

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

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

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

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

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

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

Три причины:

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

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

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

Причина № 2: Архитектура сайта создает авторитет ссылок на вашем сайте.

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

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

(которое может косвенно помочь вам в SEO)

Передовой опыт

Используйте «плоскую» архитектуру сайта

В общем, «плоская» архитектура сайта лучше подходит для SEO.

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

Вот изображение плоской архитектуры сайта:

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

Почему это важно?

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

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

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

В идеале ваша архитектура должна выглядеть примерно так:

Как видите, все ваши основные категории связаны непосредственно с вашей домашней страницы.

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

Будьте проще

Это не очень важно, если вы ведете блог или сайт с сотнями страниц.

Но как только вы начнете добавлять на свой сайт тысячи (десятки тысяч) разных страниц, простота станет ОГРОМНОЙ.

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

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

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

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

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

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

Использование страниц категорий

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

Хотите открыть новую страницу? Добавьте его в существующую категорию. И ссылку на него со страницы этой категории.

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

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

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

Например, в Backlinko проиндексировано около 120 страниц:

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

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

Структура URL-адреса

Структура URL-адреса должна логически следовать вашим категориям.

Вот пример структуры URL, которую используют многие сайты:

https://example.com/category/subcategory/keyword-keyword

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

Используйте внутренние ссылки

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

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

И со страниц категорий на отдельные страницы в этой категории:

Например, Best Buy ссылается на все свои категории со своей домашней страницы:

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

Примечание. Используйте HTML для навигации

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

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

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

Примечание. Убедитесь, что ваши навигационные ссылки созданы в формате HTML, а не JS или Flash.

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

Использование карты сайта

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

Вот пример:

Дополнительные ссылки

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