Изображения имеют решающее значение для того, чтобы ваш контент был более доступным и привлекательным для пользователей, но они также важны с точки зрения SEO.
Во-первых, они дают поисковым системам важную контекстную информацию. Во-вторых, оптимизированные изображения ускоряют загрузку страниц, что повышает заинтересованность пользователей и рейтинг в поисковых системах.
Чтобы дать вашему бренду наилучшую возможность добиться успеха в SEO, вы должны понимать основы оптимизации изображений.
Оптимизация изображений - это процесс создания и предоставления высококачественных изображений в идеальном формате, размере и разрешении для повышения вовлеченности пользователей. Это также включает в себя точную маркировку изображений, чтобы сканеры поисковых систем могли читать их и понимать контекст страницы.
Согласно HTTP-архиву, изображения составляли в среднем 21% от общего веса веб-страницы по состоянию на ноябрь 2018 года. Поскольку изображения занимают больше байтов, чем любая другая часть веб-сайта, их размер и сложность сильно влияют на производительность сайта.
Если вы уменьшите размер изображений с сохранением качества, время загрузки страницы улучшится, а впоследствии и опыт посетителей сайта тоже. Исследование, проведенное Aberdeen Group, показывает, что задержка загрузки в одну секунду равняется 7% -ному снижению конверсии, и что около 40% людей покидают веб-сайт , загрузка которого занимает более трех секунд.
Улучшенный пользовательский интерфейс и взаимодействие с вашим сайтом положительно влияют на рейтинг в поисковых системах, что еще больше повышает заинтересованность клиентов, конверсии и удержание клиентов.
Более того, когда оптимизированные изображения занимают меньше места на вашем сервере, резервное копирование сайта будет выполняться быстрее.
Теперь мы расскажем, как оптимизировать ваши изображения.
1. Измените размер ваших изображений
Размер изображения и размер файла не одно и то же. Размер изображения – это количество пикселей в нем (например, 1024 на 680 пикселей). Размер файла - это объем пространства, необходимого для его хранения на сервере (например, 350 килобайт).
Изображения с более высоким разрешением и большими размерами (часто созданные профессиональной камерой) значительно замедляют время загрузки страницы. Хотя они хороши для печати, вам нужно уменьшить размер файла, не теряя при этом высокого качества, чтобы они были хороши и для Интернета.
Выберите правильный формат файла
PNG, JPEG и GIF - все популярны. У каждого есть свои преимущества. Мы рекомендуем JPEG для изображений с большим количеством цветов и PNG для простых изображений.
Выберите правильную степень сжатия
Если вы слишком сильно сжимаете изображение, размер файла невелик, но качество изображения низкое. С другой стороны, когда вы используете низкую степень сжатия, качество изображения высокое, но размер файла огромен.
В идеале вы должны поэкспериментировать с типами файлов и степенями сжатия, чтобы увидеть, что лучше всего подходит для каждого изображения. Многие инструменты редактирования изображений, в том числе Adobe Photoshop, имеют параметр «Сохранить для Интернета», который автоматически минимизирует размер файла при оптимизации качества изображения.
2. Оптимизируйте имена файлов изображений
Правильный выбор имени файла важен для SEO вашей страницы и рейтинга в результатах поиска изображений. Перед загрузкой любого изображения назовите файл с соответствующими описательными ключевыми словами, чтобы получить максимальную отдачу от SEO.
Включите целевые ключевые слова в начале и разделите их дефисами. Не используйте подчеркивания, потому что поисковые системы не распознают их и не смогут «увидеть» слова по отдельности.
Имена файлов должны иметь смысл как для поисковых систем, так и для людей. Например, оригинальное имя для изображения женщины в автосалоне - «avto234.jpg». Переименуйте его с более ясным и более наглядным названием, например «woman-in-a-avtosalon.jpg».
3. Используйте альтернативные теги
Зрители могут понять, о чем картинка, но пауки поисковых систем все еще нуждаются в подсказках. Без альтернативного текста поисковые системы не смогут точно проиндексировать содержание вашего изображения. Хороший тег alt обеспечивает контекст и помогает пользователям со слабым зрением. Даже когда изображения не загружаются из-за сбоя, поисковые системы все равно могут прочитать альтернативный текст, чтобы помочь оценить страницу. Здесь можно добавить слова, относящиеся к бренду, чтобы повысить узнаваемость. Просто избегайте перенаполнения ключевыми словами.