Чтобы изображения принесли пользу вашему сайту, они должны быть качественными и не замедлять загрузку страницы. При этом важно сделать так, чтобы Яндекс и Google понимали содержание картинок и могли показывать их по соответствующим поисковым запросам.
Как подготовить фото на сайт👇🏻
1. Сохраните фотографии в подходящем формате
Одно и то же изображение в разных форматах может иметь разный размер и разное качество.
- JPEG. Такие изображения могут отображать более 16 000 000 цветов, а за счет сжатия занимают совсем немного места.
- PNG. У изображений в этом формате сжатие без потерь, поэтому файлы всегда большие. Используйте, когда нужно сохранить прозрачный фон.
- GIF. Этот формат используется для анимаций, в остальных случаях он не подходит из-за ограниченного количества цветов.
Каждому файлу дайте понятное название. Они должны описывать суть картинки. Это хорошо влияет на SEO-продвижение — поисковые роботы могут прочитать и проиндексировать название. ПРИМЕР: platje-svadebnoe-1.jpeg
2. Уменьшите вес изображения
Вес изображений влияет на скорость загрузки сайта: чем меньше вес картинки, тем быстрее открывается сайт.
Если ваши изображения оказались слишком тяжелыми, их лучше сжать без потери качества. Это можно сделать в Photoshop, установив необходимый размер и разрешение.
Бывает, что большие картинки неизбежно нужны на сайте – например, они позволяют покупателю рассмотреть товар. Для таких случаев есть превью: разместите в каталоге маленькое изображение, а для просмотра в полном размере пользователь должен еще раз кликнуть.
⚡Важно оптимизировать картинки под мобильные устройства. Тяжелые картинки на смартфоне будут загружаться еще дольше, чем на ПК. Поэтому важно подобрать разные версии изображений под разные экраны.
3. Заполните Alt-теги для каждой фотографии
Чтобы не отпугнуть пользователя, который прочитает текст в случае форс-мажора.
