Оптимизация изображений является важной частью SEO-стратегии для сайтов на WordPress. Плагин YoastSEO помогает не только с текстовым контентом, но и с правильным использованием метаданных для изображений, что улучшает индексацию в поисковых системах и повышает производительность сайта. В этой статье разберём, как максимально эффективно использовать YoastSEO для оптимизации изображений, а также рассмотрим примеры плагинов и кода для автоматизации процесса.
Почему важна оптимизация изображений для SEO в WordPress
Изображения занимают значительную часть веса страницы, и если они не оптимизированы, это может замедлить загрузку сайта, повысить показатель отказов и ухудшить позиции в поиске. Кроме того, правильно оптимизированные изображения помогают поисковым системам лучше понимать контент страницы, благодаря alt-текстам, заголовкам и другим метаданным.
YoastSEO не просто помогает добавить alt-теги, но и даёт рекомендации для улучшения SEO каждой страницы с учётом изображений.
Оптимизация включает в себя:
- Добавление и улучшение alt-тегов;
- Использование описательных названий файлов;
- Добавление структурированных данных для изображений;
- Сжатие и правильный формат изображений;
- Настройка lazy loading для ускорения загрузки.
Использование YoastSEO для автоматизации alt-тегов и описаний изображений
YoastSEO анализирует наличие alt-тегов и выводит предупреждения, если они отсутствуют. Чтобы автоматизировать добавление alt-тегов по шаблону, можно использовать пользовательские функции WordPress.
Пример функции для автоматического добавления alt-текста на основе названия файла
Добавьте следующий код в functions.php вашей темы или в плагин-сниппет:
function yoastseo_auto_alt_for_images($attr, $attachment = null) {
if (empty($attr['alt']) && $attachment) {
$filename = pathinfo(get_attached_file($attachment->ID), PATHINFO_FILENAME);
$attr['alt'] = str_replace(array('-', '_'), ' ', $filename);
}
return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'yoastseo_auto_alt_for_images', 10, 2);Эта функция проверяет, есть ли alt-тег у изображения, и если нет, автоматически добавляет alt, основанный на имени файла, заменяя дефисы и подчёркивания на пробелы. Это улучшает SEO и избавляет от пустых alt, на которые YoastSEO обязательно укажет.
Добавление структурированных данных для изображений с помощью YoastSEO
YoastSEO автоматически добавляет базовые структурированные данные Schema.org, но вы можете расширить их, добавив дополнительные метаданные для изображений. Это помогает в более точном представлении контента в поисковой выдаче.
Пример расширения схемы для добавления дополнительных данных об изображении
Используем фильтр wpseo_json_ld_output, чтобы добавить поле caption для изображений на странице:
function yoastseo_add_caption_to_jsonld($data) {
if (isset($data['@graph'])) {
foreach ($data['@graph'] as &$node) {
if ($node['@type'] === 'ImageObject' && !empty($node['url'])) {
$attachment_id = attachment_url_to_postid($node['url']);
if ($attachment_id) {
$caption = wp_get_attachment_caption($attachment_id);
if ($caption) {
$node['caption'] = $caption;
}
}
}
}
}
return $data;
}
add_filter('wpseo_json_ld_output', 'yoastseo_add_caption_to_jsonld', 10, 1);Этот код добавляет в JSON-LD разметку для изображений поле с подписью, если она задана в медиабиблиотеке.
Плагины для сжатия и оптимизации изображений, совместимые с YoastSEO
Для комплексной оптимизации изображений рекомендуется использовать плагины сжатия и оптимизации, которые не конфликтуют с YoastSEO:
- Imagify — эффективное сжатие без потери качества, автоматизация оптимизации при загрузке;
- ShortPixel — поддерживает WebP, оптимизирует изображения и добавляет теги alt;
- Smush — популярный плагин для пакетного сжатия и lazy loading;
- WebP Express — позволяет автоматически показывать WebP изображения, что ускоряет загрузку.
Все эти плагины хорошо работают вместе с YoastSEO, помогая улучшить и технические, и семантические показатели SEO.
Настройка lazy loading для изображений — ускоряем загрузку сайта
С появлением нативного атрибута loading="lazy" в HTML можно легко реализовать отложенную загрузку. YoastSEO не занимается этим напрямую, но вы можете добавить поддержку lazy loading через код или плагины.
Пример добавления атрибута lazy loading через фильтр WordPress:
function yoastseo_add_lazy_loading($attr) {
$attr['loading'] = 'lazy';
return $attr;
}
add_filter('wp_get_attachment_image_attributes', 'yoastseo_add_lazy_loading');Этот простой код добавляет ко всем изображениям атрибут loading="lazy", что улучшает скорость загрузки страниц без потери SEO.
Как проверить и исправить ошибки оптимизации изображений через YoastSEO
YoastSEO в панели администратора и в редакторе страниц показывает рекомендации и предупреждения, связанные с изображениями:
- Отсутствие alt-тегов;
- Слишком длинные alt или title;
- Плохое соответствие текста изображения контенту;
- Отсутствие описаний в медиабиблиотеке.
Используйте эти подсказки для исправления. Также регулярно проверяйте скорость загрузки сайта через инструменты Google PageSpeed Insights и GTmetrix, чтобы убедиться, что изображения не замедляют работу.
Для комплексной автоматизации можно использовать плагин Clearfy, который помогает оптимизировать загрузку и убрать лишние метаданные.
Заключение по оптимизации изображений с YoastSEO
Оптимизация изображений — это не только сжатие, но и правильная SEO-разметка. YoastSEO помогает контролировать качество и полноту метаданных, а в связке с правильными функциями и плагинами вы сможете поднять позиции сайта в поисковиках и улучшить пользовательский опыт.
Рекомендуется:
- Добавлять осмысленные alt-теги — автоматизируйте с помощью кода;
- Использовать структурированные данные JSON-LD для изображений;
- Сжимать и конвертировать изображения в современные форматы;
- Настраивать lazy loading для ускорения загрузки;
- Использовать YoastSEO для проверки и исправления ошибок по изображениям.