Микроразметка карточки товара: Микроразметка Schema.org для карточек товара: цена, отзывы, рейтинг (звездочки) — готовый пример | Дропшиппинг

Содержание

чек-лист для SEO и конверсии — Веб-Центр, блог

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

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

Содержание

Название товара, или Расширенные заголовки

Фотографии и видео

Цена

Кнопка «Купить»

Подробное описание

Характеристики

Перелинковка

Документация

Отзывы

Микроразметка Product

Человеко-понятные URL, или ЧПУ

Хлебные крошки

Избранное, отложенные товары

Условия по доставке и оплате

Мобильная адаптация

Отсутствие дублей

Кнопка «Поделиться»

Скорость загрузки страницы

Наличие кнопки «Купить в 1 клик», или Функция «Быстрый заказ»

Статус наличия товара

Чек-лист: проверьте оптимизированы ли карточки товара

Название товара, или Расширенные заголовки

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

Пример правильно написанного названия товара в карточке

Фотографии и видео

Размещайте качественные и уникальные фотографии продукта. Желательно, чтобы на фото товар был представлен с разных ракурсов, чтобы пользователи могли рассмотреть нюансы. А чтобы пользователь смог увидеть товар во всех деталях, можно продемонстрировать товар в формате 360 градусов.

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

для изображений прописывайте атрибуты alt и title;
снижайте вес изображений без потери качества, чтобы улучшить скорость загрузки.

Размещайте видео-обзоры продукции: так вы покажете товар в действии или раскроете полный функционал в видеопрезентации.

Пример фотографий продукции в карточке товара

Цена

Указывайте только актуальную цену. Оформление тоже важно: выделяйте контрастным цветом или отличающимся шрифтом. Если товар продается со скидкой, укажите размер скидки, начальную стоимость и стоимость со скидкой.

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

Пример оформления цены в карточке товара

Кнопка «Купить»

Кнопки, которые призывают «Купить» или «Положить в корзину», подводят покупателя к целевому действию. Поэтому важно делать их заметными, выделять контрастным цветом.

Пример кнопки «Купить» в карточке товара

Подробное описание

Задача подробного описания – рассказать, что это за товар, для чего он нужен, какая его польза, в чем особенности.

При составлении описаний, придерживайтесь следующих правил:

оптимальная длина текста – 1000 знаков;
избегайте лишней, ненужной информации: пишите только то, что действительно важно и поможет в принятии решения;
дополните тексты медиафайлами: размерные сетки, видеообзоры, инструкции;
разместите описание сразу под фотографиями товара и сделайте его читабельным: используйте удобный шрифт и не мельчите с размером – пользователи будут читать его на экранах с разным разрешением;
используйте не более 1-2 основных ключевиков и старайтесь избегать прямого вхождения, чтобы не было переспама.

Основная рекомендация по размеру описания – текста должно быть столько, сколько нужно, чтобы ответить на основные вопросы покупателей, проработать их возражения и сомнения.

В то же время следите за тем, чтобы не налить воды в текст.

Пример описания товара

Характеристики

Блок «Характеристики» товара чаще все размещают под описанием или в отдельной вкладке под фотографиями продукции.

В блоке указывайте как можно больше деталей: вес, габариты, размер, состав, инструкции. Ключевой принцип – дать максимально полную и достоверную информацию по товару, чтобы избежать возвратов.

Пример блока «Характеристики» в карточке товара

Перелинковка

Перелинковкой называется процесс связывания страниц между собой: на одних страницах размещают ссылки на другие страницы.

Перелинковка поможет увеличить средний чек покупки на сайте. Для этого реализуйте блоки «С этим товаром также покупают», «Похожие товары» и «Раннее смотрели». Так покупатели купят не один товар, за которым пришли на ваш сайт, а сразу комплект.

Пример такой допродажи – предложения с кухонными аксессуарами в интернет-магазине варочных панелей или рекомендации защитных чехлов и стекол в разделе «Смартфоны».

Пример блока «Ранее вы смотрели»

Пример рекомендаций похожих товаров в карточке товара

Пример с рекомендациями других товаров в интернет-магазине

Документация

Блок «Документация» пригодится для тех товаров, которые требуют сертификации, лицензирования или особых условий установки или эксплуатации. Добавьте в карточку товара сертификаты на продукцию или материалы из состава, лицензии и другие документы, которые повысят ценность товара для покупателей.

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

Отзывы

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

Микроразметка Product

