Microformat

Transcript

1. Микроформаты korzhsergii
2. Микроформаты Микроформаты являются способом семантической разметки сведений о разнообразных сущностях на веб- странице. Основаны на уже существующих стандартах HTML и XHTML.
3. Микроформаты можно разделить на два типа по их структуре: Элементарные - применяются к тегам определенного типа. Композитные (составные) - используются для описания более сложных структур. Требуют указания определенного порядка тегов.
4. Использование микроформатов При использовании микроформатов, особое значение придается элементам которые не имеют собственного семантического значения (div, span, i, b, s, u, ...). Для определения микроформата, обычно используют атрибуты: class, rel, rev, title.
5. Наиболее известные микроформаты: hCard (карточка контактов для добавления в справочник и/или в карты); hCalendar (событие календаря); hAtom (контент статьи в основном для блога); XFN (отмечает социальные взаимоотношения); rel-tag (тэги); adr (адрес); geo (географические координаты); hReview(отзывы, рекомендации, рейтинг); hProduct(карточка продукта); nofollow (указывается для отмены индексации);
6. Микроданные Микроданные используются для той же цели, что и микроформаты. Но имеют другую структуру записи. Для создания блока микроданных необходимо указать атрибут itemscope у элемента и задать ему itemtype. С помощью атрибута itemprop указывается маркировка данных.
7. Наиболее известные микроданные: Person (карточка человека); Event (событие календаря); ItemList (каталог); CreativeWork (новости); Movie (фильм); VideoObject (видео); AggregateRating (отзывы, рекомендации);
8. Основные типы разметки 1. Open Graph (используется для соц. сетей) 2. Twitter Card (используется для twitter) 3. Microformat (микроформат) 4. Schema (микроданные)
9. Ресурсы: https://developers.google.com/search/docs/guides/?hl=ru http://microformats.org/ http://schema.org http://ruschema.org http://ogp.me/ https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getti ng-started