Сайт книги может быть посадочной произведения или системой для каталога и чтения. Здесь основной вариант первый: страница автора или издателя с описанием, законным фрагментом, метаданными и рабочим следующим действием. Каталог и читалка требуют другой архитектуры.
Выберите тип проекта до дизайна
Одна книга, каталог и читалка решают разные задачи. Сначала определите владельца контента, объём материалов и действие посетителя.
- Посадочная одной книги: описание, автор, фрагмент и законный способ получить книгу.
- Сайт автора: несколько книг, новости и контакты. Каждой книге нужна отдельная страница.
- Каталог: много книг, категории, поиск, фильтры и единые карточки.
- Онлайн-читалка: полный текст, закладки, прогресс, настройки и доступ. Это веб-приложение.
Правило выбора: если человеку достаточно понять, что это за книга, прочитать разрешённый фрагмент и перейти дальше, начинайте с посадочной. Учётная запись и сохранение прогресса означают приложение.
Для посадочной подходит логика одностраничного сайта с секциями и якорями. Пустой поиск и неработающий кабинет «на будущее» не добавляйте.
Из каких блоков собрать страницу книги
Страница должна отвечать: что за книга, кто автор, кому она подходит, что можно прочитать и куда перейти дальше.
- Первый экран: название, автор, краткое описание, разрешённая обложка и одна основная кнопка.
- О книге: тема, жанр, язык, формат и честные границы аудитории.
- Фрагмент: самостоятельный отрывок в HTML с заголовками и пометкой о составе.
- Об авторе: имя, краткая справка, подтверждённые ссылки и контакт. Детали есть в статье о том, как оформить подпись автора.
- Метаданные: издательство, дата выпуска, издание, язык, формат и подтверждённый ISBN.
- Следующее действие: покупка, заявка, подписка или разрешённый файл. Кнопка должна вести к доступному предложению.
- Служебная информация: владелец сайта, контакты, условия фрагмента и дата обновления.
Теория понятна, дальше нужен ваш сайт, а не пример из статьи. На бесплатном вебинаре страницу собирают с нуля и сразу публикуют в интернете.
Собрать свой сайтПроверьте права на текст, обложку и иллюстрации
Публикация книги или картинки в интернете не делает материал свободным. WIPO относит литературные тексты, рисунки и фотографии к обычно охраняемым произведениям. Для использования защищённого материала в общем случае нужно разрешение, а исключения зависят от закона страны. Это поясняет официальный FAQ WIPO.
Публикуйте собственный материал, материал по договору или лицензии либо то, для чего подтверждено применимое исключение. Если права передавались издателю, дизайнеру или иллюстратору, согласия автора текста может быть мало. Спорный случай передайте юристу по нужной юрисдикции.
- Текст: кто разрешает публикацию и какой фрагмент допустим.
- Обложка: кому принадлежат дизайн, фото или иллюстрация.
- Портрет: кто фотограф и разрешена ли публикация.
- Отзывы: кто написал цитату и можно ли переносить её на сайт.
- Перевод: охватывает ли разрешение нужный язык и редакцию.
- Документ: сохраните договор или письмо, источник файла, дату и ответственного.
Фраза «взято из открытых источников» не подтверждает право. WIPO предупреждает, что интернет-публикация не переводит материал автоматически в общественное достояние. Проверяйте применимый срок охраны и права на конкретный перевод и оформление.
По теме: Как сделать сайт новостей в 2026: структура и редакция
Как подготовить фрагмент для чтения
Фрагмент должен давать законченный опыт и не подменять книгу. Выберите разрешённый отрывок и сохраните смысловую структуру.
- Зафиксируйте начало и конец разрешённого отрывка в реестре прав.
- Перенесите текст в HTML, не оставляйте его только изображением или PDF.
- Сохраните заголовки, абзацы, списки, сноски и смысловые выделения.
- Добавляйте переключатель размера текста, только если он не ломает мобильную версию.
- После фрагмента повторите одно понятное действие.
- Проверьте клавиатуру, увеличение масштаба и узкий экран.
Если отрывок открывается в окне, фокус должен переходить внутрь и возвращаться к кнопке после закрытия. Надёжнее начать с обычного раздела страницы.
Самое долгое в своём сайте это первый запуск: страницы, домен, публикация. На бесплатном вебинаре по вайбкодингу весь путь проходят вживую, от идеи, описанной словами, до работающего адреса. Опыт в программировании не нужен.
Пройти путь до сайтаКакие метаданные добавить
Покажите людям и поисковым системам одинаковые сведения: название, автора, описание, язык, издателя, дату, формат, издание, изображение и ISBN при его наличии.
Schema.org определяет тип Book и свойства bookEdition, bookFormat, isbn, numberOfPages и illustrator. Примеры есть на странице Book. Не переносите ISBN от другого формата или издания.
Разметка не гарантирует специальный результат поиска. Google требует соответствия видимому содержимому и актуальности, это указано в правилах структурированных данных.
По теме: Как сделать сайт города: структура и проверка данных в 2026
Сделайте страницу доступной
Книжная страница зависит от чтения и навигации. W3C рекомендует ясные заголовки, понятные ссылки, текстовые альтернативы и работу с клавиатуры. Это описано в принципах веб-доступности W3C.
- Дайте обложке содержательный
alt. - Сохраняйте правильную иерархию заголовков.
- Называйте назначение ссылки вместо слова «подробнее».
- Обеспечьте видимый фокус и логичный порядок клавиши Tab.
- Не запускайте перелистывание, звук и анимацию автоматически.
- Проверьте контраст, увеличение текста и отсутствие горизонтальной прокрутки.
Для полной приёмки используйте чек-лист доступного сайта. Автотест не заменяет ручной проход клавиатурой и чтение на телефоне.
Сборка и приёмка перед запуском
Соберите страницу на тестовом адресе и закройте от случайной индексации. Публичный доступ открывайте после проверки прав, содержания и ссылок.
- Составьте реестр: файл, источник, правообладатель, основание, разрешённый объём и дата проверки.
- Соберите текстовый прототип и подтвердите порядок блоков.
- Добавьте адаптивное оформление, обложку, фрагмент и одну кнопку.
- Сверьте метаданные со страницей издателя или документами правообладателя.
- Проверьте путь с телефона и клавиатуры, ссылки, форму и сообщение об успехе.
- Попросите человека объяснить, о чём книга и что делать дальше.
- Сделайте резервную копию и следуйте инструкции, как загрузить сайт в интернет.
Если страницу открывают, но не переходят дальше, проверьте обещание кнопки и доступность предложения. Если фрагмент не читают, проверьте его начало, длину строки, контраст и мобильную вёрстку. Повторяющиеся вопросы вынесите в подтверждённые метаданные.
По теме: Как сделать сайт-каталог сайтов: структура и проверка в 2026
Когда нужна другая система
Посадочная не подходит, когда сайт хранит много сущностей или состояние пользователя. Тогда проектируйте данные, роли и права доступа до визуального шаблона.
- Каталог нескольких авторов: карточки, фильтры, поиск и редакционные роли.
- Онлайн-читалка: содержание, закладки, прогресс, настройки и защита материалов.
- Магазин: выдача, оплата, возвраты, документы и поддержка.
- Личный кабинет: безопасная регистрация и восстановление доступа.
- Отзывы: модерация, жалобы и запрет на выдуманные оценки.
- Полный текст без ясной цепочки прав: сначала подтвердите разрешение.
Частые вопросы
Можно ли сделать сайт книги бесплатно?
Посадочную можно собрать на бесплатном тарифе или как статическую страницу. Проверьте домен, экспорт, резервные копии и рекламу платформы.
Можно ли выложить книгу целиком для чтения?
Только при наличии права или подтверждённого исключения. Отдельно проверьте текст, перевод, иллюстрации и оформление. При сомнении оставьте разрешённый фрагмент.
Нужен ли ISBN на странице?
Указывайте ISBN только для показываемого издания, подтвердив его документами или страницей издателя. Не переносите номер между форматами автоматически.
Что лучше для фрагмента: PDF или текст на странице?
Основной фрагмент лучше дать в HTML для чтения, поиска и доступности. Разрешённый PDF добавляйте как дополнительный формат с типом и размером файла.
Нужен ли отдельный сайт каждому автору?
Один сайт автора может содержать страницы разных книг. Отдельный домен нужен, если у книги своя аудитория, кампания и план поддержки.
На воркшопе по сайтам с ИИ вы соберёте структуру книжной страницы, превратите материалы в адаптивную посадочную и проверите путь посетителя до публикации.
Собрать страницу