Микроразметка – это способ семантической разметки элементов на сайте, с помощью которой роботы поисковых систем понимают, маркируют и идентифицируют информацию на страницах.

Размещайте микроразметку в карточках товаров. Это важно для SEO, так как структурированные данные помогают поисковым роботам быстрее и лучше считывать информацию на странице. С помощью микроразметки формируются расширенные сниппеты, которые выделяются в выдаче и повышают кликабельность, или CTR.

В Schema.org есть специальный тип разметки для товаров – «Product». С помощью этого типа разметки можно указать основные параметры товара: название, бренд, год выпуска и другие характеристики.

Пример микроразметки типа Product в Schema.org

Человеко-понятные URL, или ЧПУ

Используя ЧПУ, пользователи сразу смогут понять что их будет ждать на странице.

Пример человеко-понятного URL

Хлебные крошки

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

Польза хлебных крошек в том, что если пользователь захочет вернуться на предыдущую страницу, то может кликнуть на нужную часть «цепочки». Так намного удобнее, чем листать страницы назад.

Пример хлебных крошек в интернет-магазине

Избранное, отложенные товары

Формирование списка понравившихся товаров – еще один эффективный инструмент, который побуждает пользователя сделать целевое действие на сайте. Избранное обычно отмечается символом «сердечко», что говорит о положительных эмоциях от отложенного товара. Предполагается, что пользователь просматривает список желаний и покупает товары из него. С помощью дополнительного функционала в карточке товара пользователи больше времени проводят на странице, определяются с товаром, сохраняют его и совершают покупки в дальнейшем. Все это положительно влияет на конверсию и поведенческие факторы, а значит, и на ранжирование в поиске.

Функционал «Избранное» влияет на конверсию продаж и поведенческие факторы

Условия по доставке и оплате

Карточка товара должна давать покупателю максимум информации. Поэтому помимо информации о самом товаре разместите следующую информацию:

Способы оплаты
Укажите варианты оплаты: наличный, безналичный. Какие платежные системы поддерживаются в вашем магазине. Есть ли минимальная сумма заказа.
Условия и способы доставки
По возможности выводите стоимость доставки, адреса пунктов выдачи, сроки.

Информация о доставке в карточке товара упрощает процесс принятия решения о покупке

Мобильная адаптация

Во многих сферах e-commerce доля мобильного трафика превышает 50%. Поэтому адаптация сайта под мобильные устройства – необходимость. Вся важная информация о товаре на мобильной версии сайта должна быть хорошо читаема, все кнопки должны быть заметны, в целом страницей должно быть удобно пользоваться.

Мобильная версия интернет-магазина должна быть такой же удобной, как и версия для ПК

Отсутствие дублей

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

Проверить наличие дублей можно с помощью программы Screaming Frog.

Кнопка «Поделиться»

Дополнительный трафик не из поисковых систем положительно влияет на продвижение сайта. Поэтому на страницах карточек товара можно разместить блок «Поделиться» с кнопками на популярные социальные сети. Так пользователям будет удобнее делиться ссылками на товар.

Скорость загрузки страницы

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

Нормальная скорость загрузки страницы современного сайта – 1,5-3 секунды. Держите показатель на этом уровне.

Оценить скорость загрузки можно с помощью сервиса PageSpeed Insights.

Наличие кнопки «Купить в 1 клик», или Функция «Быстрый заказ»

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

Кнопка «Купить в 1 клик» облегчает покупателю взаимодействие с интернет-магазином

Статус наличия товара

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

Указывайте наличие и отсутствие товаров

Чек-лист: проверьте оптимизированы ли карточки товара

Название товара прописано полно, без сокращений.
Присутствуют кнопки CTA «купить», «заказать». Для упрощения процесса покупки есть кнопки быстрого заказа или «купить в 1 клик».
Фотографии в карточке качественные, оригинальные, есть несколько ракурсов.
Обязательно указана цена, которая заметна. Если есть скидка, то выгода уже посчитана и понятна пользователю.
Карточки содержат подробное описание и характеристики товаров.
В карточке есть кнопки избранного, сравнения, «поделиться в соцсетях».
Есть информация о доставке, оплате и наличии товара.
Реализована микроразметка.
В карточке есть отзывы на товар и есть функционал для размещения новых.
Все карточки товара адаптированы под мобильные устройства.
Присутствуют блоки допродажи: «Ранее смотрели», «Вас может заинтересовать», «Похожие товары».
Реализованы ЧПУ.
Отсутствуют дубли карточек товара, реализованы хлебные крошки.

