Новый формат
Картинки для SEO: где брать, как готовить и размещать
Картинки помогают понять текст, удерживают внимание и участвуют в поиске по изображениям. Сами по себе они редко «вытягивают» страницу в ТОП: важны смысл, скорость и корректная разметка.
Ниже — откуда брать визуал, как сжать и назвать файл, что писать в alt/подписи и как готовить превью для шеринга. Подробно про alt и title — отдельно. Упоминания Facebook и Pinterest — информационные.
Где брать изображения
Лучший вариант — свои фото, скрины продукта, схемы и инфографика под задачу. Так визуал совпадает с оффером и не выглядит «чужим офисом».
AI-генерация подходит для абстракций, атмосферы и обложек без читаемого текста на картинке. Сток (Unsplash, Pexels и аналоги) для наших публикаций не используем; если у клиента лицензия — проверяйте права и уникальность кадра в нише.
Анимация уместна дозированно: пояснить процесс, не отвлекать от текста.
Подготовка файла
Имя: тематическое, без `DSC_1234.jpg`. Отразите объект коротко: `notebook-asus-15.jpg`, не простыню коммерческих ключей.
Размер под фактический контейнер на сайте + сжатие (ImageOptim, Squoosh, Kraken и аналоги). Тяжёлые фото бьют по Core Web Vitals и отказам.
Для мобильных — адаптивные srcset/sizes или корректный responsive в CMS; плагины WordPress меняются, логика «разные размеры под экран» остаётся.
Размещение, alt и подписи
Ставьте картинку рядом с релевантным абзацем, не «в конец статьи пачкой». Подпись под фото помогает и людям, и контексту.
Alt — кратко о смысле; title у img для SEO почти не критичен. Не дублируйте H1 ключами в каждом alt.
Выравнивание и отступы — часть UX: картинка не должна ломать читаемость колонки.
Превью для шеринга
Для нормальной картинки в соцсетях и мессенджерах задайте `og:image` (и при необходимости twitter:image) с достаточным разрешением.
В CMS часто есть поля в SEO-плагине — проверьте, что превью не обрезает важное и на картинке нет мелкого нечитаемого текста.
Чеклист перед публикацией:
- свой/AI/лицензионный визуал, не чужой сток «по привычке»;
- вес и размер под экран;
- осмысленное имя файла;
- alt и подпись по делу;
- og:image для шеринга.
Частые вопросы
Сток можно?
Для материалов нашего сайта — нет. Клиентам лучше свои съёмки, AI под бренд или проверенная лицензия; массовый Unsplash/Pexels часто выглядит чужим.
Уникальная картинка гарантирует рост позиций?
Нет. Уникальность файла — плюс к бренду и иногда к картинному поиску, не билет в ТОП по коммерческому запросу.
Какой формат выбрать?
JPEG/WebP для фото, PNG/SVG для схем и прозрачности. Смотрите вес и качество на реальном экране.
Нужен ли ключ в имени файла?
Короткое осмысленное имя на латинице или транслите — да. `buy-notebook-moscow-nedorogo-akciya.jpg` — переспам.
Alt обязателен?
Для смысловых картинок — да. Декор — пустой alt. Не дублируйте простыню ключей.
Сколько анимации можно?
Мало: одна уместная GIF/Lottie лучше гирлянды, которая мешает читать и грузить страницу.
Чем отличается от статьи про alt?
Там — атрибуты img. Здесь — источник, вес, адаптив, подписи и шеринг.
Картинки тормозят сайт?
Подберём визуал, вес и alt — без стока и переспама в имени файла.
Обсудить задачу
