SEO-оптимизации картинок в WordPress

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

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

1. Используйте правильный формат изображений

Первое, с чего стоит начать, — выбор подходящего формата:

JPEG — оптимален для фотографий и картинок с большим количеством цветов.
PNG — подходит для изображений с прозрачным фоном или чёткой графикой.
SVG — неплохой легковесный формат для интернет-изображений.
WebP — современный формат, поддерживающий сжатие без потери качества. В WordPress начиная с версии 5.8 можно использовать WebP без дополнительных плагинов. Лично мой выбор — это всегда WebP.

Чем правильнее формат, тем меньше весит картинка, а значит — сайт загружается быстрее.

2. Сжимайте изображения перед загрузкой

Даже самые красивые фото не должны перегружать сайт. Оптимальный размер файла — до 200–300 КБ. Но когда я

Что использовать:

Онлайн-сервисы: TinyPNG, Squoosh.
Плагины WordPress: Smush, ShortPixel, Imagify.
Я использую Desktop-решение XnConvert.

Сжатие позволяет сократить вес картинки в 2–5 раз без заметной потери качества.

3. Настраивайте атрибуты alt и title

Атрибут alt нужен не только для доступности, но и для SEO: поисковые системы индексируют именно этот текст.

Примеры:
❌ «IMG_2025.jpg»
✅ «Шоколадный торт с вишней рецепт»

Атрибут title помогает подсказкой при наведении на изображение и может быть использован для дополнительного уточнения.

4. Используйте правильные размеры изображений

В WordPress можно задавать несколько размеров: миниатюра, средний, большой, оригинал. Используйте их осознанно:

Для превью — миниатюры.
Для контента — оптимизированные размеры под ширину текста.
Избегайте загрузки картинок 4000×3000 пикселей, если на сайте они отображаются в блоке 800×600. Иначе придется ресайзить руками или использовать коммерческое автоматическое решение.

Так вы уменьшите нагрузку и сократите время загрузки.

5. Настройте ленивую загрузку (Lazy Load)

Функция Lazy Load позволяет подгружать изображения только тогда, когда пользователь доскролливает до них. Это значительно ускоряет загрузку страниц и улучшает Core Web Vitals.

В WordPress начиная с версии 5.5 поддержка Lazy Load встроена по умолчанию. Дополнительно можно использовать плагины: a3 Lazy Load, WP Rocket.

В качестве заключения и подведения итогов: