Обложка материала: что влияет на клик, а что нет

Обложка живёт долю секунды. Человек листает ленту, взгляд задерживается или не задерживается, палец идёт дальше.

За это время он не рассматривает композицию и не оценивает эстетику. Он считывает одно: понятно ли, о чём это, и есть ли повод остановиться.

Отсюда закономерность, которая противоречит интуиции: красивая обложка часто проигрывает простой. Красота требует рассматривания, а рассматривать никто не собирается.

Что вы узнаете из статьи

• Как принимается решение остановиться
• Три правила композиции, которые работают везде
• Сколько текста помещается и когда он вообще нужен
• Как проверить обложку за минуту
• Чего делать нельзя

---

Как принимается решение

В ленте обложка конкурирует не с идеальным вариантом, а с соседними — и выигрывает та, что различима.

Три вещи считываются мгновенно:

Что изображено. Один узнаваемый объект. Не сцена с пятью предметами, а один предмет крупно.

Есть ли контраст. Тёмное на светлом или наоборот. Обложка в средних тонах сливается с лентой.

О чём это. Через объект, текст или их сочетание.

Всё, что требует секунды на разбор, не работает. Мелкие детали, сложная композиция, тонкие шрифты, коллаж из трёх фотографий — всё это красиво в полном размере и невидимо в ленте.

Важная поправка: обложка редко работает одна. Рядом стоит заголовок, и вместе они решают задачу. Поэтому дублировать заголовок на обложке обычно не нужно — лучше дать то, чего в нём нет. Как устроен заголовок, который стоит рядом с обложкой, разбирается отдельно, но связка работает так: заголовок объясняет, обложка цепляет.

Исключение — ленты видео, где название видно не всегда или показывается мелко. Там текст на обложке берёт часть работы заголовка на себя.

Три правила композиции

Правило первое: один объект и он крупный.

Занимает не меньше трети кадра. Для услуг это чаще всего деталь работы, инструмент в действии или результат крупным планом — не общий план помещения.

Проверка простая: уменьшите обложку до размера ногтя. Если объект неразличим — переснимайте или кадрируйте.

Правило второе: контраст между текстом и фоном.

Тёмный текст на светлом участке или светлый на тёмном. Не поверх пёстрого фона, где половина букв теряется.

Если фон неоднородный, помогает подложка: полупрозрачная плашка под текстом. Некрасиво, зато читаемо.

Правило третье: свободное место.

Обложка, забитая объектами и текстом от края до края, не читается. Пустое пространство — не потеря, а то, что делает главное заметным.

Дополнительное правило для каналов: единый визуальный почерк. Одинаковое расположение текста, одна пара шрифтов, узнаваемая цветовая гамма. Тогда ваши материалы опознаются в ленте до прочтения названия.

Для роликов на видеоплощадках требования те же, но с поправкой на площадку: там обложка ещё сильнее влияет на показы, потому что уход в первые секунды после клика считывается как плохой сигнал. Подробнее — обложки роликов на видеоплощадке.

Текст: сколько и когда

Три-пять слов. Больше не прочитают. Если мысль не укладывается — она относится к заголовку.

Крупно. Настолько, чтобы читалось в ленте, а не при открытии.

Без тонких шрифтов и курсива. Плотное начертание читается в маленьком размере, тонкое исчезает.

Не дублируйте заголовок. Дайте то, чего в нём нет: цифру, вопрос, короткое утверждение.

Когда текст не нужен:

• Если изображение само по себе говорит о содержании: результат работы, узнаваемая проблема.
• Если рядом всегда виден заголовок и он достаточно ясен.
• Если это серия, где узнаваемость создаётся стилем, а не подписью.

Когда нужен обязательно:

• В лентах видео.
• Если на изображении неочевидно, о чём речь.
• Если материал часть серии и нужен номер или тема.

