Как использовать Schema.org для улучшения доступности сайта

Schema.org – это совместная инициатива поисковых систем (Google, Bing, Yahoo! и Yandex) по созданию структурированных данных для веб-страниц; Использование Schema.org не влияет напрямую на визуальную доступность сайта для людей с ограниченными возможностями, но значительно улучшает его семантическую доступность для поисковых систем и вспомогательных технологий (скринридеров), что косвенно повышает удобство использования для всех.

Что такое семантическая доступность?

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

Как Schema.org помогает вспомогательным технологиям?

Скринридеры и другие вспомогательные технологии используют информацию из Schema.org для:

  • Более точной интерпретации контента: Скринридер может правильно озвучить, например, цену товара, а не просто прочитать цифры.
  • Навигации по странице: Разметка Schema.org позволяет пользователям быстро переходить к важным разделам страницы (например, к отзывам о товаре).
  • Улучшенного поиска по сайту: Поисковые системы сайта могут использовать структурированные данные для более релевантных результатов.

Основные типы разметки Schema.org

Schema.org предлагает широкий спектр типов разметки. Вот некоторые из наиболее распространенных:

  • Article: Для новостных статей, блогов и других текстовых материалов.
  • Product: Для описания товаров в интернет-магазине.
  • Event: Для информации о мероприятиях (концерты, конференции, выставки).
  • Recipe: Для рецептов блюд.
  • Organization: Для информации о компании или организации.
  • Person: Для информации о человеке.

Как добавить разметку Schema.org на сайт?

Существует три основных способа:

  1. JSON-LD: Рекомендуемый Google способ. Разметка добавляется в виде JavaScript объекта в тег <script> в <head> или <body> страницы.
  2. RDFa: Похож на Microdata, но использует другие атрибуты.

Пример JSON-LD разметки для статьи:

<script type="application/ld+json">
{
 "@context": "https://schema;org",
 "@type": "Article",
 "headline": "Как использовать Schema.org для улучшения доступности сайта",
 "description": "Статья о том, как Schema.org может улучшить доступность сайта для поисковых систем и вспомогательных технологий.",
 "datePublished": "2023-10-27"
}
</script>

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

После добавления разметки важно проверить ее правильность:

  • Google Rich Results Test: https://search.google.com/test/rich-results
  • Schema Markup Validator: https://validator.schema.org/