Когда дело доходит до выбора обложки для статьи, многие первым делом ищут красивую картинку. Однако для контент-менеджмента корпоративного сайта обложка — это скорее информационный вход: читатель видит её в списке статей, в результатах поиска или в карточке при пересылке и должен быстро понять, с какой услугой связана статья и стоит ли открывать. Поэтому ответ на вопрос «какую информацию размещать на сервисном изображении» — не в том, чтобы уместить все сведения об услуге, а в том, чтобы выбрать немногое, что будет понятно в маленьком размере.
Сначала определите, какую задачу выполняет изображение
Сервисные изображения обычно появляются в трёх местах: миниатюра в списке рубрики, большое изображение в верхней части статьи и уменьшенная карточка при пересылке или публикации в соцсетях. Общее у всех трёх — ограниченный размер и короткое время просмотра. Поэтому первая задача изображения — «узнаваемость», и только вторая — «красота».
Проверить, подходит ли изображение, можно простым способом: уменьшите его до реального размера в списке и покажите коллеге, не знакомому со статьёй, спросив: «О какой услуге здесь примерно идёт речь?» Если он не может ответить, значит, изображение несёт недостаточно информации или она слишком разнородна.
Информация, которую стоит размещать на сервисном изображении
На ограниченном пространстве следующие категории информации относительно стабильны и их стоит рассматривать в первую очередь.
Название услуги или ключевое действие
Если статья посвящена конкретной услуге, лучше разместить на изображении название услуги или действие, которое её представляет, чем абстрактный узор. Название должно совпадать с тем, что используется в панели управления, навигации и заголовке статьи, чтобы одна и та же услуга не называлась по-разному на разных страницах.
Предположим, на корпоративном сайте есть услуга «Монтаж и наладка оборудования». Если на обложке появятся эти слова, читатель в списке сможет отличить её от «Подбора оборудования» или «Сервисного ремонта». Название услуги здесь приведено только для примера; на практике следует ориентироваться на существующие названия разделов сайта.
Целевая аудитория или сценарий использования услуги
Одна и та же услуга может быть адресована разным клиентам. Указание на объект или сценарий на изображении помогает читателю понять, относится ли это к нему. Например, для услуги, ориентированной на заводской цех, и для услуги для офисных помещений можно использовать соответствующие элементы среды.
Элементы сценария должны быть реалистичными и типичными, без излишней постановочности. Фотография, на которой видны рабочий стол, оборудование или рабочая обстановка, обычно воспринимается легче, чем однотонный фон с иконкой.
Брендинг
Обложки статей на корпоративном сайте могут сохранять единый фирменный стиль, например, логотип в фиксированном месте или единый цветовой блок. Это помогает статьям одной рубрики выглядеть как группа в списке, а не как разрозненные материалы.
Логотип не должен быть слишком большим. Если он занимает основную площадь изображения, информация об услуге вытесняется, и читатель, наоборот, не понимает содержание статьи.
Вспомогательные элементы, соответствующие теме статьи
Иконки, линии, цветовые блоки могут использоваться для различения рубрик или типов статей, но должны служить теме. Например, для инструкций подойдут элементы инструментов или шагов, для обзорных статей — фотографии сцен. Слишком много вспомогательных элементов превращают изображение в коллаж и усложняют восприятие.
Информация, которую не стоит размещать на сервисном изображении
Следующие категории контента на обложке обычно приносят мало пользы или даже вводят в заблуждение.
- Большие текстовые блоки: в размере миниатюры их невозможно прочитать, и они делают изображение перегруженным.
- Конкретные цены и акции: при изменении придётся обновлять все статьи с этим изображением, что увеличивает затраты на поддержку.
- Неподтверждённые обещания: изображение также является публичным контентом, поэтому не должно содержать недоказуемых гарантий результата.
- Декоративные изображения, не связанные со статьёй: они решают только проблему «есть ли картинка», но не помогают читателю понять содержание.
- Изображения неизвестного происхождения: для корпоративного сайта следует убедиться в законности использования, чтобы избежать последующей замены или удаления.
Практические шаги по подготовке и именованию изображений
После определения информации нужно обеспечить возможность её постоянного использования командой. Рекомендуется следующий порядок.
- Сначала составьте список стандартных названий услуг на сайте, типичных сценариев и соответствующих рубрик — это будет основой для информации на изображении, чтобы не придумывать заново каждый раз.
- Подготовьте размеры изображений по назначению: миниатюра в списке, верхнее изображение статьи и карточка для пересылки могут иметь разные пропорции. Заранее уточните требования для каждого места, чтобы не растягивать одну и ту же картинку.
- В имя файла включайте название услуги и назначение, например «Монтаж-и-наладка-оборудования-обложка-список», чтобы было удобно искать и заменять в медиабиблиотеке.
- Для одной услуги держите одно-два запасных изображения. При большом количестве статей их можно чередовать, но стиль должен оставаться единым.
- Сжимайте изображения перед загрузкой, чтобы большой файл не замедлял загрузку страницы. Конкретные параметры сжатия можно подбирать по фактическому отображению.
Чек-лист перед публикацией
После загрузки изображения рекомендуется провести несколько проверок перед публикацией. Для этого не нужны дополнительные инструменты — достаточно открыть страницу.
- Уменьшите обложку до реального размера в списке и убедитесь, что название услуги или основной элемент всё ещё различимы.
- Сверьте информацию на изображении с заголовком и текстом статьи, чтобы не было несоответствия.
- Проверьте, не деформировано ли изображение и не обрезаны ли ключевые части.
- Убедитесь, что заполнен альтернативный текст, описывающий связь изображения со статьёй.
- Посмотрите страницу на телефоне и на компьютере, чтобы миниатюра не перекрывалась элементами интерфейса.
Разные типы статей могут иметь разные акценты на изображении
Сервисное изображение не обязано быть одинаковым для всех статей. Можно менять акцент в зависимости от типа статьи: для обзора услуг — название услуги и сценарий; для инструкций — действие или инструменты; для часто задаваемых вопросов — единый визуальный стиль вопросов и ответов; для статей о редизайне или систематизации контента — элементы вроде документов или списков.
Цель — помочь читателю в списке примерно различать типы статей, а не определять их только по заголовкам.
Если сейчас стиль обложек на сайте довольно разнороден, начните с одной-двух наиболее часто используемых услуг: унифицируйте для них информацию на изображении, размеры и именование, а затем постепенно расширяйте на другие услуги. В процессе фиксируйте, какие изображения нужно заменить — это проще, чем сразу всё переделывать.