Подписывайтесь на наш блог, чтобы не пропускать другие полезные материалы. А также у нас есть Telegram-канал, где вы сможете узнать самые свежие новости интернет-маркетинга.

Хотите, чтобы ваш сайт был на первых местах в поисковой выдаче? Оставьте заявку. Мы свяжемся с вами в рабочее время в течение часа.

Детальные карточки товара

В Аспро: Корпоративный сайт 2.

0 доступно 6 вариантов карточек товара: 2 стандартных типа: с табами и без табов. Начиная с версии 1.1.0, доступны 4 карточки для разных категорий. Теперь вы можете адаптировать детальную карточку товара под вашу специфику:

Программные продукты
Строительные материалы
Медицинское оборудование
Мебель.

Адаптируйте каталог товаров под специфику в несколько кликов. Вы можете подключить разные типы для разных категорий. В этой главе рассмотрим основные отличия типов карточек и расскажем, как ими управлять.

При выбранном типе с табами или без табов выводится стандартная картинка товара. Справа выводится стоимость и кнопки: «В корзину», «Задать вопрос». Отличаются 2 типа отображением информации о товаре.

1. С табами — вся информация о товаре размещена на соответствующих вкладках. Чтобы перейти на вкладку с текстом, необходимо кликнуть по заголовку таба, например, кликнете по тексту «Описание» или «Характеристики».

2. Без табов — вся информация о товаре размещена сразу на странице отдельными блоками.

3. Программные продукты. Основное, на что пользователь обращает внимание при покупке программных продуктов, это описание, изображение и ключевые преимущества. Поэтому на странице отображается увеличенная картинка, стоимость продукта с кнопками обратной связи (1), примечание (2), описание анонса (3). Ниже выводятся дополнительные картинки, описание товара в виде табов и подобная информация бренда.

4. Строительные материалы. На этой карточке акцент сделан на свойства товара. Изображение компактное. Справа от него выведены характеристики (1), стоимость с кнопками оформления заказа (2), примечание (3), кнопка «Поделиться» (4).

5. Медицинское оборудование. При выборе медицинских аппаратов пользователь в первую очередь обращает внимание на описание и свойства товара. Поэтому в карточке описание анонса (1) и характеристики (4) вынесены справа. Здесь же выводится стоимость с кнопками оформления заказа (2) и примечание (3).

6. Мебель — акцент на характеристиках и изображении. Справа от картинки выводится стоимость и кнопки заказа (1), примечание (2), характеристики (3), кнопка «Поделиться» (4). Детальная информация о товаре выводится ниже в виде табов.

На всех карточках по категориям под основным блоком описания товара справа выводится блок бренда. Здесь отображается иконка, анонс, ссылка на все товары этой же категории бренда и ссылка на все товары бренда. Блок выводится, если к товару привязан бренд.

Содержание главы:

Подключение типов карточек товара

Вкладка «Дополнительно» в карточке товара

Добавление видео в попапе

Добавление примечания-подсказки

Все, что нужно знать о структурированных данных в интернет-магазине на CS-CART

Поисковые системы постоянно совершенствуют алгоритмы, по которым роботы ранжируют сайты в результатах поиска. Каждый год появляются новые факторы, влияющие на этот процесс. В последнее время к этим факторам присоединились структурированные данные. Рассказываем, что нужно знать о структурированных данных владельцу интернет-магазина, чтобы не проиграть конкурентам. В конце статьи мы приводим конкретные решения для платформы CS-Cart.

Что такое структурированные данные и как выглядят структурированные сниппеты в результатах поиска

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

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

Когда пользователь вводит запрос в поле поиска, поисковая система показывает фрагмент с содержимым данных страницы. Если на странице используется микроразметка, то сниппет будет структурирован. Из него пользователь поймет, что его ждет при переходе на сайт. Это повышает привлекательность ресурса в поисковой выдаче.

Вот как выглядит фрагмент карточки товара с микроразметкой:

Что еще отмечено микроразметкой в интернет-магазине:

панировочные сухари;
контакты;
оценок;
отзыв;
блог;
адреса;
строка поиска.

Вот так главная страница интернет-магазина выглядит в результатах поиска с правильными микроданными:

Почему без микроданных не бывает успешного интернет-магазина?

В 2017 году прошла конференция Pubcon, где спикер Google Гэри Илш подтвердил, что наличие микроданных на сайте влияет на ранжирование. Помимо положительного влияния на результаты поиска, микроразметка делает сайт более клиентоориентированным. Структурированный сниппет показывает часть содержимого страницы, чтобы пользователь мог получить важную информацию о товарах и услугах, даже не заходя в интернет-магазин. Это всегда бросается в глаза пользователю и выделяет ресурс среди конкурентов.

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

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

