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

Внимание!Скорость сайта входит в ТОП параметров поисковых систем, на основании которых выдается показатель качества сайта.
Занимаясь продвижением сайтов вопрос оптимизации изображений следует ставить обязательным пунктом в техническом задании. Давайте рассмотрим несколько шагов по оптимизации изображений на сайте:
  1. Необходимость наличия данной картинки на сайте;
  2. Действительно ли необходима картинка именно такого большого размера;
  3. Правильный ли формат изображения выбран;
  4. Кто или что масштабирует изображения на вашем сайте;
  5. Альтернативный текст;
  6. Всплывающая подсказка;
  7. Роль оптимизации изображений в продвижении сайтов.

Необходимость наличия данной картинки на сайте

Это первый вопрос, на который вы должны себе ответить. Часто можно увидеть статьи, в которых картинок гораздо больше чем текста. Они вставлены по теме и нет, автору просто хотелось покрасивее оформить публикацию.
Убедитесь, что каждая картинка, которая опубликована на сайте, действительно нужна. Ведь каждая из них может занимать размер бОльший, чем вся остальная страница сайта. 
Например, без картинок страница сайта "весит" 300кБ, а с картинками - 3000кБ, т.е. она в десять раз больше. Может, стоит удалить несколько и уменьшить ее размер? Особенно часто веб-дизайнеры грешат этим, сделав очень "тяжелый" слайдер и разместив его на всех страницах сайта. Не понимая, что это далеко не всегда плюс в сторону продвижения сайта. На нашем сайте у нас достаточно много информации о seo-оптимизации сйта - можете ознакомится с его разделами.

Нужно ли изображение большого размера

Часто мы можем видеть на сайтах картинки очень большого размера, которые не несут никакой смысловой нагрузки. Во многих случаях можно было-бы сделать меньший размер и сайт ничего при этом не потерял. 
В данном случае имеется в виду не размер в плане объема занимаемой памяти, а в плане разрешения. 
Например, картинка в начале этой статьи имеет разрешение 600x400, а ниже - 200x300. 

Продвижение сайта
Чем изображение больше, тем больший объем памяти она занимает, тем дольше загружается сайт. Соответственно - тем ниже "уважение" поисковых систем в ее строну.

Выбор формата изображения

Стандартные форматы публикаций изображений на сайте - GIF, PNG и JPG. Также иногда используются еще два формата - WebP и JPEG XR (масштабированные изображения), но пока не все клиенты их поддерживают и они используются редко.

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

PNG - публикация изображений самого высокого качества. Этот формат не предполагает сжатие для уменьшения "веса". Используйте только при крайней необходимости. Также используется для прозрачного фона.

JPG - самый популярный формат. Он стал таким благодаря возможности сильного сжатия (с потерями и без потерь), иногда в несколько раз уменьшая объем занимаемой памяти. Это играет довольно сильную роль, если продвижение сайта - не просто слова для вас.

Масштабирования изображений на сайте

Стоит обратить внимание на то, что следует изображение делать сразу в том формате, который необходим для конкретного проекта. В противном случае (если изображения масштабируются самим браузером) мы повышаем нагрузку на сайт.
Для примера посмотрим, сколько же лишней информации обрабатывается при масштабировании изображений разного размера.
Масштабирование картинок
Обратите внимание, что разница в исходном и отображаемых размерах - всего 10 пикселей! Не обратив внимание на этот момент мы можем очень долго выискивать причины медленной работы сайта. А все что надо было сделать - сразу дать необходимое разрешение нашим картинкам.

Альтернативный текст

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

В таком случае посетитель не уйдет с сайта только потому, что не отображаются картинки - вместо них будет альтернативный текст, например - "Фотография нашего офиса".

Всплывающая подсказка

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

Роль оптимизации изображений при оптимизации сайта

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

Внимание!Конечно, в том случае, если нет других проблем на сайте. Сначала решаются более критичные вопросы.
Для оптимизации изображений на вашем сайте обратитесь к нам и наши специалисты сделают все грамотно и профессионально. Продвижение сайта - одно из самых главных направлений нашей деятельности, которые мы знаем и любим. 

Заполните форму ниже и наш специалист свяжется с вами.

Сказки о продвижении и создании сайтов

В данной рассылке вы будете получать уведомления о выходе новой истории о том, как недобросовестные веб-специалисты обманывают и всячески "разводят" клиентов. Чтобы не было скучно читать — эти истории написаны в форме сказок. Так и называются — "Сказки для клиентов". Если вы стали участником или свидетелем подобной истории — присылайте ее нам и мы обязательно опубликуем ее (достаточно в общих словах, мы сами оформим все в художественный стиль), чтобы предупредить честной народ о еще одном способе обмана.