10 важных советов по оптимизации картинок для SEO

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

Что из себя представляет оптимизация изображений

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

По данным HTTP Archive, в 2018 году изображения составляли 21% от общего объема контента на веб–странице (в среднем). И если судить по тенденциям 2022 года, эта доля на порядок выросла, поскольку многие сейчас используют изображения в рамках подачи контента. Таким образом, оптимизация изображений сильно влияет на производительность сайта.

Если вы можете уменьшить размер изображений без ущерба для качества – делайте это. Так время загрузки страницы и UX определенно улучшатся, что, в свою очередь, положительно скажется на местоположении в SERP. Это позволит добиться максимальной вовлеченности пользователя, получить много конверсий и удержать внушительное количество клиентов.

Оптимизированные изображения занимают меньше места, поэтому резервное копирование будет выполняться быстрее (если вообще появится нужда в создании такового).

Теперь давайте поговорим о том, как можно оптимизировать изображения. Вот 10 рабочих фишек:

Измените размер

Размер изображения и размер файла — это не одно и то же.

Размер изображения исчисляется в пикселях. Например, 1024х680 пикселей. Размер файла - это то, сколько места он занимает на твердотельном накопителе (например, картинка может «весить» 350 килобайт).

Изображения с большим разрешением и размером будут значительно замедлять загрузку страницы. Они, конечно, хорошо подходят для печатных материалов, но использование их на интернет–странице – заведомо провальный вариант. Старайтесь (по возможности) ужимать их.

Сохраняйте изображения в определенных форматах

PNG, JPEG и GIF форматы имеют свои преимущества. Если вы постите изображение с большим количеством цветов, отдайте предпочтение JPEG. Если это что–то простое (например, какая–нибудь схема), то остановитесь на PNG.

Лучшие форматы изображений для вашего сайта – PNG, JPEG, SVG и GIF.

Не переусердствуйте со сжатием

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

Экспериментируйте с типами файлов и сжатием, чтобы понять, какому изображению и что подойдет наилучшим образом. Многие утилиты (по типу Adobe Photoshop) имеют возможность автоматической оптимизации изображения. Если вы не пользуетесь Photoshop, вам могут помочь следующие инструменты и плагины:

• Affinity Photo;
• FileOptimizer;
• Gimp;
• ImageOptim (только для macOS);
• JPEG Mini;
• Kraken;
• Photopea;
• Pixlr;
• OptiPNG;

Итак, вы разобрались с оптимизацией. Но как узнать, все ли правильно вы сделали? Используйте один из этих инструментов для проверки скорости сайта:

• GTmetrix;
• Google PageSpeed Insights;
• Pingdom;
• WebPageTest;

Кстати, если контент на вашем сайте часто меняется, то не ленитесь периодически проверять время загрузки.

Оптимизируйте названия файлов

Дайте файлу такое имя, которое будет содержать релевантные ключевые слова. Так вы однозначно сможете получить преимущество в SEO продвижении. Разделяйте ключи в названии с помощью дефисов. Не используйте подчерк – поисковики его не распознают.

Название должно нести смысл как для поисковой машины, так и для человека.

Например: если оригинальное название картинки, на которой изображена женщина в парикмахерской - salon234.jpg, переименуйте его во что–то более понятное по типу woman-having-a-haircut-in-a-salon.jpg.

Используйте атрибут alt

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

Тег alt здорово поможет с решением этого вопроса. Если вы заполните этот атрибут, то получите альтернативный текст для изображения. Это будет полезно как для краулеров поисковых систем, так и для людей с плохим зрением. Тег alt также выручит вас, если изображение не будет загружаться по техническим причинам – поисковики смогут изучить представленный текст, чтобы выдать странице правильный рейтинг и позицию в SERP. Что касательно объема, то постарайтесь уместить описание изображения в 10–15 слов.

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

Алгоритм Google индексирует по принципу Mobile First, поэтому краулеры в первую очередь смотрят на мобильную версию сайта. Это означает, что все картинки на вашем сайте должны быть адаптированы под различные девайсы. То, насколько корректно они отображаются, можно быстро проверить, просто открыв сайт с телефона.

Некоторые конструкторы сайтов способны автоматически подстраивать изображения под те или иные устройства, но вы по–прежнему можете задать размер самостоятельно – опираясь на диагональ устройства. Для этого понадобится немного поработать с CSS.

Оптимизируйте заголовки

Заголовки, конечно, не так важны для SEO, но они по–прежнему могут служить в качестве дополнительного контекстуального пояснения, если вы решитесь на использование тега alt. Заголовки для изображения полезны с точки зрения привлечения клиентов, поэтому подумайте о добавлении призыва к действию. Например, «купить сейчас» или «скачать сегодня».

Подпишите картинки

Подписи под изображениями, конечно, не будут оказывать прямого эффекта на SEO. Но они могут улучшить UX и упростить восприятие контента.

Используйте уникальные изображения

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

Свяжите текст с изображением

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

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

Используйте методичку от Google по структурированным данным, чтобы разузнать о всех подобных нюансах.

Используйте sitemaps

Google говорит, что sitemaps — это XML–файлы, в которые вы можете включить информацию о своих веб–страницах, чтобы рассказать Google и другим поисковым системам о вашем сайте.

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

Для каждого изображения (или видео) указывайте название и давайте ему описание. По возможности также уточняйте местоположение и лицензию.

Мало картинок не бывает

Если вам кажется, что ваш контент проходит мимо глаз посетителей – пользуйтесь нашими советами. Эти методы оптимизации повысят релевантность и привлекательность вашего контента как для поисковых систем, так и для пользователей.