Какие типы микроданных подходят для интернет-магазина?

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

Разные словари используются для разных целей. Словари включают RDFa, микроформаты, Open Graph, Schema.org.

RDFa и микроформаты теряют свою популярность, хотя по-прежнему поддерживаются поисковыми системами. Наиболее популярными и перспективными являются стандарты Schema.org и Open Graph, так как они созданы и разрабатываются крупнейшими гигантами: Google и Facebook соответственно. В 2010 году был разработан формат JSON-LD, который размечает содержимое с помощью связанных объектов словаря данных и хорошо интегрируется со Schema.org.

А теперь обо всех тонкостях подробнее.

1. Schema.org

По сути, Schema.org — это сайт, на котором публикуются различные схемы микроразметки, признанные крупнейшими поисковыми системами мира, включая Яндекс и Google. Схемы — это теги HTML-кода, которые описывают различные объекты и их свойства. Schema.org на сегодняшний день является наиболее широко используемой схемой микроданных. Сниппеты, основанные на Schema.org, называются «расширенными сниппетами».

В словаре более 100 видов разметки основных сущностей интернет-магазина. Список схем постоянно обновляется. Его можно посмотреть на Schema.org.

Существуют также способы реализации разметки схемы для различных сущностей.

По умолчанию CS-Cart использует микроразметку Shema.org только для карточек товаров. Разметку других сущностей можно сделать либо путем установки дополнительных модулей, либо вручную по рекомендациям сайта Schema.org.

2. JSON-LD

JSON-LD — это способ описания содержимого страницы с использованием языка связанных данных. Информация, описанная таким образом, видна роботам, но скрыта от людей. Кстати, еще в середине 2013 года schema.org включил JSON-LD в список форматов, рекомендуемых для разметки страниц. В рекомендации указано, что JSON-LD положительно влияет на распространение структурированных данных в Интернете.

Данные, размеченные с помощью JSON-LD, распознаются поисковыми системами. Это упрощает индексацию и повышает видимость сайта в поиске благодаря расширенным сниппетам. При этом JSON-LD совместим со schema.org, что позволяет владельцу сайта использовать семантику этой системы.

Подробнее о JSON-LD можно прочитать в справке Google и Яндекс.Вебмастера.

Если schema.org и JSON-LD совместимы, зачем изучать новый формат? Тут все понятно: JSON-LD намного проще в использовании, и реализовать его можно быстрее.

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

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

Google рекомендует использовать JSON-LD для отображения телефонов организаций в результатах поиска и для разметки страниц, анонсирующих или описывающих какие-либо события и события: конференции, презентации и т. д. С помощью разметки информация об авторе публикаций и издательстве попадает в блок знаний (организации).

Что дополнительно дает этот формат интернет-магазину? Сообщения из вашего блога могут появляться в карусели «Главные новости» вместе с заголовком и сопровождающим миниатюрным изображением. Когда вы упоминаете название своей компании в поисковом запросе, ваши контакты с большей вероятностью появятся в блоке знаний поиска Google.

Использование микроразметки Schema.org с синтаксисом JSON-LD позволяет правильно и быстро размечать нужные данные, воспринимаемые Google. Яндекс пока не поддерживает JSON-LD (исключение — Яндекс.Почта). Но страницы с JSON-LD проходят валидацию и в Яндексе, и в Гугле.

3. Нужно ли мне внедрять JSON-LD или достаточно Schema.org?

JSON-LD выгодно использовать, если у вас вообще нет микроданных, а основная аудитория переходит на сайт из Google.
Если аудитория равномерно распределена между Яндексом и Google, то достаточно Schema. org, так как Яндекс пока не поддерживает JSON-LD.
Вы можете реализовать JSON-LD и Schema.org одновременно.

4. Open Graph

Open Graph — это специальный стандарт, созданный Facebook. Потом его подхватили Вконтакте, Твиттер, Google+, LinkedIn, Pinterest и все остальные. Используется для отображения превью поста в новостной ленте пользователя. Чаще всего этот словарь используется для оптимизации информационных порталов и блогов. Используя метатеги Open Graph, вы определяете, какие элементы вашей страницы будут отображаться, когда кто-то делится вашей страницей. Это формирует красивую ссылку для социальных сетей. Вы можете установить желаемый превью, собственные заголовки и описания страниц, которые прикреплены к ссылке.

