48

Правильная семантическая разметка для всех

Embed Size (px)

Citation preview

Page 1: Правильная семантическая разметка для всех
Page 2: Правильная семантическая разметка для всех

Правильная семантическая разметка для всех

Юлия Тихоход, ЯндексМенеджер проектов, Семантический вебВебмастерская, 21.05.2015

Логотип партнераЛоготип Яндекса (Сервиса)

Page 3: Правильная семантическая разметка для всех

3

О чем это мы?

• Возможности семантической разметки

• Яндекс и расширение schema.org

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

Page 4: Правильная семантическая разметка для всех
Page 5: Правильная семантическая разметка для всех

5

Page 6: Правильная семантическая разметка для всех

6

Page 7: Правильная семантическая разметка для всех

7

Page 8: Правильная семантическая разметка для всех

8

Семантическая микроразметка –

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

Page 9: Правильная семантическая разметка для всех
Page 10: Правильная семантическая разметка для всех

10

• О чем это мы?

Возможности семантической разметки

• Яндекс и расширение schema.org

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

Page 11: Правильная семантическая разметка для всех

11

Семантическая микроразметка в Яндексе

• Вид сайта в результатах поиска (специальный сниппеты)

• Яндекс.Видео

• Яндекс.Справочник

• Яндекс.Авто

Page 12: Правильная семантическая разметка для всех

Новые специальные сниппеты

Page 13: Правильная семантическая разметка для всех

13

Товары и цены

Page 14: Правильная семантическая разметка для всех

14

Вопросы и ответы

Page 15: Правильная семантическая разметка для всех

15

Программы

Page 16: Правильная семантическая разметка для всех

16

Заголовки из Open Graph

Page 17: Правильная семантическая разметка для всех

17

Рецепты

Page 18: Правильная семантическая разметка для всех

Другие возможности микроразметки

Page 19: Правильная семантическая разметка для всех

19

Словарная статья

Page 20: Правильная семантическая разметка для всех

20

Творческие работы

Page 21: Правильная семантическая разметка для всех

21

Фильм

Page 22: Правильная семантическая разметка для всех

22

Использование в Яндексе - Видео

Page 23: Правильная семантическая разметка для всех

23

Использование в Яндексе - Авто

Page 24: Правильная семантическая разметка для всех

24

Использование в Яндексе - Справочник

Page 25: Правильная семантическая разметка для всех

│ Влияет ли наличие семантической разметки на сайте на ранжирование?

Page 26: Правильная семантическая разметка для всех

│ Я вчера разметился и не вижу результатов в поиске. Что делать?

Page 27: Правильная семантическая разметка для всех

│ Нужно ли размечать все свойства?

Page 28: Правильная семантическая разметка для всех

Иногда возможностей schema.org не хватает

Page 29: Правильная семантическая разметка для всех

29

• О чем это мы?

• Возможности семантической разметки

Яндекс и расширение schema.org

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

Page 30: Правильная семантическая разметка для всех

Работа в составе рабочей группы Schema.org

• VideoGame

• Car

• PeopleAudience

• PropertyValueSpecification

Page 31: Правильная семантическая разметка для всех

31

Версия schema.org c расширениями Яндекса

https://webmaster.yandex.ru/yaschema

http://bit.ly/ya_schema

Page 32: Правильная семантическая разметка для всех

32

Версия schema.org c расширениями Яндекса

Page 33: Правильная семантическая разметка для всех

33

Версия schema.org c расширениями Яндекса

Page 34: Правильная семантическая разметка для всех

Размечаешь? Проверяй!

Page 35: Правильная семантическая разметка для всех

35

• О чем это мы?

• Возможности семантической разметки

• Яндекс и расширение schema.org

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

Page 36: Правильная семантическая разметка для всех

36

API валидатора микроразметки

API

Page 37: Правильная семантическая разметка для всех

37

API валидатора микроразметки

• автоматизировать проверку микроразметки на большом количестве страниц;

• разрабатывать плагины для различных CMS;

• извлекать структурированные данные из сайтов для использования в своих проектах.

Page 38: Правильная семантическая разметка для всех

38

Большие сайты

• Много страниц

• Часто добавляются новые страницы с микроразметкой

• Нужно убедиться в правильности микроразметки на всех страницах без лишних трудозатрат

Например, ozon.ru, lenta.ru

Page 39: Правильная семантическая разметка для всех

39

CMS

• У вас есть навыки программирования и энтузиазм

• CMS допускает написание и использование собственных плагинов

• Для собственного использования или для широкой публики

Например, плагины для WordPress или модули для 1С-Битрикс

Page 40: Правильная семантическая разметка для всех

40

Данные, извлеченные из микроразметки

• Поиск по атрибутам

• Повторное использование информации

• Помните об авторском праве!

Page 41: Правильная семантическая разметка для всех

41

Режимы работы

• Проверка по HTML или по URL

• В результате – все данные, извлеченные из микроразметки, или только ошибки

Page 42: Правильная семантическая разметка для всех

42

Версия 1.0 API валидатора микроразметки

• Добавлен режим «Только ошибки»

• Улучшена работа с разметкой в синтаксисе RDFa

• Исправлены ошибки в работе

Page 43: Правильная семантическая разметка для всех

│ Валидатор Яндекса выдает предупреждения, а у меня все по инструкции. Что делать?

43

Page 44: Правильная семантическая разметка для всех

Подведем итоги

Page 45: Правильная семантическая разметка для всех

45

Что нового?

• Новые возможности для улучшения внешнего вида сайта в результатах поиска

• Копия schema.org с расширениями Яндекса

• API Валидатора микроразметки версия 1.0

Page 46: Правильная семантическая разметка для всех

│ Ваши вопросы

Page 47: Правильная семантическая разметка для всех

Полезные ссылки

http://bit.ly/ya_syntax

http://bit.ly/ya_vocab

http://bit.ly/ya_swusage

http://bit.ly/ya_swstory

http://bit.ly/yasemweb - описание партнерских программ в Помощи

https://tech.yandex.ru/validator/ - API Валидатора микроразметки

http://bit.ly/ya_swslide15

Цикл постов о семантической разметке на Habrahabr

Page 48: Правильная семантическая разметка для всех

[email protected]

 +7 495 739-70-00 (3104) Tihohodka

yuliya.tikhokhod

Юлия Тихоход

Менеджер проектов, Семантический веб