Формулировки, которые работают на обложке: цифра («6 причин»), проблема («трещина через год»), отрицание («так делать нельзя»), вопрос словами читателя («а если стена кривая»).

Чего избегать: слов «полезное», «важно», «советы», «лайфхаки». Они не сообщают ничего.

Проверка за минуту

Три проверки, которые находят почти все проблемы.

Уменьшение. Сожмите обложку до размера превью в ленте. Понятно, что изображено? Читается текст? Если нет — переделывайте.

Телефон. Посмотрите на своём устройстве, а не на мониторе. Экраны разной яркости и размера дают разную картину, и обложка, отличная на большом экране, часто теряется на маленьком.

Соседи. Откройте ленту, где ваша обложка стоит рядом с чужими. Различима ли она? Не сливается ли с общим фоном?

Отдельная проверка на честность: не обещает ли обложка больше, чем есть в материале.

Это важнее, чем кажется. Обложка «шкаф за 15 000» под материалом про шкаф за 90 000 даёт клик и мгновенный уход. А уход в первые секунды площадки считывают как сигнал, что материал плохой, — и перестают показывать. То есть завышенное обещание не просто не помогает, а прямо вредит.

Правило простое: обложка может интриговать, но не может врать.

---

Чем делать и что для этого нужно

Инструмент имеет меньшее значение, чем соблюдение правил. Обложка, собранная за пять минут в редакторе на телефоне с крупным объектом и контрастным текстом, работает лучше сложной композиции без них.

Что нужно на практике:

• Библиотека своих кадров. Главное условие. Как её накапливать — съёмка кадров для обложек, разбирается отдельно, но принцип простой: снимайте детали работы регулярно, а не когда понадобилось.
• Один-два шрифта, выбранных раз и навсегда.
• Два-три цвета фирменной гаммы.
• Шаблон с расположением текста, чтобы не решать заново каждый раз.

Шаблон экономит больше всего времени. Когда позиция текста, размер и цвет заданы, обложка собирается за две минуты вместо двадцати.

Чего лучше избегать:

• Стоковых фотографий вместо своих. Узнаются мгновенно и снижают доверие.
• Разных стилей у разных материалов. Узнаваемость теряется.
• Мелких логотипов в углу. Места занимают, внимания не привлекают.
• Слишком ярких цветов ради заметности. Работает пару раз, потом раздражает.

---

Часто задаваемые вопросы

Сколько текста помещается?

Три-пять слов, читаемых в размере превью. Больше относится к заголовку.

Обязателен ли текст?

Нет, если рядом виден заголовок и изображение само говорит о содержании. В лентах видео — обычно нужен.

Работают ли лица?

Работают, особенно в контексте работы: мастер с деталью в руках лучше портрета.

Можно ли делать на телефоне?

Можно. Важнее не инструмент, а крупный объект, читаемый текст и контраст.

Что делать, если не собирает клики?

Проверить в реальном размере на телефоне. Если там всё в порядке — дело в теме или заголовке.

---

Заключение

Обложка решает задачу за долю секунды, и это определяет всё: один крупный объект, контраст, свободное место. Красивая композиция, которую нужно рассматривать, проигрывает простой — потому что рассматривать никто не будет.

Текста помещается три-пять слов, и он нужен не всегда: рядом обычно стоит заголовок, и дублировать его бессмысленно. Лучше дать то, чего в нём нет.

Проверка занимает минуту: уменьшить до размера превью, посмотреть на телефоне, сравнить с соседними в ленте. Там обнаруживается большинство проблем.

И главное ограничение: обложка может интриговать, но не может обещать больше содержания. Завышенное обещание даёт клик и мгновенный уход, а уход в первые секунды площадки считывают как признак плохого материала.

Описания нужных изображений удобнее готовить вместе с материалом, а не подбирать в последний момент. В кабинете к каждому материалу идёт описание обложки и иллюстраций с запросами для подбора. Подробнее о платформе: dobro-code.ru.