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