Skip to content

Микроразметка интернет-магазина на 1С Битрикс

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

 

В двух словах, о том что такое микроразметка:

…т.е. семантическая микроразметка это своего рода набор специальных общепринятых правил обозначения некоторой информации для поисковых систем.

 

Продолжим по сайту. Этот сайт наиболее удачный опыт применение микроразметки для интернет-магазина на 1С Битрикс. Итак какие страницы я подверг изменению:

 

  • Главная страница (тут представлен список товаров на ближайший праздник)
  • Шаблон списка товаров для bitrix.catalog.list
  • Шаблон карточки товара bitrix.catalog.element
  • Страница контакты

Главная страница и шаблон списка товаров

По сути на главной выводится компонент bitrix.catalog.list с тем же самым шаблоном что и в каталоге. Тут этот компонент выводит или товары на ближайший праздник или на конкретно указанный праздник в настройках компонента. Микроразметка для элемента списка товаров выглядит так:

 

Здесь я использовал схемы http://schema.org/Product и http://schema.org/Offer для отражения общих сведений о
товаре и об конкретном предложени. Сейчас требования Яндекса к микроразметке немного изменились и валидатор выдаёт ошибку
для поля price, чтобы её избежать, значение цены (т.е. конкретно цыфорки) нужно вынести отдельно а валюту в международном формате (RUR, USD)
в отдельное поле itemprop=»currency». На тот момент всё и так прекрасно работало. Чтобы не портить внешний вид всякими RUR и пр. текущую
вёрстку можно оставить, а цену и валюту вывести отельным, скрыты через CSS блоком, в строгом соответствии с требованиями Яндекса.

Микроразметка карточки товара

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

Основной контейнер товара

 

Блоки цен на разное количество товаров

 

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

Блоки «Вам так же могут понравиться»

Обратите внимание на свойство itemprop=»isSimilarTo» оно указывает на то что текущий товар является сопутствующим для товара
описанного в родительской схеме Product

Отзывы о товаре

Конкретного товара с отзывом я не нашёл,, но применял для их описание упрощённую схему от приведённой ниже:

Страница «Контакты»

У компании есть представительства в разных городах России,для того чтобы описать эти филиалы я использовал схему Organization.

Каких мы достигли результатов?

Предыдущая версия сайта была сделана на Joomla и в погоне за сохранением проиндексированных ссылок
мы оставили прежнюю не очень ЧПУ-шную структуру URL сайта. Это привело к проблемам с индексацией новых страниц,
робот просто отказывался читать этот шлак. Первый серьёзный эффект после внедрения микроразметки мы увидели через 1,5 месяца, когда в
поиск попали сразу около 450 страниц сайта, преимущественно каталога товаров (всего на сайте было 600 страниц, 550 товаров + ~50 новостей, статичных страницек, акций и прочего), хотя до этого в индексе уже на протяжении полугода висело 120 — 150 страниц. Заметьте на момент интеграции МР компания отказалась от услуг SEO продвиженцев
и никаких усилий ни по директу, ни по наращиванию ссылочной массы сайта не предпринимала.

Вообще для усиления эффекта от микроразметки, должны быть соблюдены общие требования к SEO сайта + наличие, точнее сказать максимальное использование HTML 5
с его тегами header, article, nav и пр. что даст блокам информации на странице сайта дополнительный семантический вес им позволит роботу наиболее точно передать
суть и содержимое Вашего проекта.

Желаю удачи!

Понравилось? Поделись с друзьями:Share on VK
VK
Share on Facebook
Facebook
Tweet about this on Twitter
Twitter
ОпубликованоSEO оптимизация

14 комментариев

  1. Макс Макс

    Спасибо большое за ваш опыт. Как раз ищу реализацию микроразметки для своего интернет-магазина на Битрикс. Буду пробовать 🙂

    • maler1988 maler1988

      Пробуйте, только обязательно проверяйте микроразметку с помощью инструментов яндекса https://webmaster.yandex.ru/microtest.xml т.к. правила могут немного корректироваться, добавляться/удаляться атрибуты и пр. и яша может начать выдавать ошибки.

  2. В настоящий момент для микроразметки есть неплохой (я надеюсь, поскольку я автор) компонент в маркете — http://marketplace.1c-bitrix.ru/solutions/coffeediz.schema/
    Поддерживает 9 схем, позволяет скрытно от юзеров выводить разметку.
    Есть документация, репозиторий на GitHub и багтрекер.

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

    • maler1988 maler1988

      О крутяк! Обязательно потестим, спасибо!

  3. Не за что.
    Если будут пожелания — пишите лучше в ISSUE.
    Если сами что-то решите дополнить — то по возможности хотелось бы увидить форк. Я с удовольствием проверил бы и принял бы пулл-реквест.
    https://github.com/lexnekr/coffeediz.schema

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

    • maler1988 maler1988

      По поводу отзывов, у меня может не очень удачный пример в статье, вообще я их в связке со схемами http://schema.org/Product использовал. Самостоятельно они конечно не несут никакой пользы.

  4. Михаил Михаил

    Добрый день.
    Подскажите — в чем разница между микроразметкой карточки товара и витриной/списком товаров?

    • maler1988 maler1988

      Здравствуйте. По сути ни в чём. Просто в карточке удобно помещать дополнительные блоки так или иначе связанные с описанием этого товара. Например сопутствующие товары itemprop=»isSimilarTo» , отзывы о товаре itemprop=»review» и т.п. Вы же не станете размещать всю эту информацию в списке товара (на витрине), т.к. это введёт пользователя в заблуждение.

  5. Михаил Михаил

    Да. Но сейчас этой информации недостаточно для списка товара. Требует добавления Offers, а, соответственно, и description, price и т.д. Поэтому и спрашиваю. Пробовали ли вы оформлять в целом страницу со списком товара через AggregateOffer или еще каким либо способом.

    • maler1988 maler1988

      К сожалению с AggregateOffer я не сталкивался, боюсь сейчас не смогу Вам помочь. Я так понял что в микроразметке появляются новые тонкости и эта статья потихоньку устаревает. )) Займусь написанием новой.

  6. Михаил Михаил

    Сори. Ошибся. Это для похожих товаром и товаров, продающихся с данным.

  7. Михаил Михаил

    Получается, что сейчас для любой схемы Product требуется name, description и offer.

  8. Михаил Михаил

    Было бы не плохо еще сказать где вы это прописывали в каких местах

    • maler1988 maler1988

      В шаблоне комплексного компонента bitrix:catalog, точнее в шаблонах простых компонентов (catalog.section, catalog.element и пр. ) входящих в состав комплексного. Шаблон КК естественно нужно вначале скопировать в папку с текущим шаблоном сайта (в системные шаблоны писать ничего не надо). =)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Защита от ботов *

Оставляя комментарий на сайте, вы даёте согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности
© it-svalka.ru 2013 - 2019 г. - Копирование материалов сайта запрещено.