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

2. Поиск списков
в неструктурированных
данных
Алексей Голубович

3. неструктурированный данные = web-страница
список = упорядоченные однотипные объекты
3
Что это значит?

4. структуризация знаний об обработке web-а
выделение контента на странице
нахождение списков на странице
4
Зачем это всё?

5. Что у нас есть?
5
желание упростить пользователю поиск важной
для него информации
упрощение должно заключаться в структуризации
ответа

6. 6
Как-то так
1
2
3
4
5
6
7
8

7. Структуризация знаний
о неструктурированных
данных

8. Element
<parent> ABC</parent>
Attribute
<child foo=“bar” />
8
Всем xml

9. И что дальше?
<root>
<parent />
<parent>
<child />
<child foo=“bar” />
<child foo=“zoo” />
</parent>
</root>
9

10. The Document Object Model (DOM) is a cross-platform
and language-independent convention for representing
and interacting with objects in HTML, XHTML, and XML
documents.
10
Всем DOM

11. path = /step_1/step_2/…./step_K
location_step = axis + node test + predicate
11
Всем XPath

12. 12
Axis: где ищем?
Название обозначение
attribute @
child
descendant-or-self //
parent ..

13. comment()
text()
node()
13
Node test: что ищем?

14. [@href]
[@href = ‘help.html’]
[1]
14
Predicate: условие выбора

15. 15
XPath: example
<root>
<parent />
<parent>
<child />
<child foo=“bar” />
<child foo=“zoo” />
</parent>
</root>

16. 16
<root>
<parent />
<parent>
<child />
<child foo=“bar” />
<child foo=“zoo” />
</parent>
</root>
XPath: example

17. 17
<root>
<parent />
<parent>
<child />
<child foo=“bar” />
<child foo=“zoo” />
</parent>
</root>
Xpath:
/root
XPath: example

18. 18
<root>
<parent />
<parent>
<child />
<child foo=“bar” />
<child foo=“zoo” />
</parent>
</root>
XPath: example
Xpath:
/root/parent

19. 19
<root>
<parent />
<parent>
<child />
<child foo=“bar” />
<child foo=“zoo” />
</parent>
</root>
XPath: example
Xpath:
/root/parent[child]

20. 20
<root>
<parent />
<parent>
<child />
<child foo=“bar” />
<child foo=“zoo” />
</parent>
</root>
XPath: example
Xpath:
/root/parent[child]/child

21. 21
<root>
<parent />
<parent>
<child />
<child foo=“bar” />
<child foo=“zoo” />
</parent>
</root>
XPath: example
Xpath:
/root/parent[child]/child[@foo]

22. 22
<root>
<parent />
<parent>
<child />
<child foo=“bar” />
<child foo=“zoo” />
</parent>
</root>
XPath: example
Xpath:
/root/parent[child]/child[@foo][1]

23. 23
<root>
<parent />
<parent>
<child />
<child foo=“bar” />
<child foo=“zoo” />
</parent>
</root>
XPath: example
Xpath:
/root/parent[child]/child[@foo][1]/@foo

24. inspect element
console
$x
24
В браузере

25. Вернёмся к главной цели

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

27. Сегментация web-страницы

28. 28
HTML5
<header>
<nav> <section id=“content”>
<footer>
<article>
<article>
<article>

29. к сожалению, мало где html, попытки разобраться
самим
29
А если не HTML5?

30. 30
Block fusion algorithm

31. ходим по узлам
плотность узла -> кол-во токенов / кол-во строк
объединяем узлы с похожими плотностями
31
Block fusion algorithm

32. 32
Block fusion algorithm

33. по какому признаку объединять узлы?
сколько сегментов нам надо?
не знаем, какой из сегментов основной
33
Недостатки block fusion

34. 34
Оптимизация функционала
<root>
<parent/>
<p>покупайте плюшки</p>
<parent>
<child/>
<child foo=“bar”/>
<p> Hатpиевые атомы предварительно были
замечены близко с центром других комет, но
гелиоцентрическое расстояние жизненно дает
поперечник. Узел на следующий год, когда было
лунное затмение и сгорел древний храм Афины в
Афинах (при эфоре Питии и афинском архонте
Каллии), притягивает экваториальный лимб.</p>
<child foo=“zoo”/>
</parent>
<p>покупайте наших слонов</p>
</root>

35. 35
<root>
<parent/>
<p>покупайте плюшки</p>
<parent>
<child />
<child foo=“bar”/>
<p> Hатpиевые атомы предварительно были
замечены близко с центром других комет, но
гелиоцентрическое расстояние жизненно дает
поперечник. Узел на следующий год, когда было
лунное затмение и сгорел древний храм Афины в
Афинах (при эфоре Питии и афинском архонте
Каллии), притягивает экваториальный лимб.</p>
<child foo=“zoo”/>
</parent>
<p>покупайте наших слонов</p>
</root>
Оптимизация функционала

36. заменим в коде страницы каждый тег на -1 ,
каждое слово в текстовой части на 1
<div><p>Бубен</p></div>
36
Пляска с
-1 -1 +1 -1 -1

37. 37
Собственно функционал
ищем i, j, которые максимизируют данный
функционал

38. 38
Я у мамы верстальщик

39. 39
Я у мамы верстальщик

40. плюсы
и вправду мало тегов в итоговом блоке
выделен самый весомый текстовый блок
минусы
упущены таблицы
40
Результаты оптимизации функционал

