Schema.org Учебное пособие
Что такое Schema.org?
Schema.org - это проект с открытым исходным кодом, объявленный 2 июня 2011 года Bing, Google, Yahoo и sitemap.org.
Цель Schema.org - представить набор схем (тэги HTML). Используя эти теги на веб-сайте, поисковые системы могут лучше понять, как лучше использовать контент (текст, изображение, видео) на этом веб-сайте; что, в свою очередь, даст лучшие результаты поиска, когда пользователь ищет определенный контент через поисковую систему.
В настоящее время Schema.org ориентирован на использование микроданных для достижения этой цели.
Понимание микроданных
Микроданные, представленные в HTML5, позволяют автору веб-страницы вставлять словари поддержки вместе с парой имя-значение в существующий вложенный контент разметки. Это говорит поисковой системе, что, о чем этот контент, будь то книга, фильм, человек, событие, организация и т. Д. Это помогает поисковым системам лучше понять основной смысл контента и, таким образом, поисковые системы может вернуть лучшие результаты поиска.
Теперь мы обсудим пять глобальных атрибутов микроданных: itemscope, itemtype, itemid, itemprop и itemref.
itemscope
Если используется с элементом, это означает, что потомки ассоциированного элемента содержат информацию о нем.
тип элемента
Указывает, к какому типу принадлежит контент, книга, фильм и т. Д. Schema.org предоставляет список словарей, которые будут использоваться с этим атрибутом.
itemprop
Указывает, что связанный с ним тег содержит значение указанного свойства элемента.
Хотя itemid и itemref также являются частью микроданных, сейчас мы сосредоточимся на указанных атрибутах, как это делает Schema.org.
пример кода без использования микроданных
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
<title>example without itemscope</title>
</head>
<body>
<section>
<h1>The Jungle Book</h1>
<span>Author: Rudyard Kipling</span>
<span>Category : children's literature</span>
<a href="http://en.wikipedia.org/wiki/The_Jungle_Book">Detail info</a>
</section>
</body>
</html>
пример кода с использованием микроданных
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=utf-8>
<title>example code using Microdata</title>
</head>
<body>
<section itemscope itemtype="http://schema.org/Book">
<h1 itemprop="name">The Jungle Book</h1>
<span>Author: <span itemprop="author">Rudyard Kipling</span></span>
<span>Category : <span itemprop="genre">children's literature</span></span>
<a href="http://en.wikipedia.org/wiki/The_Jungle_Book"><span itemprop="detail">Detail info<span></a>
</section>
</body>
</html>
Таким образом, вы можете лучше подсказать поисковым системам смысл вашего контента.
Schema.org предлагает коллекцию схем для этой цели. На следующих страницах мы обсудим все это подробно с множеством примеров.
Кроме того, мы обсудим, какие инструменты вы можете использовать, чтобы проверить, правильно ли вы использовали схему.
И последнее, но не менее важное, мы обсудим, как вы выходите за пределы предопределенных словарей Schema.org и настраиваете его для конкретной цели.
Новый контент: Composer: менеджер зависимостей для PHP , R программирования