Улучшаем сниппет с помощью микроразметки

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

Делаем сниппет для товарной карточки

Сведения о продукции, её цене, особенностях доставки, которые имеются на страничках товарных позиций интернет-магазина, можно предлагать целевой аудитории уже в сниппете, то есть потенциальный покупатель увидит её в выдаче Яндекса и Гугла. Чтобы сделать это и расширить сниппет, следует использовать стандарт Schema.org и правильно разметить товарные страницы веб-площадки.

Немаловажный плюс использования микроразметки заключается ещё и в том, что это универсальный инструмент для разных поисковиков, а значит, одним махом можно получить расширения для Yandex и Гугла, не подготавливая специальные файлы для разных панелей Вебмастера и т.д. Все популярные поисковые системы распознают данный стандарт, способны извлекать нужные семантические (микро) элементы, помеченные конкретными тегами и/или атрибутами.

Для получения классного сниппета товарных карточек, нужны такие схемы - Оффер, Продукт, АггрегатОффер и их атрибуты. Вся иерархия и принципы использования описаны на англоязычном веб-сайте - Schema.org. При этом тот же Яндекс учитывает лишь отдельные свойства (так, в сниппет нельзя внедрить рейтингРанжирование - процедура определение порядка в соответствии с рангом (применительно к веб-сайтам - авторитетом, релевантностью запросу). Результатом ранжирования,…Перейти к словарю терминов товара), а вот в Гугле и это возможно, что добавляет описанию в выдаче ещё большей эффективности.

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

Что же мы узнали. Есть три атрибута, которые помогают поисковым ботам:

• itemscope - указывает роботу, что описывает объект;
• itemtype - определяет тип объекта (применимо к карточке товара самый первый - это Продукт);
• itemprop - характеризует свойства объекта (у нас это должно быть имя - name).

Отметим, что тут же можно применить и такое свойство, как "описание" - дескрипшнDescription (в переводе с английского "описание") - метатег, который отвечает за вывод кратких сведений о содержании веб-страницы. Эту информацию ведущие поисковые…Перейти к словарю терминов , с размещением важных сведений о товарной позиции.

Теперь о том, как происходит отбор цены товара для сниппета и правилах разметки:

• Типом объекта выступает - Цена (Price) - используется атрибут itemtype.
• Добавляется ещё одна составляющая - PriceCurrency, позволяющая указывать денежную единицу (к примеру, RUR).
• В качестве характеристики для itemprop выступает Цена и её конкретное значение.

Для вывода рейтинга, основанного на отзывах пользователей, он же AggregateRating Schema, используется средний показатель. Его подсущностью выступают RatingValue и ReviewCount. В результате выводится рейтинг в виде звездочек, указывается число отзывов и числовое значение среднего рейтинга. 

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

Ознакомиться с подробными правилами стандарта Schema.org и его синтаксиса для создания кода вы можете в  HYPERLINK "https://yandex.ua/support/webmaster/schema-org/intro-schema-org.xml" справке Яндекса (информация на русском языке) или же на  HYPERLINK "Schema.org" оригинальном веб-ресурсе (английский язык).

Расширяем сниппет за счет сведений о фирме

Микроразметка также позволяет дополнить описание в выдаче данными о компании и её адресе. Она же дает возможность передать эту информацию в такие сервисы поисковиков, как Я.Справочник или гугловский Граф знаний. Эти сведения также могут быть использованы другими партнерскими сервисами с целью предоставления аудитории исчерпывающей информации о компании. Так, для сайта кафе нужен адрес, график работы по дням, телефон для бронирования столика. Аналогичный сниппет не помешает и стоматологической клинике, что приведет к записям к специалистам даже без входа на ресурс.

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

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

Стандарт семантической разметки Schema.org востребован не только в сфере электронной коммерции (то есть среди владельцев интернет-магазинов). Он также помогает получать конкурентные преимущества для онлайн-СМИ и информационных ресурсов. Для CMS WordPress даже разработаны отдельные плагины, позволяющие автоматически встраивать необходимые микроданныеМикроформаты – метод семантической разметки содержимого на сайте, позволяющий сделать контент более доступным для обработки роботами. Данные, связанные с…Перейти к словарю терминов в код. Как следствие, в сниппете нередко фигурируют картинкиAlt (в русской транслитерации "альт") - это атрибут тега < img >, используемый для описания изображений. В содержании этого атрибута прописывается описание,Перейти к словарю терминов , видеоролики или фотографии. Подобные расширения, конечно же, бросаются в глаза пользователей, невольно подталкивая к клику по данной ссылке.

Подобный прием актуален для большого количества веб-проектов, к примеру, для:

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

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

Наши выводы

Занимаясь оптимизацией веб-ресурса, обязательно уделяйте внимание микроразметке Schema.org. Этот этап работы окажет серьезное воздействие на качество веб-сайта в целом и на информативность, привлекательность, полезность его вида в поисковике в частности. При внедрении элементов микроразметки осуществляйте проверку корректности кода, применяя валидаторы HYPERLINK "https://search.google.com/structured-data/testing-tool?hl=ru"  Гугла и  HYPERLINK "https://webmaster.yandex.ru/microtest.xml" Яндекса.