41. Ошибки. Повсюду ошибки

42. Об ошибках
42
Тут могла быть
ваша реклама
Экспертная оценка
Положительна
я
Отрицательн
ая
Оценка
системы
Положительн
ая
TP FP
Отрицательн
ая
FN TN

43. 43
О страшных ошибках
И тут могла быть
ваша реклама
Экспертная оценка
Положительна
я
Отрицательн
ая
Оценка
системы
Положительн
ая
TP FP
Отрицательн
ая
FN TN

44. 44
Может не будем ничего делать?

45. Нахождение списков

46. 46
Найдём заголовок

47. //title/text()
47
Найдём заголовок

48. 48
Если количество указано в заголовке

49. header: 1
p: 36
h2: 10
div : 4
…
49
Строим словарь

50. 50
Выберем с нужным нам значением
header: 1
p: 36
h2: 10
div : 4
…

51. <a>…
<a>…
<a>…
…..
<a>…
<a>…
<a>…
51
N(<a>) > N(ожидаемое)

52. <a></a> a
<a>
<b></b>
<b></b>
<a>
52
Опишем каждую «ноду»
abb

53. 53
Если количество не указано в заголовке

54. делаем предположение о количестве ( 8<N<25 )
ищем нумерацию на странице
пробуем искать регулярными выражениями
54
Если количество не указано в заголовке

55. 55
Как выбрать направление списка?
с начала или с конца?
1.
2.
3.
4.
5.
6.
10.
9.
8.
7.
6.
5.
4.
3.
2.
1.

56. 56
Используем регулярные выражения
http://stackoverflow.com/questions/1732348/regex-
match-open-tags-except-xhtml-self-contained-tags

57. 57
Пример использования regExp
Хойан, Вьетнам
Человек, ни разу не занимавшийся планированием
самостоятельного путешествия во Вьетнам, скорее всего,
никогда не слышал о Хойане, а услышав, спутал бы с Ханоем.
Гоа, Индия
Это правда, цены на отдых в Гоа в последние годы растут
чересчур быстро, но того, кто туда доберётся, ожидает щедрое
вознаграждение.
Каир, Египет
Каир сегодня следует отнести к категории «в зависимости от
новостей», на самом деле, ситуация в городе только
стимулирует снижение цен на перелеты и неплохие отели в

58. Хойан, Вьетнам
Человек, ни разу не занимавшийся планированием
самостоятельного путешествия во Вьетнам, скорее всего,
никогда не слышал о Хойане, а услышав, спутал бы с Ханоем.
Гоа, Индия
Это правда, цены на отдых в Гоа в последние годы растут
чересчур быстро, но того, кто туда доберётся, ожидает щедрое
вознаграждение.
Каир, Египет
Каир сегодня следует отнести к категории «в зависимости от
новостей», на самом деле, ситуация в городе только
стимулирует снижение цен на перелеты и неплохие отели в
58
Пример использования regExp

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

60. Место, Страна
Место в Стране
Место (Страна)
Страна: Место
…
60
Еще примеры объектов для поиска

61. плюсы
понятно, как работает
перечисления обычно ведутся одинаковым
способом
минусы
трудно перебрать все варианты
могут выделить лишнее
61
Итоги использования regExp

62. 62
Ложные срабатывания

63. Стоп-слова
63

64. 64
Стоп-слова
Страны
Авиабилеты
Отели
Туры
Виза
Контакты
…

65. 65
Аккуратность при выборе стоп-слов
Страны
Авиабилеты
Отели
Туры
Виза
Контакты
…
Искусство
Финансы
Новости
Наука
Идеи
Техника
…
Египет
Испания
Колумбия
Перу
Индия
Польша
…

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

67. 67
Страницы одного сайта часто похожи

68. 68
Страницы одного сайта часто похожи

69. <a @href=“”/>
url.startsWith(“/“) — внутренний переход
url.startsWith(“http://site-name“) — тоже
69
Нахождение ссылок на странице

70. ходим по childnodes
выбираем уровень вложенности (оптимально 7)
отбрасываем теги <!script> , <!comment>
70
Генерируем xpath-ы

71. 71
для url1 : $x(‘/a/b/text()’) = ‘Египет Турция Тунис …’
для url2 : $x(‘/a/b/text()’) = ‘Египет Турция Тунис …’
Ищем совпадающие блоки
для url1 : $x(‘/div/a/text()’) = ‘Авиабилеты Отели …’
для url2 : $x(‘/div/a/text()’) = ‘Авиабилеты Отели …’

72. Удаляем со страницы те элементы dom дерева, что
являются результатом выполнения найденых xpath
72
Чистим нашу страницу

73. плюсы
уверенность в том, что ничего нужного не пропадёт
совместимость с алгоритмами сегментации
минусы
требуется больше времени, чем стоп-словам
необходимо подбирать глубину xpath
и еще плюсы
все минусы — разовая задача
73
Итоги вырезания боковых блоков

74. 74
Итого:
Чистка
страницы
Выделение
кандидатов
Валидация

75. найти [иглоку] в стоге сена
параметрический поиск
Яндекс.Опечатки
«усреднённое расстояние Левенштейна»
75
Валидация

76. Вопросы?

77. Алексей Голубович
младший разработчик в группе Медиасервисов
Контакты
agolubovich94
agolubovich@yandex-team.ru