Как оптимизировать изображения на WordPress для SEO сайта?

📞 «На сайте много красивых фотографий, а страницы открываются медленно. Нужно менять тему WordPress?» Не спешите. Часто сначала стоит проверить сами файлы: их размер, способ загрузки и то, как они подписаны. Ниже — порядок действий, который можно пройти без платных инструментов и переделки сайта.

👉 Узнать условия: Улыбина Юлия Сергеевна

Улыбина Юлия Сергеевна — специалист по контент-менеджменту и SEO-аудиту сайтов. Я занимаюсь размещением контента и проверкой страниц, поэтому смотрю на изображения WordPress не отдельно от сайта, а как на часть публикации: картинка должна быстро открываться, помогать читателю и быть понятной поисковой системе. 🔎

Подготовка изображений для SEO в WordPress

Начните с небольшой группы страниц, к которым у вас есть доступ в WordPress. Так вы увидите результат до того, как возьмётесь за всю медиатеку.

Понадобятся:

• Доступ к админке WordPress с правом редактировать страницы и медиафайлы.
• Копия исходных изображений на компьютере или в облачном хранилище. После сжатия они пригодятся, если качество окажется недостаточным.
• Список приоритетных страниц: например, карточки популярных товаров, основные услуги и статьи, на которые вы ведёте посетителей.
• Простой редактор изображений для изменения размеров и экспорта файлов. Платная подписка для первого прохода не нужна.
• Доступ к проверке скорости страниц. PageSpeed Insights показывает показатели загрузки и рекомендации, но оценивать стоит конкретную страницу, а не сайт по одному числу.

Оптимизация изображений SEO — это не попытка поставить всюду ключевое слово. Нужно уменьшить лишний вес файлов, показать подходящий размер картинки и дать ей осмысленное описание. Рекомендации Google Search Central по изображениям также обращают внимание на текст рядом с картинкой, альтернативный текст и доступность самого изображения для обхода.

Порядок оптимизации картинок на WordPress

Сначала проверьте несколько важных страниц, затем исправляйте повторяющиеся проблемы. Ниже — маршрут для небольшого сайта. Время в шагах — ориентир для ручной работы, а не обещание одинакового срока для любой медиатеки.

1. Выберите 10 страниц для первого прохода. За 15 минут запишите адреса страниц, где фотографии занимают заметную часть экрана: каталог, портфолио, услуги, статьи. Результат: короткий список, по которому можно проверить изменения, не перебирая весь сайт.
2. Сохраните оригиналы изображений с этих страниц. Выделите на это около 20 минут; если файлов много, времени понадобится больше. Результат: папка с исходниками, из которой можно восстановить картинку при неудачном сжатии.
3. Уменьшите размеры одного типового изображения. За 10 минут сравните ширину файла с тем, как он отображается на сайте. Если фотография загружена шириной 4000 пикселей, а в блоке ей отведено около 800, подготовьте уменьшенную версию и посмотрите её на обычном экране и экране с высокой плотностью пикселей. Результат: проверенный размер для этого типа блока, без обрезания деталей наугад.
4. Сожмите 10 приоритетных файлов. Заложите примерно 30 минут и сравнивайте качество до и после экспорта при обычном масштабе страницы. Для фотографии можно попробовать WebP или качественный JPEG; для схемы с прозрачностью — PNG либо подходящий формат с поддержкой прозрачности. Результат: файлы меньшего объёма без заметной потери нужных деталей. Единого «правильного веса» для всех картинок нет.
5. Дайте этим 10 файлам понятные имена перед загрузкой. На действие обычно хватает 10–15 минут. Вместо `IMG_0048.jpg` используйте описание содержания, например `derevyannyj-stol-dub.jpg`. Результат: в медиатеке проще найти файл и понять, к какой странице он относится. Переименование уже опубликованного файла через сторонние инструменты требует осторожности: проверьте, не изменится ли его адрес на сайте.
6. Замените изображения на выбранных страницах. Отведите около 30 минут на первые 10 файлов и проверьте каждый блок после публикации. WordPress создаёт версии изображений разных размеров, но важно убедиться, что тема выводит подходящую версию, а не заставляет браузер скачивать огромный оригинал. Результат: обновлённые страницы без пропавших или неверно обрезанных картинок.
7. Заполните альтернативный текст там, где он нужен. За 20 минут проверьте те же 10 изображений. Для фотографии товара напишите, что на ней видно; для изображения-ссылки — что получит человек после перехода. Если картинка только украшает страницу и ничего не сообщает, не набивайте её ключевыми словами. Результат: описание, полезное человеку, который не видит изображение, и понятное в контексте страницы.
8. Проверьте 3 страницы после правок. Выделите 20 минут: откройте их на телефоне, посмотрите, не скачет ли содержимое при загрузке, и сравните показатели с проверкой до изменений. Результат: вы знаете, что фотографии отображаются корректно, а не просто стали легче в медиатеке. Если скорость не изменилась, причина может быть в других элементах страницы.

