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