Как работает главная страница Литрес

Технический директор ЛитРес Дмитрий Грибов прочитал лекцию сотрудникам компании о том, как устроена главная страница онлайн-магазина ЛитРес. Тема лекции напрямую связана с тем, почему авторам Самиздата важно правильно заполнять сведения о книге, поэтому мы делимся ключевыми моментами лекции.

Как родилась «главная»

Начнём с того, что студия Артемия Лебедева нарисовала дизайн для наших коллег из MyBook. Видимо, Лебедева не устраивает то же, что и нас. Вообще, наш глаз не предусмотрен работать одновременно со множеством одинаковых объектов. Наверное, студию Лебедева тоже не устраивала сетка из одинаковых квадратов с одинаковыми расстояниями между ними, поэтому они разбили ее на квадраты разного размера. Мы их идею позаимствовали и начали использовать. У нас появились элементы разной величины, сгруппированные между собой по определенному принципу. Это выглядит, будто так само собой получилось. Но на самом деле, вся структура тщательно высчитывалась и перепроверялась. Издательства вкладывают много сил и средств, чтобы обложки книг были узнаваемы, даже в очень маленьком размере. И мы на это узнавание опираемся.

Как устроена «главная»

Наша главная страница устроена так: сверху есть большой блок с актуальным содержанием, потом блок-разделитель, посвященный определенной тематике. Хотя на самом деле, этот блок исполняет роль книжной виньетки. Потом блок поменьше, потом опять блок-разделитель и опять большой блок. Содержание каждого блока посвящено отдельной теме. И внутри эти блоки тоже разбиты.

Т.е. каждый блок — это своеобразная матрешка в несколько уровней. Есть «опорная книга», для которой мы подбираем: самые похожие («великолепная тройка»), похожие более-менее (пара перспективных рекомендаций), похожие кое-как (пара «годных» рекомендаций), похожие как попало (три так себе совета) и что получится в конце (пять так себе похожего).

Читатель, попадая на главную страницу, сначала находит «свой» блок, затем внутри него видит подблоки, из которых выбирает то, что его интересует. Он наводит курсор на заинтересовавший его элемент, и ему открывается еще один уровень. Т. е. получаются блоки внутри блоков внутри блоков внутри блоков. При этом в каждый момент времени читатель имеет дело с одним объектом.

Иерархия объектов поддерживается, в том числе, и визуально. Отступы между большими блоками большие. Между частями блока тоже есть отступы, они чуть меньше. И так отступы постепенно уменьшаются. И самые маленькие расстояния между элементами на самом нижнем уровне внутри блока. Эта иерархия построена на том, к чему наш глаз приспособлен. Например, если я попрошу вас принести мне из леса кленовый лист. Вы сначала посмотрите, где вокруг вас лес, затем найдете там клен, потом ветку, с которой можно сорвать лист, и только потом принесете его мне. Т. е. нельзя одновременно видеть и лес, и клен, и лист, но можно переходить по иерархии. В этом наша идеология: лес — дерево — лист. Это гораздо быстрее и удобнее.

Вот как, на самом деле, устроена главная ЛитРес.

Блок 1: верхний, самый большой, с самыми популярными книгами. На первое место мы ставим то, что, на наш взгляд, продастся лучше всего.

На второе место (на экране физически это третье место), блок 2, он чуть меньше главного, в него ставим то, что продастся чуть меньше.

На третье место, блок 3 или первый блок-разделитель. Потом идет четвертый и так далее.

Из чего мы собираем наши «веточки», как выбираем книги?

Первое и самое для нас релевантное — это серия. Книги одной серии наверняка очень похожи между собой. Второе — автор. Книги одного и того же автора тоже часто очень похожи и интересуют читателей. Третье — теги. Это тоже неплохо работает. И жанр — это лучше, чем ничего. Но жанры дают очень общее описание книг. В идеале этот блок формируется без участия жанров.

Это лишь вершина айсберга. На самом деле есть таблица, в которой все расписано про блоки, есть таблица рекомендаций, и мы одно с другим сопоставляем и получаем то, что стоит на самых видных местах, то, что будет больше всего востребовано. Это может показаться на первый взгляд хаосом, особенно для тех, кто заходит через dns или вообще книг не читает, но для опытного читателя такая организация страницы отлично работает. Это видно и во время проверок, когда мы просим обычных людей найти книгу для себя, и видно по статистике. Мы детально прорабатываем сетку главной страницы и все ее блоки отрисовываем для всех разрешений, с различными форматами баннеров и без них.

Что делать авторам Самиздата, чтобы попадать на главную ЛитРес

Если Самиздат и авторы будут хорошо мотивированы и начнут внимательно все заполнять, выбирать узкоспециализированные теги, то главная страница преобразится. Потому что чем качественнее и шире метаинформация по книгам, тем она эффективнее.

Заполняйте теги
Правильно заполненные теги позволяют книге попасть в рекомендации не только на главной, но и в специальных разделах, например, «Что почитать?». В дальнейшем книги попадают читателям в таргетинговой рекламе, которые искали похожие книги. А ещё пробуйте выбирать узкоспециализированные теги, что позволит с большей вероятностью попасть в нужную аудиторию.
Заполняйте аннотацию
Полностью заполненная карточка книги позволит рекомендательной системе заметить полноценно оформленную книгу и забрать книгу в рекомендации по всем возможным параметрам. Аннотация — это один из важных пунктов. Более того, если у вас в аннотации использованы слова, связанные по тематике с выбранным вами жанром, то появляется возможность появления страницы вашей книги в поисковике при запросах читателей.

Опубликовать свою книгу

Была ли данная статья полезна для Вас?