Шаги, которые предприняло SEO-агентство для создания страницы электронной коммерции для пекарни
Добро пожаловать обратно на следующий эпизод нашего SEO Reality Show! В предыдущих эпизодах мы рассмотрели многочисленные шаги, которые экспертное агентство предприняло для повышения потенциала ранжирования веб-сайта пекарни Edelweiss, включая процесс создания сильного контента для блога и проверки на потенциальные технические ошибки.
. У пекарни уже был существующий раздел электронной коммерции до начала работы с агентством, но это был лишь небольшой раздел на главной странице; там не было карточек товаров или категорий. Агентство знало, что для увеличения потенциала покупок необходима специальная страница электронной коммерции с возможностью просмотра товаров по категориям и добавления карточек товаров для каждого товара, который клиенты могли бы купить.
Этот эпизод расскажет о том, как SEO-агентство обновило функции электронной коммерции пекарни, чтобы повысить видимость товаров и онлайн-продажи.
Процесс
Агентство хотело начать с дизайна, чтобы определить структуру страницы, которую они будут использовать, какие категории потребуются и как будут выглядеть общие макеты.
Их первым шагом было создание макета для раздела электронной коммерции «Магазин» на сайте, который включал два дополнительных макета:
- Макет страницы категории: позволяет пользователям просматривать различные продукты по типу, помогая им найти именно тот вид выпечки, который они ищут.
- Макет страницы карточки товара: предоставляет дополнительные сведения об отдельном товаре
После создания этих макетов дизайна агентство заполнило соответствующую информацию для каждой карточки товара. Давайте рассмотрим точный процесс шаг за шагом.
Шаг 1, Подготовка макетов и дизайна
Для создания страницы магазина пекарни агентство использовало WooCommerce, стандартный плагин WordPress с готовыми функциями и шаблонами электронной коммерции. Чтобы завершить настройку, агентство проанализировало элементы, аналогичные тем, что использовались при подготовке общей структуры сайта:
- . Веб-сайты конкурентов пекарни (выбранные на )
- ранних этапах работы агентства
)
Результаты по распространенным запросам, ориентированным на продажи, включая «купить хлеб онлайн» и «купить хлеб на закваске»
Вот скриншот результата поиска категории конкурента по запросу «купить хлеб на закваске»: Это показало агентству, что делают конкуренты и что могут искать клиенты..
Затем агентство создало макеты дизайна и отправило их дизайнеру, следуя процессу, аналогичному тому, когда они помогали Edelweiss
обновить дизайн главной страницы сайта
- .
- Шаг 2, Подготовка страниц категорий
- Во время анализа на предыдущем шаге агентство пришло к выводу, что следующие элементы страницы категории абсолютно необходимы:
- Список товаров
- Заголовок и SEO-текст
- Блок FAQ (*может быть не во всех случаях)
Кнопки навигации по страницам (пагинация)
Меню
Хлебные крошки (Breadcrumbs)
Агентство также обнаружило, что некоторые категории могут быть слишком малы для оптимизации; например, категория Чиабатта.
Эта категория товаров содержала всего три продукта, поэтому было логичнее попытаться оптимизировать отдельные страницы товаров для хорошего ранжирования, а не страницу категории, которая содержала бы лишь несколько товаров. Однако страницу карточки товара можно было оптимизировать, так как в топ-10 результатов по запросу «купить чиабатту» было как минимум две карточки товаров. WSS Agency Вот макет страницы категории, который придумала команда дизайнеров. Агентство использовало Keyword Magic Tool
(о котором вы можете узнать больше здесь ) для подготовки технических спецификаций для контента страницы категории и использовало функцию «Вопросы» в Semrush для блока FAQ.
Semrush недавно обновил свой Keyword Magic Tool, чтобы показывать поисковое намерение ключевого слова. Это исключительная экономия времени, устраняющая необходимость исследования, чтобы определить, требует ли ключевое слово
коммерческого или информационного контента
- , и исключающая догадки.
- Шаг 3, Создание карточек товаров
- Во время первоначального анализа агентство определило, что страница карточки товара должна включать следующие элементы, чтобы лучше всего объяснить, что представляют собой различные продукты, и увеличить вероятность их покупки:
- Высококачественные изображения товара
- Кнопка покупки/предзаказа товара
- Заголовок и SEO-описание
- Раздел FAQ
- Характеристики и описание товара
Краткая информация о системах оплаты и доставки
Меню (опционально)
- Хлебные крошки (Breadcrumbs)
- Вот дизайн карточки товара, который агентство создало для пекарни Edelweiss:
Несколько моментов, которые стоит отметить в этом дизайне:
Размещение и акценты вокруг определенных элементов страницы были тщательно продуманы. Например, изображение товара, цена и кнопка добавления в корзину были самыми яркими и заметными, чтобы они выделялись на странице.
- Карточка товара содержит всю информацию, которая была бы полезна посетителю и в конечном итоге увеличила бы шансы на то, что он что-то купит. Это включало: фотографии товаров, отзывы реальных клиентов и подробные описания товаров.
- Шаг 4, Оптимизация корзины товаров
- У Edelweiss уже была страница корзины товаров, поэтому агентство не стало создавать новую. Более того, их страница корзины включала важные элементы, которые клиент, скорее всего, захочет увидеть перед оформлением заказа, включая:
какие товары находятся в корзине
сколько стоят товары
- количество товаров в корзине
- Вот страница корзины товаров Edelweiss:
- Хотя страница корзины товаров Edelweiss уже была в хорошем рабочем состоянии и хорошо оптимизирована, агентство хотело поделиться следующими рекомендациями с нашими читателями, которые хотят улучшить опыт своих клиентов на сайте:
- Она должна включать список товаров в корзине, включая изображение товара
Клиенты должны иметь возможность легко удалять, добавлять или изменять количество каждого товара в ней
Общая цена, отображаемая при оформлении заказа, должна быть окончательной ценой (включая доставку + НДС, при этом как минимум должно быть указано, что она будет рассчитана во время оформления заказа)
Она должна позволять клиентам заказывать без необходимости регистрации (опционально, но настоятельно рекомендуется). Форма оформления заказа Процесс оформления заказа Edelweiss уже быстрый и простой, поэтому у агентства не было дополнительных предложений по его улучшению. Вот как выглядит их форма оформления заказа: Если вы хотите оценить процесс оформления заказа на вашем сайте, вот несколько вещей, которые стоит учесть:
- Форма и процесс оформления заказа должны быть простыми и понятными
- Текстовые поля должны содержать инструкции о том, что вводить
- Поля, которые клиенты должны заполнить, должны быть выделены
- Форма должна запрашивать только ту информацию, которая необходима для завершения покупки
Шаг 5, Макет и техническая оптимизация
После выбора макетов дизайна программисты агентства смогли приступить к настройке списков товаров с использованием созданных шаблонов. Агентство дало программистам следующие рекомендации перед началом работы, которые мы разберем по категориям.
Настройка списка товаров
Первое, на что обратило внимание агентство, — это то, как должны быть настроены списки товаров как на страницах категорий, так и при просмотре товаров по категориям. Вот требования, которые они предъявили команде:
- Разрешите покупки прямо из списка товаров на странице категории, не переходя в карточку товара. Это будет кнопка «Быстро добавить в корзину». Если клиент уже знаком с продуктом, покупка из списка будет очень удобной.
- Названия товаров должны быть ссылками, настроенными через тег <a href></a>, а кнопки покупки должны быть настроены через <button></button>.
«Это простое правило, которое помогает поисковым системам понимать контент и элементы страницы», — пояснило агентство. - Контент меню должен быть доступен, даже если JavaScript отключен. Меню должно быть навигационным руководством как для людей, так и для поисковых роботов, а ссылки в меню — это блок локальной перелинковки.
Если ваше меню реализовано только на Javascript, поисковые системы будут видеть категории вашего магазина как несвязанные. Это приведет к появлению «сиротских» страниц, то есть страниц без ссылочного веса, которые могут никогда не быть проиндексированы. Чтобы решить эту проблему, создайте меню с использованием CSS, чтобы все ссылки были доступны при отключенном Javascript.
Канонизация, фильтры и сортировка
Агентство знало, что крайне важно организовать фильтры, сортировку и канонизацию логичным образом, чтобы пользователям было легко найти то, что они ищут, и чтобы трафик клиентов распределялся правильно.
Вот что они потребовали:
- Настройте канонический тег самоссылки (указывающий на текущую страницу) для всех страниц без параметра get.
- Для страниц с параметром get (включая страницы сортировки товаров и фильтров) канонический тег должен указывать на основную страницу, то есть на ту, к которой был применен фильтр.
Настройка пагинации
Пагинация — это последовательность страниц на вашем сайте, и агентство знало, что пагинация важна как для пользовательского опыта, так и для целей индексации. Вот рекомендации, которые они предложили:
- Канонический тег самоссылки должен быть настроен для всех страниц, и страницы должны быть доступны для индексации.
- Мета-тег для всех страниц (кроме главной) должен формироваться по маске заголовка «Страница N», где N — порядковый номер текущей страницы в цепочке пагинации.
- Для типа «страница-1» (который может формироваться по-разному в зависимости от вашей CMS) необходимо настроить 301 редирект на главную страницу. В цепочке пагинации не должно быть ссылок на страницу типа «страница-1», а также не должно быть самоссылающихся ссылок.
Разметка
Разметка может значительно помочь брендам укрепить доверие, использовать социальные доказательства и предоставить важную информацию своим клиентам. Агентство рекомендовало разработчикам добавить следующую разметку в списки товаров:
Для категорий и карточек товаров агентство рекомендует создать следующую разметку:
- Микроразметка «хлебных крошек»
- Разметка товара с ценой (или диапазоном цен)
- Рейтинг товара
Это помогает странице иметь расширенные сниппеты в поисковой выдаче Google. Если есть блоки вопросов и ответов, им потребуется разметка FAQ Page.
Вы можете получить помощь с вашей разметкой здесь.
Шаг 6, Заполнение информации о категориях и карточках товаров
Как только макеты дизайна для страниц категорий и карточек товаров были готовы, следующим шагом для агентства стал ввод информации о каждом основном товаре* и оптимизация контента.
*Один и тот же товар может появляться в разных категориях, но он должен быть доступен только по одному URL. Это предотвратит дублирование товаров, максимально увеличивая их видимость на вашем сайте.
Агентство рекомендует индексировать категории и карточки товаров в порядке их завершения, шаг за шагом, а не все сразу. Это нужно для того, чтобы поисковые роботы не сканировали и не индексировали пустые страницы товаров.
Далее
Теперь, когда настройка страницы магазина завершена, агентство перешло к следующей задаче! В следующем эпизоде мы рассмотрим, как агентство настроило дополнительную аналитику для сайта пекарни, чтобы правильно и эффективно отслеживать конверсии.