Обновлено 19 сентября 2022 г.
Изображения не только делают ваш контент более доступным, привлекательным и привлекательным для пользователей, но и важны для SEO.
Понимание основ оптимизации изображений дает вашему контенту наилучшие возможности для успеха с помощью SEO.
Что такое оптимизация изображения?
Оптимизация изображений включает в себя создание и доставку высококачественных изображений в идеальном формате, размере и разрешении для повышения вовлеченности пользователей. Это также включает в себя точную маркировку изображений метаданными, чтобы сканеры поисковых систем могли читать их и понимать контекст страницы.
Согласно с HTTP-архив, в 2018 году изображения составляли 21% от общего веса средней веб-страницы, и эта доля, вероятно, росла по мере роста использования изображений в последние годы — они потребляют больше байтов, чем любая другая часть веб-сайта. Таким образом, размер и сложность изображения сильно влияют на производительность сайта.
Когда вы можете уменьшить размер изображений без ущерба для качества, время загрузки страницы и общее взаимодействие с пользователем улучшаются. Это может оказать положительное влияние на рейтинг в поисковых системах, что еще больше улучшит взаимодействие с клиентами, конверсию и удержание клиентов.
КОНЧИК: Оптимизированные образы занимают меньше места на вашем сервере, поэтому резервное копирование сайта выполняется быстрее.
Теперь я подробно расскажу о 10 способах оптимизации ваших изображений.
1. Измените размер изображений
Размер изображения и размер файла — не одно и то же. Размер изображения относится к размерам изображения (например, 1024 пикселя на 680 пикселов). Размер файла — это пространство для хранения (например, 350 килобайт).
Изображения с более высоким разрешением и большими размерами значительно замедляют время загрузки страницы. Хотя они хорошо подходят для печатных материалов, их следует уменьшить и уменьшить для Интернета.
КОНЧИК: Проверьте это руководство чтобы определить лучшие размеры изображений для платформ социальных сетей.
Сохранить подходящий формат
PNG, JPEG и GIF имеют свои преимущества. Я рекомендую JPEG для изображений с большим количеством цветов и PNG для простых изображений.
Выберите правильную степень сжатия
То, насколько хорошо сжато изображение, влияет как на размер файла, так и на его качество: чем меньше файл, тем хуже качество изображения.
Поэкспериментируйте с типами файлов и степенью сжатия, чтобы увидеть, что лучше всего подходит для каждого изображения. Многие инструменты для редактирования изображений, такие как Adobe Photoshopиметь параметр сохранения для Интернета, который автоматически минимизирует размер файла при оптимизации качества изображения.
Если вы не используете Photoshop, вам могут помочь следующие инструменты и подключаемые модули:
Инструменты оптимизации изображений
Плагины WordPress для оптимизации изображений
Тест скорости
После того, как вы оптимизировали свои изображения, как узнать, достаточно ли быстро загружается страница вашего веб-сайта? Используйте один из этих инструментов для проверки скорости вашего сайта:
КОНЧИК: Если содержимое вашего веб-сайта часто меняется, регулярно проверяйте время загрузки.
2. Оптимизируйте имена файлов изображений
Назовите файл соответствующими описательными ключевыми словами, чтобы получить максимальную эффективность SEO. Включите целевые ключевые слова в начало и разделите их дефисом. Не используйте символы подчеркивания, потому что поисковые системы их не распознают и не смогут «увидеть» слова по отдельности.
Назовите файлы изображений соответствующими описательными ключевыми словами, чтобы получить максимальную эффективность #SEO, говорит @IsaacJustesen через @CMIContent. Нажмите, чтобы твитнуть
Имена файлов должны иметь смысл как для поисковых систем, так и для людей. Например, если исходное имя изображения женщины в парикмахерской — салон234.jpg, переименуйте его, дав ему четкий и описательный заголовок, например женщина-стрижка-в-салоне.jpg.
3. Используйте альтернативные теги
Зрители могут понять изображение, но паукам поисковых систем нужны подсказки. Без альтернативный текстпоисковые системы не могут точно индексировать содержимое вашего изображения.
Хороший тег alt обеспечивает контекст и помогает слабовидящим пользователям. Это также полезно, когда сбой не позволяет загрузить изображение, потому что поисковые системы могут прочитать альтернативный текст, чтобы сообщить о рейтинге страницы. Напишите тег alt более подробно, чем имя файла. Стремитесь к 10-15, чтобы передать что-то об изображении.
КОНЧИК: Термины, относящиеся к бренду, могут быть в тегах alt для повышения видимости, но избегайте наполнения ключевыми словами.
СООТВЕТСТВУЮЩИЙ КОНТЕНТ:
4. Сделайте изображения удобными для мобильных устройств
Алгоритм Google использует индексацию для мобильных устройств, поэтому поисковые роботы в основном просматривают мобильную версию сайта. Таким образом, ваши изображения также должны быть адаптированы для мобильных устройств. Как? Короткий ответ заключается в том, чтобы убедиться, что ваши изображения и макет веб-сайта реагируют на устройство просмотра.
Некоторые шаблоны и конструкторы веб-сайтов автоматически изменяют размер изображений, но вы можете указать размер изображения в зависимости от ширины устройства. Для этого добавьте на свой сайт немного пользовательского кода CSS. Проверить это простое руководство чтобы узнать больше о том, как сделать ваши изображения адаптивными.
5. Оптимизируйте заголовок изображения
WordPress обычно берет название изображения из имени файла. Однако, если вы не используете WordPress или заголовок не объясняет изображение, обновите его соответствующими ключевыми словами так же, как и имена файлов.
Заголовки изображений менее важны для SEO, но они могут обеспечить дополнительный контекст для альтернативного текста. Заголовки изображений более полезны с точки зрения вовлечения пользователей, поэтому подумайте о том, чтобы добавить краткий призыв к действию, например «купить сейчас» или «скачать сегодня».
6. Включите подписи
Подписи к изображениям — слова непосредственно под изображениями — могут не влиять напрямую на SEO. Но, в отличие от имен файлов и замещающего текста, подписи видны и могут улучшить работу веб-сайта. Добавление подписей может иметь косвенное влияние на SEO, улучшая пользовательский опыт и показатели вовлеченности.
Используйте подписи к изображениям, чтобы улучшить взаимодействие с пользователем (и снизить показатель отказов), говорит @IsaacJustesen через @CMIContent. Нажмите, чтобы твитнуть
7. Используйте уникальные изображения
Использование стоковых фотографий — это хорошо, но они не обязательно улучшат ваш поисковый рейтинг, потому что другие веб-сайты, скорее всего, используют те же изображения. Точно так же уникальный письменный контент лучше для SEO, поэтому рекомендуется загружать уникальные изображения.
СООТВЕТСТВУЮЩИЙ КОНТЕНТ:
8. Убедитесь, что текст дополняет изображения
Копия страницы может помочь поисковым системам определить релевантность ваших изображений, если ваш текст не содержит достаточно информации, чтобы объяснить изображение, расширить описание.
9. Добавьте структурированные данные изображения
Включение структурированных данных на ваши страницы помогает поисковым системам отображать ваши изображения в расширенных результатах. Google картинки поддерживает структурированные данные для изображений продуктов, видео и рецептов. Например, он добавляет значок к изображению, если знает текст, например рецепт, сопровождающий его.
Добавление структурированных данных на ваши страницы помогает поисковым системам отображать ваши изображения в расширенных результатах, говорит @IsaacJustesen через @CMIContent. #SEO Нажмите, чтобы твитнуть
Использовать Общие рекомендации Google по структурированным данным чтобы узнать, как добавить структурированные данные на свои страницы в рамках параметров поисковой системы.
10. Используйте карты сайта
Google объясняет карту сайта как «файл, в котором вы можете перечислить веб-страницы вашего сайта, чтобы сообщить Google и другим поисковым системам об организации контента вашего сайта». Другими словами, это файл, содержащий карту контента вашего сайта.
Карты сайта являются важной частью SEO, потому что они сообщают поисковым системам о ваших страницах и структуре сайта. Чтобы сканеры поисковых систем заметили каждое изображение — инфографику, мем, фотографию, миниатюру видео и т. д. — включите их в карту сайта.
Для каждой записи изображения укажите заголовок, описание, URL-адрес, заголовок и информацию о лицензии. Для видеозаписей укажите название, описание, расположение URL-адреса, URL-адрес эскиза и URL-адрес необработанного видеофайла.
Если ваш сайт размещен на WordPress, вы можете использовать Йост SEOкоторый автоматически добавляет визуальный контент на карту сайта.
Максимально используйте ваши изображения
Если вы изо всех сил пытаетесь привлечь внимание к своему контенту, помните об этих стратегиях, прежде чем загружать какое-либо изображение. Эти методы оптимизации изображений повысят привлекательность вашего контента как для поисковых систем, так и для пользователей.
Обратите внимание: все упомянутые инструменты идентифицированы автором. Если у вас есть инструмент, чтобы предложить, пожалуйста, добавьте его в комментариях.
Изображение на обложке: Джозеф Калиновски/Content Marketing Institute
