SEO оптимизация изображений для сайта. Знаете ли вы, что даже одна не оптимизированная картинка на сайте может замедлить его работу в 40 раз и нарушить все ваши SEO настройки? Оптимизация изображений существенно влияет на оптимизацию всего сайта.
01. Оптимизация изображений для сайта
02. Изображения в Google и Яндекс картинках
03. Как оптимизировать картинки под SEO
04. Контент картинки
05. Название файла
06. Размер и вес графического файла
07. Тег ALT в картинках
08. Заголовок картинки (title)
09. Описание картинки
10. Фотокарта
11. Инструменты для оптимизации изображений
12. Эффективный сайт после оптимизации
13. Подводим итоги
Мы рассматриваем изображения в Интернете, как способ разнообразить контент или способ улучшения эстетики сайта. Также используем изображения в электронной коммерции для продвижения какого-либо продукта. Но в действительности картинки на сайте играет важную роль.
Читайте также, как удалить дубли картинок с сайта на WordPress
Правильно оптимизированные изображения на страницах сайта не только дают возможность получать органический трафик из поиска Google Images или Яндекс, но еще оказывают большое влияние на рейтинг страниц в обычном поиске Google и Яндекс.
SEO оптимизация изображений для сайта.
Хотя количество и качество фотографий на странице сайта теоретически не являются фактором ранжирования в Google и Яндекс, зато они влияют на SEO существенным образом.
Прежде всего, они положительно влияют на пользовательский опыт (UX). Они делают сайт приятным для восприятия, а контент легче усваивается. Это, в свою очередь, положительно влияет на время, проведенное на странице, скорость отклика и CTR. Конечно, чтобы это работало, графика должна быть высокого качества, выглядеть профессионально и соответствовать фирменному стилю компании и дизайну сайта.
Но если картинки на сайте не оптимизированы, то это может привести к значительному увеличению времени загрузки страницы, что в настоящее время является одним из наиболее важных факторов ранжирования для поисковиков. Даже небольшая (1-3 секунды) задержка может привести к существенному проценту отказов. То есть, люди не дождавшись загрузки страницы покидают ее.
Не стоит еще забывать, что графика — это тоже контент. Многие Результаты поиска Google и Яндекс теперь содержат графические элементы, чаще всего в самом верху поисковой выдачи. Пользователи часто кликают по этим картинкам, если они наиболее подходить под их поисковый запрос. Таким образом, оптимизация графики будет особенно важна, когда внешний вид продукта имеет большое значение. Вполне вероятно, что потенциальный клиент начнет свой поиск покупок с картинки в поисковой системе.
Изображения в Яндек и Google Images
Google Images, или yandex images просто, — это поисковая система, которая позволяет выполнять поиск с помощью изображений (после графического файла в окно поиска или с помощью объектива Google) и с помощью текста – но поисковая выдача будет картинками.
Изображения появляются в поиске, когда поисковик считает, что они подходят под поисковый запрос. Он определяет это на основе описаний к изображениям, текста, в котором они находятся на странице, и в некоторой степени от того, что на них изображено.
Но это не всегда работает должным образом. Робот может и не определить картинку. Вот почему оптимизация и правильное описание фотографий и вообще картинок так важны.
Поиск по картинкам в поисковиках — еще один шанс для вашего бизнеса и увеличения трафика. Возможность привлечь потенциальных клиентов и создать положительный имидж бренда. Поиск по картинкам предлагает компаниям то же самое, что и обычный поиск, только способ поиска информации отличается и требует других действий для достижения предполагаемых результатов
Как оптимизировать картинки под SEO?
Оптимизация изображений на сайте состоит из нескольких шагов. Все они влияют на окончательный рейтинг страницы для поисковиков, поэтому не стоит упускать из виду ни один из них.
Содержание (контент) картинки
Первый шаг касается выбора самой графики. Это может показаться очевидным, но в Интернете полно повторяющихся или неадекватных изображений.
Наибольшую ценность (как для пользователей, так и для поисковиков) будут иметь оригинальные, ранее не опубликованные в Интернете фотографии или изображения, которые в значительной степени отвечают требованиям пользователей.
Если у вас нет собственных фотографий, тогда можно воспользоваться фотостоками, например, Shutterstock. Но нужно проверять частоту использования картинок (особенно в отрасли, в которой вы работаете) и попытаться использовать те, которые встречаются редко. Но такие картинки будет сложно находить на бесплатных фотобанках.
SEO оптимизация сайта — имя графического файла
Робот поисковой системы должен , что находится на картинке, чтобы алгоритм мог решить, в каких результатах поиска (по каким фразам) его отображать. Одним из элементов, которые Google принимает во внимание — это имя графического файла.
Поэтому любой графический файл, который должен приводить на сайт трафик из поисковой системы, должен иметь подходящее имя: краткое и содержащее ключевое слово. Такое название файла, как работают намного хуже, чем обычное описание. Например, если на картинке есть баскетбольный мяч, тогда непонятное имя файла лучше заменить на , чтобы поисковик мог определить, что находится на изображении. Слова в названии файла нужно отделить дефисом .
Размер и вес графического файла
Еще один чрезвычайно важный шаг, который нужно сделать, − это изменить размер и вес картинки, т. е. уменьшить его, сохраняя при этом качество и удобочитаемость. Сжать фото для сайта онлайн без потери качества можно на сервисе Squoosh
Во-первых, надо уменьшить размер, если картинка слишком большая. Она все равно будет уменьшена при загрузке страницы сайта. Изменить размер картинки можно в любом графическом редакторе или на онлайн-сервисе, например, Image Resizer, который предлагает популярные пропорции в соответствии с оптимальным размером графики на конкретном выбранном носителе.
Второе, о чем стоит позаботиться, — это сжать фото для сайта, чтобы картинка стала как можно легче и быстрее скачивалась на устройство пользователя. Отличным решением этой проблемы является TinyPNG.
Для уменьшения веса файлов WEBP, JPG и PNG с потерями, TinyPREG использует интеллектуальные методы сжатия. При данном способе снижения есть необходимость в меньших объемах данных для хранения изображений. Кроме того, важно учитывать SEO оптимизацию изображений для сайта. При дополнительном уменьшении количества цветов изображение сохранит свои свойства. Такой эффект почти невидим для человеческого глаза, однако он имеет сильное влияние на размер файла!
Используйте TinyPNG, чтобы уменьшить вес изображений в ваших приложениях и на сайте. Они будут использовать меньшую пропускную способность и быстрее загружаться. Картинку весом 600 кб бывает можно уменьшить до 50 кб.
Когда дело доходит до формата файла, старайтесь, чтобы его вес был как можно меньше. Для больших фотографий лучше использовать формат WebP и AVIF нового поколения (для более новых CMS) и .PNG, а для меньших рекомендуется использовать базовое расширение .JPG.
WebP — это формат, созданный Google для замены старых файлов версиями меньшего размера с сохранением их исходного качества. В настоящее время это лучшее решение для большинства сайтов. Такой формат файлов имеет меньший размер, а значит загружаются быстрее и отлично заменяет старые расширения.
Как правильно добавить альтернативное описание картинки? Тег ALT
С точки зрения позиционирования альтернативный текст картинки очень важен. Этот тег мы добавляем после загрузки графического файла на сервер. Атрибут ALT можно легко оптимизировать, например, в WordPress, введя простое описание изображения в поле . Там стоит использовать ключевые слова, но в приоритете достаточно добавить точное описание содержимого графики. Он не должен быть обширным — его длина должна быть ограничена около семидесяти символов.
Альтернативный текст картинки выполняет следующие функции:
Он отображается при возникновении проблемы с загрузкой изображений на сайте;
Это еще один элемент, после имени файла, который сообщает искусственному интеллекту Google и Яндекс, что содержит ваша картинка;
Это чрезвычайно важно для пользователей с ограниченными возможностями, использующих программы чтения с экрана.
Тег title картинки
Тег title, т. е. атрибут, содержащий название картинки, может, как и альтернативный текст, описывать, что на ней изображено, но не обязательно, т. к. название картинки может быть абстрактным. Однако дублировать текст в ALT-заголовке не рекомендуется. В зависимости от настроек CMS заголовок может отображаться при наведении курсора мыши на картинку.
Описание картинки <body>
Если у вас есть возможность, то к картинке можно добавить описание, дополняя его ключевыми словами. Это будет еще одна контекстная подсказка для поисковых роботов.
Фотокарта для SEO оптимизации сайта
Если на вашем сайте много фотографий, и это ключевой контент для него, тогда стоило бы создать отдельно карту Sitemaps с URL-адресами всех изображений. Это упростит их индексацию и повысит вероятность того, что они будут хорошо ранжироваться в поиске.
Инструменты для оптимизации картинок
Самые популярные инструменты для оптимизации изображений:
- Photoshop,
- Adobe Lightroom,
- GIMP,
- PicMonkey,
- JPEGmini,
- ImageOptim,
- Fotor,
- Pixelmator,
- Compress JPEG & PNG images
Оптимизированные изображения — эффективный сайт
Применение вышеперечисленных шагов на практике позволит вам оптимизировать картинки, что будет способствовать увеличению трафика на ваш сайт. Кроме того, не забывайте о важности SEO оптимизации изображений для сайта. Она играет ключевую роль в производительности вашего сайта и времени загрузки страниц. В настоящее время это является основным фактором, влияющим на пользовательское взаимодействие и позицию сайта в рейтинге. Так что помните об этом при загрузке изображений на ваш сайт.
Подведем итоги по оптимизации фотографий и изображений для SEO
Оптимизация фотографий и изображений для SEO — важный элемент, который позволяет поисковым системам легче находить ваши страницы. Это означает, что правильная оптимизация картинок может предотвратить потерю трафика и привлечь больше пользователей.
Оптимизация включает в себя множество шагов:
- Выбор правильного формата файла;
- Уменьшение размера файла;
- Добавление тегов alt и title;
- Добавление описания с ключевыми словами.
У вашего сайта будут преимущества и хороший рейтинг в результатах поиска, если будете применять описанные в этой статье способы оптимизации.