Подробнее об Open.Graph можно прочитать в справке Яндекс.Вебмастера.

Внедряя микроданные Open.Graph, вы получаете:

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

Если ваш интернет-магазин тесно интегрирован с интернет-сообществом, вам не обойтись без Open Graph.

Как внедрить структурированные данные

Как мы уже упоминали, в CS-Cart по умолчанию реализована микроразметка Shema.org только для карточек товаров. Разметить остальные сущности интернет-магазина можно двумя способами: вручную и автоматически.

Если вы хотите научиться делать разметку схемы вручную, то начните с изучения материала, представленного в статье «Введение в schema.org». В статье раскрываются основные принципы синтаксиса этого языка и объясняется, как начать им пользоваться. Дополнительную информацию можно найти в Справке Яндекс Вебмастер. Схемы разметки доступны на Schema.org.

Если вы хотите сэкономить время и силы при внедрении микроданных, то вам подойдут инструменты для автоматизации внедрения микроданных:

Приложение Schema — это набор платных инструментов, позволяющих использовать язык Schema. org без обучения их.
Генератор микроданных с использованием Schema.org + JSON-LD — инструменты, позволяющие структурировать информацию по принципам Schema.org.
Различные плагины и расширения для платформы, на которой работает интернет-магазин. Вы можете найти их в магазинах с модулями для вашей CMS или заказать индивидуальную разработку.

Для CS-Cart есть два модуля, которые решат все ваши вопросы по микроданным:

Структурированные данные JSON-LD. Этот модуль разметит все необходимые сущности интернет-магазина, чтобы сниппеты были информативными и привлекательными. Это улучшит SEO-показатели сайта и привлечет новых клиентов.
Структурированные данные Open Graph. С помощью модуля можно будет настраивать информацию, которая отображается в социальных сетях, и получать высокие показатели кликабельности постов. Так вы привлечете дополнительный трафик из социальных сетей.

После включения модулей обязательно протестируйте свой код с помощью Google Structured Data Testing Tool, чтобы убедиться, что все работает правильно. Поисковым системам может потребоваться некоторое время для индексации полученных структурированных данных. Обычно результаты становятся видны в течение первого месяца после внедрения микроданных.

Разметьте свой контент! Microdata & schema.org

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

Начнем с самого начала…

Веб 1.0: Интернет как источник информации (1993+)

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

Web 2.0: The Read-Write Web (2002+)

Но затем авторы начали использовать Ajax, и люди начали обмениваться фотографиями и видео, общаться в социальных сетях, публиковать контент в блогах и вносить свой вклад в вики. Сеть больше не место только для чтения, а «живая» вещь, в которую вносят свой вклад и модифицируют ее посетители.

Сеть 3.0: Семантическая сеть (2011+)

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

Это делается путем стандартизированного разметки значимых фрагментов контента.

Путь к семантической сети начался с доступных технических средств. В нашем случае это был HTML. Этот язык разметки был создан для описания структуры информации (синтаксиса) на странице, а не значения (семантики) содержимого.

Затем в HTML5 были введены новые семантические элементы для лучшего описания контента: заголовок, статья, отступ, раздел, навигация, нижний колонтитул и т. д. Это позволило повысить выразительность для авторов страниц и открыло новые возможности для служб обработки данных:

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

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

Ответ на эту потребность заключается в том, что представляет собой Semantic Web: дать компьютерам лучшее понимание значения информации посредством расширенной разметки.

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

Schema.org — словарь, предложенный в 2011 году основными поисковыми браузерами. Микроданные и JSON-LD — наиболее эффективные синтаксисы для этого словаря.

Мы не можем подходить к информации в целом. Вместо этого мы должны разделить его на значимые «части» или вещи (люди, места, события, компании, продукты, фильмы и т. д.) и их отношения.

Хотите знать, как выглядит расширенная разметка? Давайте посмотрим на простой пример, чтобы мы могли получить представление.

HTML без разметки.

Кристофер Фрум спонсировался Sky в Тур де Франс.

В этом случае мы идентифицируем 2 вещи (человек, организация) и их отношения (спонсор), а также некоторые свойства (url)

Мы представим пример использования словаря schema.org с двумя наиболее расширенными синтаксисами:

HTML с микроданными и разметкой схемы schema. org

Christopher Froome спонсировался

Небо\ на Тур де Франс.

HTML с разметкой схемы JSON-LD и schema.org