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

5 мая 2020

Прочитанно: раз

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

Теги Alt и Img

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

Сжатие изображений

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

Сжимать изображения можно тремя способами. Первый способ, сжатия изображения прямо в редакторе например в Photoshop. Второй способ использование сторонних ресурсов(сайтов) которых в интернете полно на сегодняшний день. Третий способ это использование готовых плагинов для cms систем которые сжимают изображение так как вам нужно. Не стоит сжимать картинки так чтобы они сильно теряли качества, лучше всего сжимать до того момента когда качество остается разборчивым для посетителей вашего сайта.

Окружающий изображения текст

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

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

Title для картинки

Некоторые поисковые системы, такие как, например, Yahoo или Google, придают значение непосредственно имени файла. Исходя из этого, картинке лучше давать понятное и четкое название, по которому можно судить о ее содержании. Это в частности поможет отыскать ее по запросу, набранному транслятором либо на английском языке.

Помните, что каждый браузер по-разному распознает атрибуты. К примеру, Internet Explorer видит alt, Opera же его не воспринимает. Зная об этих отличиях, каждый пользователь выбирает для себя браузер, который наиболее ему подходит. Потому при оптимизации картинки требуется учитывать все возможные теги, в том числе и title, учитываемый в браузере Opera.

Чтобы улучшить оптимизацию, используйте оба атрибута, но при этом ставьте в каждом из них свой текст, чтобы поисковые системы не сочли содержание элементов поисковой накруткой.

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

Самым простым и эффективным способом является закрытие папки с картинками с помощью файла robots.txt: В корне сайта находим файл robots.txt и вставляем условия для роботов которые находятся ниже.
- User-agent: *
- Disallow: /image/