Базовая SEO-оптимизация Shopify-магазина: пошаговая инструкция

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

Да, сейчас все активно обсуждают GEO-оптимизацию (Generative Engine Optimization) и то, как искусственный интеллект меняет привычный поиск. Но классическое SEO никуда не ушло — оно по-прежнему остается фундаментом любого интернет-магазина. Без базовой технической оптимизации ни Google, ни AI-ассистенты не смогут корректно понять структуру сайта, найти ваши страницы и использовать их в своих ответах.

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

Шаг 1. Оптимизация изображений на главной странице

Качественные баннеры в высоком разрешении могут весить 5–10 МБ. Если загрузить их «как есть», загрузка главной страницы на мобильных устройствах может занять несколько секунд. Это ухудшает показатели Core Web Vitals и пользовательский опыт, а значит, может негативно влиять на SEO.

Как делать:

• Формат: Используйте современные форматы изображений — в первую очередь WebP, при необходимости — AVIF.
• Сжатие перед загрузкой: Сжимайте баннеры и фоновые изображения через TinyPNG или Squoosh. Для крупных баннеров старайтесь держать размер файла в пределах 150–200 КБ, а для небольших картинок — до 50 КБ, если это позволяет сохранить качество.
• Разрешение: Не загружайте изображения шириной 4000 px, если максимальная ширина контейнера на сайте — 1920 px. Подготавливайте графику под реальные размеры отображения в теме.

Шаг 2. Alt-тексты для изображений главной страницы

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

Как прописать в Shopify:

1 вариант: Через раздел файлов

1. Перейдите в Content → Files.
2. Кликните по изображению и найдите поле Alt text в правой панели настроек.

2 вариант: Через редактор темы (Customize)

1. Перейдите в Online Store → Themes.
2. Нажмите Customize напротив активной темы.
3. Выберите секцию с изображением, например Image Banner или Image with Text.
4. Кликните на изображение и в редакторе найдите поле Alt text в правой панели настроек.

Шаг 3. Alt-тексты для изображений товаров

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

Вариант 1. Описательный Alt-текст (Ручной)

Куда заходить в Shopify:

1. Перейдите в раздел Products.
2. Выберите нужный товар.
3. В блоке Media кликните на нужное изображение.
4. Отредактируйте Alt-текст.

Формула Alt для товаров:
[Тип товара] + [Название / Бренд] + [Цвет / Материал / Особенность]

Пример: Женская кожаная сумка Classic бордового цвета — вид сбоку.

Вариант 2. Автоматическая подстановка названия товара (Через код)

Для большого каталога можно использовать название товара в качестве Alt-текста. Это простой и безопасный вариант для массового заполнения. В темах на базе Horizon (например, Heritage) это можно настроить автоматически с помощью небольшой правки в коде галереи товара.

Как настроить:

1. Перейдите в Online Store → Themes.
2. Нажмите Customize напротив активной темы и откройте шаблон Products.
3. Найдите блок галереи товара. В настройках блока нажмите ⋯ → Edit code.
4. В открывшемся файле найдите строку:
   {% render 'product-media-gallery-content' %}
   Зажмите Ctrl и кликните правой кнопкой мыши по product-media-gallery-content, чтобы перейти в соответствующий Snippet.
5. В открытом файле выполните поиск (Ctrl + F) по слову 'alt:'.
6. Найдите параметр:
   alt: media.alt
   и замените его на:
   alt: product.title
7. Сохраните изменения и проверьте несколько товаров на витрине.

Шаг 4. Добавление магазина в Google Search Console (GSC)

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

Как подключить:

1. Откройте Google Search Console и войдите в свой Google-аккаунт.
2. Нажмите Добавить ресурс и выберите тип ресурса Префикс URL (URL prefix). Введите адрес магазина (например, https://yourdomain.com).
3. Выберите способ подтверждения HTML-тег (HTML tag) и скопируйте предоставленный метатег.
4. В Shopify перейдите в Online Store → Themes → ⋯ → Edit code.
5. Откройте файл theme.liquid и вставьте скопированный метатег внутрь блока <head> перед закрывающим тегом </head>.
6. Сохраните изменения в Shopify и вернитесь в Google Search Console.
7. Нажмите Подтвердить (Confirm).

Шаг 5. Добавление Sitemap в Google Search Console

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

Где взять Sitemap в Shopify?
Shopify автоматически генерирует Sitemap по стандартному адресу:
https://ваш-домен.com/sitemap.xml

Как добавить Sitemap в Search Console:

1. Откройте нужный ресурс в Google Search Console.
2. В левом меню перейдите в раздел Sitemaps.
3. В поле Добавить новый файл Sitemap вставьте sitemap.xml.
4. Нажмите Отправить.

Шаг 6. Оптимизация Homepage Title и Meta Description

Title и Meta Description — это основные метаданные страницы, которые помогают поисковым системам понять её содержание и формируют сниппет сайта в результатах поиска.

Куда заходить в Shopify:

1. Перейдите в Online Store → Preferences.
2. Найдите поля Homepage title и Homepage meta description.
3. Заполните их с учетом содержания и основных поисковых запросов вашей главной страницы.
4. Сохраните изменения.

Шаг 7. Отправка страниц на индексацию и проверка ошибок

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

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

1. В верхней части Google Search Console найдите строку «Проверка всех URL на ресурсе...».
2. Вставьте полный адрес страницы (например, главной страницы магазина).
3. Нажмите Enter и дождитесь проверки URL.
4. Если страница не доступна для индексации, нажмите «Запросить индексирование».

Шаг 8. Финальная проверка SEO в PageSpeed Insights

Финишем базовой SEO-настройки можно сделать проверку в официальном инструменте Google — PageSpeed Insights.

Как выполнить проверку:

1. Перейдите в PageSpeed Insights.
2. Введите URL вашего магазина и нажмите Анализировать (Analyze).
3. Дождитесь завершения проверки и откройте раздел SEO.

Почему вам не нужно делать это вручную при работе с IceStore Group?

Создание интернет-магазина — это комплексный процесс, где важна каждая деталь. Мы в IceStore Group убеждены, что заказчик не должен тратить время на редактирование кода, ручную оптимизацию картинок и проверку показателей в PageSpeed Insights.

При заказе разработки Shopify-магазина в IceStore Group вся базовая SEO-оптимизация и техническая проверка PageSpeed уже входят в стоимость создания магазина.

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

Есть вопросы? Напишите нам
Email: info@icestoregroup.com
Telegram: @icestoregroupshopify