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

Визуальный контент — это не только приятная картинка. Без него SEO-оптимизация может многое потерять. И вот почему.

Важно ли оптимизировать картинки

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

Основные требования к созданию картинок

Всего можно выделить 4 главные требования к созданию картинок.

Форматы изображений

Лучше всего использовать такие форматы:

• JPEG — для обычных фото;
• PNG — для графики, созданной дизайнером;
• SVG — для векторной графики.

Еще один популярный формат картинок — WebP. Он весит меньше всего, но не все браузеры могут поддерживать его.

Качество

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

1. Четкой.
2. Резкой.
3. Соответствовала контенту.

Размер и вес изображений

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

Размещение картинок

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

Как уменьшить вес изображения без потери качества

Как мы писали  выше, уменьшение размера фото помогает сократить время загрузки страницы. Есть несколько способов, которые помогут вам быстро и качественно уменьшить фото.

Десктопные программы

Среди самых популярных программ для уменьшения фото:

• Caesium;
• Light Image Resizer;
• Adobe Photoshop.

Каждая из утилит позволяет сократить размер картинки без потери качества.

Мобильные приложения

Уменьшить размер изображения можно и с помощью мобильных гаджетов. Например, используя такие приложения, как Image Compressor, Pictools, Photo Compress 2.0. С их помощью легко и просто сжать, обрезать и изменить размер картинок.

Онлайн-сервисы

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

Как оптимизировать картинки на странице

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

Название файлов

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

1. Используйте латиницу, поскольку много CMS не понимают кириллицу.
2. Вместо дефисов ставьте пробел, он считывается поисковиком как дефис.
3. Название картинки должно быть релевантно ее содержанию.

Хранение файлов

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

Расположение файлов

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

Бэклинки

Бэклинки — своеобразные анкоры ссылок на изображения с внешних ресурсов, которые учитывают поисковики. Главное требования к бэклинкам — текст анкора и содержание картинки должны совпадать.

Мета-теги для изображений

Мета-теги используется для описания того, что находится на изображении, особенно важную роль играет атрибут Alt.  Поэтому его стоит не только внимательно заполнить, но и добавить ключевые слова. Для оптимизации полезно заполнить и мета-тег title. Это текст, который появится перед глазами человека, когда он наведет курсор на картинку.

Карта изображений на сайте

Для картинок, которые загружаются на ресурс с помощью JavaScript, необходимо создать специальную карту изображений. Если этого не сделать, они не будут проиндексированы, ведь поисковик попросту не найдет их.

Микроразметка

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

Уникальность изображений

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

Где взять уникальные картинки для сайта

Добавлять на сайт уникальные изображения довольно легко, если знать, где их искать.

Поиск Google

Самый простой способ — использовать поиск по картинкам Google. Главное, выбрать фильтр Creative Commons — его авторы позволяют использование картинок со ссылкой на источник.

Ищите картинки в бесплатных фотобанках и улучшайте их с помощью фоторедакторов

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

Reddit

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

1. Установить расширение для браузера под названием Reddit Enhancement Suite.
2. Открыть страницу и найти нужный раздел.
3. Установить критерии сортировки.
4. Выбрать понравившуюся картинку.

Выводы

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