Оптимизация изображений и их роль для SEO

Поисковая оптимизация - это комплексный процесс, профессиональные seo оптимизаторы, не упускают ничего. Кто-то говорит про эффективность одних методов и неэффективность других, специалисты FoCeO используют абсолютно все возможные методы для продвижения Ваших сайтов, более того, мы всегда рады поделиться всеми известными нам приемами и хитростями. В этом уроке мы будем говорить про оптимизацию изображений, большинство seo оптимизаторов недооценивают этот фактор, очень даже зря! Когда мы говорили про html разметку, мы обсуждали важность оптимизации изображений, сейчас разберемся в этом вопросе более тщательно. Сейчас очень не просто повстречать сайт без графического оформления вообще. В большинстве случаев графическое оформление достигается с использованием css стилей, js скриптов и изображений. Все Ваши картинки, фотографии, всё это требует отдельного внимания и оптимизации. Все изображения, используемые на Вашем сайте требуют оптимизации в дополнение к прочим элементам страницы. Поисковая оптимизация изображений не только улучшает релевантность страницы, а значит и повышает шансы на улучшение позиций в ранжировании поисковых систем, но и вполне вероятно добавит Вашей странице шансов получить переход с поиска изображений, такой поиск к слову присутствует в каждой поисковой системе.
Размер изображений в SEO
Больше не значит лучше, или все же значит? На самом деле ответ на данный вопрос неоднозначен и требует более детального разбора.
С одной стороны поисковые системы любят большие и качественные изображения, с другой нет, если поисковый робот найдет 2 одинаковых изображения, но разного размера - предпочтение получит изображение лучшего качества, вот только это совсем не значит, что такие изображения на страницах Вашего сайта окажут положительное влияние на продвижение, как быть? Все достаточно просто, следует делать миниатюры (уменьшенные и сжатые варианты одного и того же изображения), ну а по клику скажем на картинку, открывать большое изображение в новом окне, такой вариант наиболее приемлем для поисковых систем. Используй Вы большие изображения на страницах сайтах - Вы подпортите себе юзабилити, увеличите время загрузки страницы, поисковики поставят Вам минус, зачем нам такое, да? Говоря о миниатюрах (превью) изображений, важно не "переборщить", изображения размером менее 100 - 150 пикселей, могут восприниматься поисковиками, как элементы дизайна, а значит в выдачу по изображениям, такие картинки могут не попасть.
Пример использования превью с ссылкой на большое изображение:

А вот пример открытия большого изображения по клику на миниатюру в новом окне

Важное замечание! Не используйте большие изображения в качестве миниатюры, сжимая размер с использованием стилей *.css.
Расположение изображений в SEO
Наличие в статье изображений положительно сказывается на общей оптимизации страницы. Исходя из алгоритмов ранжирования поисковых систем, расположение изображения занимает в списке рекомендаций поисковых систем не последнее место. Изображение должно находиться в непосредственной близости к тексту, как-будто дополняя его, кроме того, Вы можете использовать миниатюры на Ваших веб-страницах для семантической разметки Open Graph.
За последние годы, поисковые системы сделали большой шаг в плане распознавания изображений, потому общий контекст очень важен для адекватного восприятия изображений поисковыми роботами.
Подпись под картинкой
Одним из вариантов добавить контекста к изображению будет подпись под или над картинкой, давайте своим изображениям заголовки, в тех случаях, когда на странице мало текста. Подписи изображений, как и любой элемент веб - страницы требуют SEO оптимизации, используйте ключевые слова в подписях изображений, именно по ключевым словам, использованным в качестве подписей, поисковиками будет определяться релевантность соответствия картинок содержимому страницы.
Атрибут изображения alt для тега img

Профессиональные seo специалисты не ограничиваются подписью для изображений. Необходимо помнить про важнейшие для нас с Вами атрибуты изображений alt и title. Атрибут для изображения alt - это альтернативный текст, отображаемый в случае ошибок в загрузке изображений. Атрибут alt сообщит посетителю сайта о содержимом изображения с помощью текста, в том случае, если в браузере пользователя отключено отображение картинок или произошла ошибка в процессе загрузки изображения. Пример оптимизации изображения с помощью атрибута alt:

Seo специалисты FoCeO рекомендуют всегда заполнять атрибут alt, такая оптимизация может положительно повлиять на ранжирование страницы в поисковой выдаче. Говоря об ограничениях фантазии при заполнении атрибута alt, стоит учитывать, что поисковые системы не воспринимают слишком длинные описания (alt), потому мы рекомендуем использовать текст в атрибуте alt не более 50 символов.
Атрибут изображения title тега изображения img
Атрибут title - это всплывающая подсказка, которая отображается при наведении курсора мышки на изображение. Для нас, как seo оптимизаторов это еще один важный элемент в оптимизации изображения. Нам с Вами ничего не мешает использовать этот атрибут в качестве контекста к изображению, добавить в него ключевое слово. Использование атрибута title является обязательным, когда мы используем в качестве ссылки изображения. Большинство seo специалистов утверждает, что наличие атрибута title для изображений необязательно. С точки зрения w3Org это действительно так, однако с точки зрения поисковой оптимизации, title для нас обязателен!
Название для файла изображения
Для seo специалистов серьезно подходящим к вопросу оптимизации сайтов, совсем не безразлично и название самого файла изображения. Необходимо давать файлам такие заголовки, какие смогут подчеркнуть соответствие названия содержимому изображения. Важно помнить еще и тот факт, что в названиях файлов вообще в SEO в целом важно придерживаться принципа "-" -пробел, а никак не "_". Используйте тире или символ минус для разделения слов, например, seo портал Крыма можно обозвать в файле seo-portal-krima, используйте транслитизацию для сайтов русскоязычной аудитории.
Формат изображений
Формат изображений напрямую связан с их размером. Чем меньше будет размер картинки, тем быстрее страница будет загружаться, это повышает юзабилити, а значит вызывает положительный эффект при анжировании веб - страницы в поисковой выдаче. Наиболее популярные форматы изображений для веб - страниц это: *.jpg, *.png, *.gif. Такие форматы изображений уже оптимизированы под веб-формат, а значит позволяют получить хорошее соотношение в плане размера изображения к его весу.
Всегда помните про юзабилити, старайтесь показывать страницы Вашего сайта друзьям и знакомым, приятно ли им смотреть на получившиеся у Вас страницы, дело в том, что свои проекты мы всегда любим и не можем объективно их критиковать, поэтому не пренебрегайте мнением со стороны.
Плохо оптимизированные изображения могут лишить пользователя желания находиться на сайте. В большей степени такое замечание касается лэндингов или посадочных страниц, здесь очень большое значение имеет общая привлекательность страницы, а изображения могут существенно подпортить общую картину.
Если Ваши изображения будут много весить, сайт-лендинг будет загружаться долго. Мы с Вами живем в то время, когда одним из главных кредо является: "Время - деньги!", не заставляйте своих пользователей долго ждать, оптимизируйте изображения на страницах Вашего сайта!
Давайте посмотрим, как должен выглядеть код правильно оптимизированных изображений:
Пример оптимизации обычного изображения:

Пример оптимизации изображения-ссылки:

Пример оптимизации изображения с ссылкой, которая откроется в новом окне:

На этом урок по оптимизации изображения для SEO закончен. Желаем Вам успешного продвижения сайтов!