Процесс SEO оптимизации размещаемых на сайте материалов требует профессионального, комплексного подхода. Все элементы веб-страницы должны быть оптимизированы и грамотно оформлены. Это касается не только текстового контента, но и используемые картинок. Оптимизация изображений для сайта упрощает их восприятие посетителями ресурса и популярными поисковыми системами.
Оптимизировать необходимо размещаемые на сайте изображения, картинки, фотографии и весь остальной графический контент, присутствующий на каждом веб-ресурсе. Графические элементы, как и тексты, нуждаются в организации и тщательной оптимизации.
SEO оптимизация изображений оказывает следующий эффект:
- повышает релевантность веб-страниц;
- поднимает их позиции в выдаче;
- увеличивает трафик благодаря появлению картинок в выдаче сервисов изображений Яндекса и Гугла.
Наиболее полезна SEO оптимизация изображений для узконишевых интернет-ресурсов, текстовое содержание которых предполагает использование поясняющих тематических изображений. Как должна проводиться оптимизация изображений для сайта, какие правила и требования необходимо учитывать при ее выполнении?
Размер и качество изображения
Немаловажное значение имеет размер изображений. Желательно использовать крупные фотографии и картинки. Если поисковик находит в интернете несколько дублей одной и той же картинки, он выбирает самое крупное из них. Однако в этом вопросе необходимо соблюдать меру. Огромные фото вставлять не стоит. В полном разрешении картинки большого размера могут открываться по ссылке на отдельной странице. На самой странице в этом случае размещают превью (уменьшенную копию) изображения. Миниатюра картинки не должна быть слишком мелко. Если размер графического элемента будет слишком мал, поисковые системы могут проигнорировать его в выдаче, приняв за часть дизайна сайта.
Тег, создающий переход с превью на оригинальную картинку большого разрешения выглядит следующим образом: 
.
Качество картинки должно быть высоким. Это очень важно, так как плохо обрезанные, нечеткие и размытые фотографии формируют у потребителей негативное впечатление о самом интернет-ресурсе и о рекламируемой им продукции. Качественные, яркие фотографии оказывают позитивное влияние на социальные и поведенческие особенности. Они эффективно привлекают внимание посетителей портала, вызывают у них интерес к продукту.
Не стоит сжимать большое фото с помощью стилей – это может вызвать его искажение. Сжатая фотография будет прогружаться полностью, замедляя скорость загрузки веб-страницы. К тому же, поисковики умеют определять несоответствие стиля изображения и его размера. Обнаружив существенное расхождение, они способны воспринять его в качестве некорректного технического решения, замедляющего скорость загрузки страницы и наносящего ей вред.
Расположение изображения
На сайте следует размещать только релевантные картинки, органично дополняющие его основной контент и способные лучше и быстрее донести до пользователей нужную информацию, чем текстовый материал. Релевантность изображений – один из важнейших факторов для поисковиков. Перед размещением иллюстраций к статье важно убедиться в их соответствии тематике текстового материала.
Размещая картинку, важно не только правильно подобрать ее размер и формат, но и удачно расположить на странице. Качественные, удачно расположенные изображения улучшают поисковую оптимизацию ресурса. Особенности расположения графического элемента оказывают непосредственное влияние на оценку его значения для страницы. Размещать фотографии следует рядом с тематическим текстом. Также можно окружить картинку текстом таким образом, чтобы она органично дополняла содержание текстового материала.
Современные поисковики еще недостаточно хорошо умеют распознавать содержимое картинок, особенно без контекста. Нехватку информации для распознавания они компенсируют с помощью окружающего фотографию текстового контента. Оптимизация изображений для сайта предусматривает окружение картинок текстом, подсказывающее поисковикам содержимое графических элементов и повышающее их релевантность.
Заполнение на сайте атрибутов title и alt
Атрибут изображения alt представляет собой его альтернативное текстовое описание. Атрибут alt сообщает пользователям в текстовом формате, что именно изображено на картинке при ошибке загрузки изображений или отключении данной функции в браузере.
Данный атрибут выглядит следующим образом: <img src=»адрес изображения» alt=»Описание изображения» />. Оптимизация изображений для сайта предполагает заполнение данного атрибута, что помогает оптимизировать всю страницу. Описание картинки в этом атрибуте должно быть емким и точным. Его длина не должна превышать 60 символов, так как поисковики не умеют полностью воспринимать слишком длинные описания.
SEO оптимизация изображений также предусматривает использование атрибута title, отображаемого на странице в качестве всплывающей подсказки. Он, в отличие от атрибута alt, не описывает содержимое фотографии, а сообщает дополнительную информацию о ней. Наличие атрибута title для картинок не обязательно. Его содержимое не должно совпадать с содержимым alt атрибута.
Человекопонятные названия файла картинки
Оптимизация изображений для сайта также предполагает совпадение названия файла с картинкой ее содержимому. Формат ЧПУ – человекопонятный урл информирует посетителей и поисковые системы намного лучше, чем набор цифр. Понятные названия существенно улучшают SEO оптимизация фотографий
Формат изображения
Недостаточно тщательная оптимизация изображений на сайте способна уменьшить количество просмотров на сайте. В первую очередь, это относится к посадочным страницам, для которых следует использовать привлекательные, хорошо оптимизированные картинки. В противном случае, посетители могут просто расхотеть знакомиться с размещенным на портале контенте и уйти с него. При большом весе фотографий и других изображений сайт загружается чересчур долго. Если же он грузится чересчур быстро, на нем, скорее всего, размещены некачественные картинки, способные оттолкнуть посетителей, снизив конверсию ресурса.
Наиболее востребованными форматами изображений для веб-ресурсов являются:
- png;
- jpg;
- gif.
Это оптимизированные форматы, обеспечивающие получение оптимального соотношения размера изображения к весу файла. Они позволяют размещать на сайтах качественные картинки, имеющие небольшой размер в килобайтах, что обеспечивает быструю загрузку ресурсов.
Создание Sitemap-файла
Чтобы быть уверенным, что поисковики проиндексируют все размещенные на страницах сайта фото и картинки, их нужно указать в Sitemap-файле. Сделав это, вы поможете поисковикам не упустить ни одно изображение, включая те, для загрузки которых использовался JavaScript. Для изображений можно обновить уже имеющуюся карту сайта либо подготовить отдельный XML-файл.
Добавление подписей к размещаемым фотографиям
Один из популярных способов окружения картинки текстом – это добавление к ней подписи. С помощью этого приема часто осуществляется SEO оптимизация изображений на страницах, содержащих большое количество картинок и мало текстового контента. В подписях используются ключевые слова, позволяющие поисковым системам определять тематическое соответствие изображения содержимому страницы.
Использование оригинальных фотографий
Для SEO оптимизации графики, используемой на сайте, чрезвычайно важное значение имеет не только высокое качество размещаемых картинок, но и уникальность используемых фотографий. Современные поисковики высоко ценят уникальный контент, поэтому на странице необходимо использовать оригинальные фотографии, а не брать их с других сайтов. Поисковики умеют находить дубли фотографий и определять, откуда именно они их взяли. Поэтому вместо размещения на сайте стоковых фотографий лучше сделать оригинальные.
Проверить фото на оригинальность можно с помощью специальных сервисов в интернете. Например, популярностью среди разработчиков пользуется онлайн-сервис TinyEye, с помощью которого можно быстро и бесплатно проверить уникальность размещенных на сайте картинок. Клиенты сервиса могут загрузить саму фотографию либо указать ссылку на нее. Проведя проверку, сервис найдет совпадения или выдаст нулевой результат, свидетельствующий об уникальности фото. Также проверить уникальность фотографии можно с помощью одного из поисковиков. Например, можно загрузить фото в «Яндекс.Картинки» и посмотреть на результат.
Самый строгий запрет на использование касается картинок, защищенных авторским правом. При использовании графического контента в коммерческих целях следует размещать собственные фотографии либо картинки, снабженные открытой лицензией.
Применение адаптивных картинок
SEO оптимизация фото предполагает использование на сайте адаптивных картинок, корректно отображающихся на экранах любых устройств – от смартфонов до компьютерных дисплеев с самым высоким разрешением.
Чтобы изображение корректно отображалось на экране, его размер должен соответствовать тому разрешению, которым обладает дисплей используемого посетителем сайта устройства. Например, если разрешение размещенной вами фотографии составляет 800х400 пикселей, она будет корректно воспроизводиться на экране смартфона или небольшого планшета. А вот при воспроизведении через компьютер или ноутбук, монитор которого имеет большое разрешение, такая картинка будет расплывчатой и недостаточно четкой, что существенно ухудшит ее восприятие.
Решить данную проблему позволяет загрузка сразу нескольких вариантов одной и той же картинки в разных размерах. В этом случае для каждого из устройств будет выводиться на экран то изображение, которое имеет подходящий размер. Это возможно благодаря использованию атрибута srcset, с помощью которого в элементе <img> можно указать несколько версий одной и той же картинки, имеющих разные разрешения.
