Как создать подстраницы в Shopify: Полное пошаговое руководство

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

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

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

Почему подстраницы важны для вашего Shopify Магазин

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

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

Даже если Shopify не поддерживает URL-адреса подстраниц, такие как /collections/mens, вы все равно можете создать логическую иерархию, используя ShopifyНастройки навигации, пользовательские страницы, приложения и немного креатива.

Преимущества подстраниц:

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

Вот как создавать подстраницы в Shopify шаг за шагом.

Вариант 1: использовать Shopify Навигация по подстраницам структуры

Самый простой способ создания внешнего вида подстраниц — это использование Shopify's Меню и навигация Функция. Этот метод не меняет URL-адреса, но визуально организует ваш магазин для пользователей.

Как создать подстраницы с помощью навигации:

1. К вашей Shopify Админ Панель
2. Нажмите на Интернет-магазин > Навигация
3. Выберите Главное меню
4. Нажмите «Добавить пункт меню» для создания родительского элемента (например, «Магазин»)
5. Добавьте другие пункты меню (например, «Мужское», «Женское», «Распродажа») в качестве подпунктов.
6. Используйте перетащить и падение чтобы вложить их под родительский элемент

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

Наглядный пример структуры меню:

Пункт меню	Подстраницы
Магазин	Мужской
	Женский
	Распродажа

Хотя URL-адреса по-прежнему будут выглядеть так: /collections/mens, это создает визуальная иерархия который имитирует подстраницы.

Плюсы:

• Быстро и просто
• Не требуется кодирование
• Работает с большинством Shopify темы

Минусы:

• URL-адреса остаются плоскими (не вложенными)
• Ограниченное преимущество SEO от структуры URL

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

Вариант 2: создание подстраниц вручную с пользовательскими URL-адресами

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

Шаги:

1. Перейдите на Интернет-магазин > Страницы
2. Создайте страницу (например, «Все магазины» или «Коллекции»)
3. Создайте больше страниц или коллекций для каждой категории (например, «Мужская одежда», «Женская одежда»)
4. Используйте внутренние ссылки для связи родительской страницы с дочерними страницами.
5. При желании используйте навигационную навигацию и хорошо структурированную стратегию внутренних ссылок, чтобы направлять пользователей и поисковые системы.

Пример структуры URL:

• /collections
• /collections/mens-clothing
• /collections/womens-clothing

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

Таблица: Сопоставление страниц «родитель-потомок»

Родительская страница	Подстраницы/Коллекции
/коллекции	/коллекции/мужская-одежда
	/коллекции/женская-одежда
	/коллекции/распродажа

Плюсы:

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

Минусы:

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

Вариант 3: использование приложения Page Builder

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

Рейтинг Shopify Приложения для создания страниц:

Приложение	Цена (от)	Главные преимущества
PageFly	Бесплатно - 24 долларов в месяц	Редактор с функцией перетаскивания, responsive дизайн интерфейса
Shogun	$ 39 / месяц	A / B тестирования, расширенные элементы страницы
GemPages	$ 29 / месяц	Шаблоны, Инструменты SEO, готовый к использованию на мобильных устройствах

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

Как использовать конструктор страниц для создания подстраниц:

1. Установить приложение для создания страниц
2. Создайте основную родительскую страницу (например, «Магазин по категориям»)
3. Создайте подстраницы, используя шаблоны приложения (например, «Аксессуары», «Обувь», «Новинки»).
4. Связывайте подстраницы внутри родительской страницы с помощью кнопок, изображений или внутренних ссылок.
5. Добавьте эти страницы в свою навигацию для беспрепятственного доступа пользователей

Плюсы:

• Полностью настраиваемый дизайн
• Макеты, удобные для мобильных устройств
• Быстрые визуальные изменения без помощи разработчиков

Минусы:

• Может быть дорогим в зависимости от приложения и функций.
• Добавляет сторонний код на ваш сайт (может повлиять на скорость)

Вариант 4: Настройте свой Shopify Файлы темы

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

Что можно сделать с помощью настройки темы:

• Добавьте хлебные крошки для создания иерархии
• Динамическое отображение связанных подстраниц или коллекций
• Создайте разные шаблоны для родительских и дочерних страниц.
• Добавьте пользовательские разделы с помощью Liquid (Shopifyязык шаблонов)

Основные шаги:

1. Перейдите на Интернет-магазин > Темы > Действия > Редактировать код
2. Сначала сделайте резервную копию своей темы.
3. Редактировать theme.liquid, page.liquidили создайте собственные шаблоны
4. Используйте условные операторы для отображения контента на основе отношений родитель/потомок.
5. Обновите свою навигационную систему и структуру ссылок, чтобы они соответствовали

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

Плюсы:

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

Минусы:

• Требуются знания кодирования (HTML, CSS, Liquid)
• Ошибки могут сломать ваш сайт
• Реализация занимает больше времени

Лучшие практики для подстраниц и SEO

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

Лучшие практики SEO:

• Используйте внутренние ссылки: Всегда связывайте от родителя к дочернему элементу и наоборот.
• Добавить навигационную цепочку: Помогает пользователям ориентироваться и отправляет поисковым системам сигналы иерархии.
• Сохраняйте URL-адреса простыми и ориентированными на ключевые слова: Используйте /collections/mens-running-shoes а не что-то общее.
• Включить структурированную разметку данных: Особенно это касается страниц товаров и коллекций.
• Оптимизируйте каждую страницу индивидуально: Напишите уникальные метазаголовки, описания и теги H1 для каждой подстраницы.
• Избегайте дублирования контента: Если вы используете похожие шаблоны, убедитесь, что контент уникален.

Пример хлебных крошек:

• Главная > Коллекции > Мужская одежда > Кроссовки для бега

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

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

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

Полезные приложения:

Приложение	Что оно делает
Linkcious	Умные внутренние ссылки, основанные на поведении
Умное меню от qikify	Расширенная структура меню, мегаменю
Shopify SEO-менеджер	Помогает управлять метазаголовками, тегами и т. д.
Крошки Панировочные сухари	Добавляет SEO-оптимизированные хлебные крошки
Простые вкладки	Позволяет аккуратно организовывать контент на страницах

Распространенные ошибки, которых следует избегать

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

Главные подводные камни:

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

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

Заключение

Создание подстраниц в Shopify не так просто, как в WordPress или других CMS-платформах, но это определенно выполнимо.

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

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