Для небольшого бизнеса разумнее довести до порядка 10 важных страниц, чем автоматически обработать тысячи файлов без просмотра результата. По опыту, автоматизация особенно неприятно удивляет там, где у фотографии есть мелкий текст, фактура товара или важные детали по краям кадра.

SEO-аудит своими руками: какие 10 ошибок искать на страницах с изображениями?

Проверяйте картинку вместе со страницей: её вес, отображение и окружение. Этот список помогает быстро найти проблемы, из-за которых изображения WordPress работают хуже, чем могли бы.

1. Огромный оригинал загружается в небольшую карточку.
2. Файл заметно пережат: товар или схема выглядят нечётко.
3. Неверный формат выбран для изображения: например, тяжёлый PNG используется для обычной фотографии без прозрачности.
4. Alt-текст отсутствует у содержательной картинки.
5. Один alt-текст повторяется у разных изображений, хотя на них показано разное.
6. Ключевая фраза перечислена вместо описания того, что видно на фотографии.
7. Подпись или соседний текст не соответствуют изображению и сбивают читателя.
8. Картинка обрезана на мобильном экране, скрывая товар или важную часть схемы.
9. Изображение не открывается после замены файла или переноса страницы.
10. Первое крупное изображение загружается поздно. Для картинки, которую посетитель видит сразу, отложенная загрузка может оказаться неуместной.

Вопросы и ответы по теме

Если картинка шириной 4000 пикселей показывается в блоке на 800, можно просто уменьшить её до 800?

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

WordPress сам создаёт уменьшенные версии. Зачем тогда готовить изображения перед загрузкой?

WordPress создаёт версии разных размеров, но исходный файл всё равно занимает место, а тема не всегда выводит подходящую версию. Подготовка изображения до загрузки помогает не хранить без необходимости огромные оригиналы.

Для фотографий товаров лучше выбрать WebP или JPEG?

Попробуйте оба формата на одном типовом изображении и сравните размер файла и видимые детали. Если на товаре есть мелкий текст или важная фактура, не жертвуйте их чёткостью ради минимального веса.

Нужно ли переименовывать все файлы IMG_0048.jpg, которые уже опубликованы?

Нет, массово переименовывать их не стоит. Адрес изображения может измениться, поэтому сначала проверьте, как ваш способ переименования влияет на уже опубликованные страницы. Новым файлам проще давать понятные имена до загрузки.

Что написать в alt-тексте, если картинка ведёт на другую страницу?

Опишите назначение ссылки: куда попадёт человек после перехода. Если изображение не является ссылкой, ориентируйтесь на то, какую информацию оно добавляет к тексту страницы.

Можно ли оставить alt пустым у декоративной картинки?

Да. Если изображение ничего не сообщает и служит только оформлением, ключевые слова в alt не нужны. Но фотографию товара, схему или иллюстрацию, без которой теряется смысл текста, лучше описать.

Я сжал изображения, а PageSpeed Insights почти не изменился. Значит, работа была напрасной?

Не обязательно. Проверьте, какие файлы фактически загружает браузер, как страница выглядит на телефоне и что ещё указано в рекомендациях PageSpeed Insights. Изображения могли стать легче, но скорость страницы может ограничивать другой элемент. 💼

О материале. Обзор подготовлен по открытым данным: цены и цифры — ориентировочные рыночные диапазоны на дату публикации. Автор обзора — Молвун, платформа анализа видимости брендов в ИИ-ответах. Перед решением сверьте условия с поставщиком.