Интернет-программирование. Микроразметка и Микроформаты |
МИЭТ, 2017 |
Правила разметки schema.org/Organization: http://schema.org/Organization
Интернет-программирование. Микроразметка и Микроформаты |
МИЭТ, 2017 |
Правила разметки schema.org. Иерархическая схема
Интернет-программирование. Микроразметка и Микроформаты |
МИЭТ, 2017 |
OpenGraph http://ogp.me/
Разметку Open Graph используют Facebook, Вконтакте, Google+, Twitter, LinkedIn, Pinterest и т. д. Основное правило одна страница — один объект.
Для описания объекта используется формат мета-тегов:
<meta property="og:title" content="МИЭТ"/>
<meta property="og:description" content="Ведущий российский ВУЗ"/>
<meta property="og:image" content="https://miet.ru/bitrix/templates/.default/img/header2.jpg"> <meta property="og:type" content="website"/>
<meta property="og:url" content= "https://miet.ru/" />
Интернет-программирование. OpenGraph |
МИЭТ, 2017 |
Структурированные метатеги OpenGraph:
<meta property="og:image" content="/bitrix/templates/.default/img/header2.jpg" />
<meta property="og:image:secure_url" content="/bitrix/templates/.default/img/header2.jpg" /> <meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="565" /> <meta property="og:image:height" content="75" />
Псевдомассивы OpenGraph:
<meta property="og:image" content="http://test.ru/first.jpg" /> <meta property="og:image" content="http://test.ru/alternativa.jpg" />
Интернет-программирование. OpenGraph |
МИЭТ, 2017 |
Значения для og:type надо брать по адресу http://ogp.me/#types
Интернет-программирование. Микроразметка и Микроформаты |
МИЭТ, 2017 |
hCard http://microformats.org/wiki/hcard
Предназначен для публикации контактной информации в структурированном виде.
Не структурированное представление
МИЭТ<br/>
Адрес: Центральный проспект, д. 5, 124498, Москва<br/> Телефон: (499) 731-44-41<br/>
Мы работаем ежедневно с 09:00 до 22:00
Представление структурированное по формату hCard
<div class="vcard"> <div>
<span class="category">ВУЗ</span> <span class="fn org">МИЭТ</span> </div>
<div class="adr">
<span class="locality">Москва</span>,
<span class="street-address">Центральный проспект, д. 5</span> </div>
<div>Телефон: <span class="tel">(499) 731-44-41</span></div>
<div>Мы работаем <span class="workhours">ежедневно с 09:00 до 22:00</span> <span class="url">
<span class="value-title" title="https://miet.ru"> </span> </span>
</div>
</div>
Интернет-программирование. Микроразметка и Микроформаты |
МИЭТ, 2017 |
hReview http://microformats.org/wiki/hreview
Предназначен для автоматизированного учета отзывов на странице.
Класс |
Описание |
summary |
краткая аннотация к отзыву (совет покупателю, общее впечатление и т. п.) |
description |
содержание отзыва |
pro |
описание достоинств |
contra |
описание недостатков |
dtreviewed |
дата написания отзыва в формате ISO 8601 (напр, 2017-08-09 или 2017-08-09T18:31) |
rating |
оценка объекта отзыва в формате числа с фиксированной точкой (напр., 4.0, 4.5 или 4) |
tag |
Значение оцениваемой характеристики организации задаваемой значением атрибута title |
|
в дочернем элементе элемента с классом name |
permalink |
URL, по которому доступен полный текст отзыва |
mobile-url |
постоянная ссылка на мобильную версию страницы отзыва |
reviewsurl |
URL страницы, где собраны другие отзывы про объекты данного типа |
reviewer |
Указывает автора отзыва. Внутри должен находиться блок hCard с координатами автора |
type |
Тип объекта отзыва. Значения: product, business, place, person, event, website, url |
item |
Описывает организацию. Внутри должен находиться блок hCard с координатами |
|
организации |
Интернет-программирование. Микроразметка и Микроформаты |
МИЭТ, 2017 |
hReview Примеры описаний
Описание организации
Описание автора
Интернет-программирование. Микроразметка и Микроформаты |
МИЭТ, 2017 |
hReview Примеры описания оценок
Интернет-программирование. RDF |
МИЭТ, 2017 |
RDF - Resource Description Framework («среда описания ресурса»)
RDF предоставляет методику разложения любых сложных данных на маленькие «понятные» кусочки в результате чего данные разбросанные по сети Интернет могут быть собраны в целостное представление в одном месте.
Концепции RDF придерживаются (реализуют) микроформаты разметки, например Schema.org
Пример RDF записи:
@prefix : <http://www.miet.ru/> . :miet a :University. :miet :hasParent :MinobrRF.
Теперь, если где-то в сети определен рейтинг МИЭТ, например так:
@prefix : <http://www.universities_rating.com/> . :miet :hasRating :900.
То можно получить расширенные данные о МИЭТ
:miet |
a |
:University. |
|
:miet |
:hasParent |
:MinobrRF. |
|
:miet |
:hasRating |
:900. |
|