Принципы и рекомендаци по SEO-оптимизации изображений

15.01.2013

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

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

Многие современные системы поиска, например, Google, Bing, Yandex и другие позволяют страницам сайтов участвовать в поиске по графическим объектам (картинкам). Такая система представляет собой обособленную поисковую категорию, поэтому разумная SEO-оптимизация исходной графики, может значительно увеличить трафик за счет обращения к ресурсу новых посетителей. Сжатие (уменьшение «веса») изображений, в конечном итоге, приводит к ускорению загрузки страниц, снижая серверную нагрузку. За счет оптимизации графики ресурс может попасть в ТОП поиска по картинкам или получить некоторый объем дополнительной рекламы для своих страниц.

Существует основные принципы SEO-оптимизации графики для получения максимального от этого эффекта. Ниже мы рассмотрим методы оптимизации.

1. Размер изображения

Изображения на ресурсе должны иметь оптимальный размер; важно соблюдение при работе с картинками принципа баланса между ее размером и качеством. Строгих правил, которые для всех случаев регулируют размеры изображений, не существует, такие параметры обнаруживаются только опытным путем, в процессе анализа сайта. Основное правило на этом этапе – точное указание размера графического объекта. Адаптировать картинки по размеру и качеству можно с помощью любого графического редактора.

2. Имя файла

Любой графический файл должен иметь в достаточной степени уникальное и обязательно осмысленное название, то есть в его имя закладывается то, что изображено на соответствующей картинке. Как пример, можно рассмотреть вариант с изображенной на снимке лежащей черной собакой. Для оптимизации этого файла необходимо описать объект на картинке, поскольку в сети Интернет бесчисленное количество всевозможных изображений собак, которые имеют сходные, если не идентичные, названия, например, «dog.jpg» (собака). Затем требуется подобрать определяющее название файла, которое будет содержать ключевую фразу, а также будет соответствовать тематике изображения, что позволит увеличить ранжирование в поисковых системах. В нашем случае для файла изображения вполне подойдет название «blackdoglying.jpg» (лежащая черная собака).

3. Теги Title и Alt

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

При формировании тегов Title и Alt следует учитывать, что описание должно соответствовать представленному изображению и окружающему текстовому контенту, а также равняться ширине изображения, кроме этого, быть емким; при этом тег Alt по сути становится идентичен тегу Title.

4. Теги Height и Width

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

5. Контент

Поисковым сервисам крайне важен контент страницы, окружающий графический объект. Очевидно, что весь текстовый контент предварительно оптимизируется так, чтобы в нем встречались ключи, употребленные в тегах Title и Alt.

6. Подпись к картинке

Из-за того, что большинство поисковых сервисов считают подпись под картинкой более значимым элементом текстового окружения графического объекта по отношению к самому графическому объекту, крайне важно помнить об этом моменте при оптимизации файлов. Простейший способ формирования текста под картинкой – простое дублирование тега Alt.

7. Защита изображения от плагиата

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

Рассмотрев общие принципы SEO-оптимизации изображений, имеет смысл обратиться к тем указаниям, которые даются непосредственно наиболее популярными системами поиска Google и Yandex.

Рекомендации Google

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

именовать файлы не несущим содержательной информацию способом («photo.jpg», «image.bmp» и т.п.);
использовать ключи из окружающего текста, не имеющие связи с изображением.

2. Оптимизации подлежит текст в теге Alt, если изображение является графической ссылкой для указания поисковому сервису о странице, куда ведет картинка. SEO-оптимизацию следует выполнять стандартным способом, при этом не допускается:

указывать в атрибуте Alt графического объекта текст с большим количеством специальных символов, напоминающих спам;
использовать исключительно графические ссылки при реализации навигации по сайту.

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

4. Следует использовать наиболее распространенные форматы графических объектов, поддерживаемые всеми браузерами, не требующими установки пользователями специальных плагинов или иного стороннего софта: Jpeg (Jpg), Gif, Png, Bmp.

Стоит учитывать, что поисковая система Google реагирует на палитры графических форматов, поддерживающих миллионы цветов (Jpeg), при этом изображения Gif с ограничением в 256 цветов, система распознает как обычный графический файл, из-за чего графика в формате Gif, может отсутствовать в поисковой выдаче.

Рекомендации Yandex

В поисковом сегменте Яндекс.Картинки общего вида запросы, например, «фото животных» обязывают систему отображать графические объекты над выдачей до первой строки результата поиска. По подобному запросу Яндекс.Картинки дают первые три файла из выдачи. К сожалению, прогнозу, что за картинки будут отображены, ситуация не поддается, поскольку Яндекс не дает статистику частот таких выдач.

1. Графические объекты с окружающим их контентом следует размещать на страницах органично. Оптимальным считается такое положение, при котором на странице размещены картинки на определенную тематику, например, фотографии животных;

2. Текст вокруг объекта графики должен быть уникальным, соответствовать теме изображения и содержать набор ключей. Этот текст анализируется, а соответствующее тексту изображение продвигается в ТОП выдачи.

в URL-адресе должен содержаться дословно переводимый ключ, например, site.ru/dogs/dogs-photo.html);
изображения, размещаемые на ресурсе всегда только уникальные, поскольку алгоритм Яндекса позволяет распознать фотоплагиат даже при коррекции оригинального изображения в каком-либо фоторедакторе;
графические объекты должны иметь небольшой размер в килобайтах при максимальных геометрических размерах;
на всех картинках должны иметься водяные знаки с логотипом или брендом – это делается в целях дополнительного воздействия на пользователей. Кроме этого, на картинках можно указать цену товара;
оптимизированную графику необходимо размещать в форматах Jpeg или Gif;
в именах графических объектов требуется наличие дословного перевода запроса, который продвигается. Например, если продвигается поиск по ключу «собаки фото», то в выдаче графический объект должен именоваться «black-dog-lying.jpg»;
не следует применять JavaScript и иные технологии для вывода картинок, поскольку это затрудняет работу поисковой системы, достаточно использовать обычный HTML;
важно использовать описания к изображениям в тегахAltиTitle. Текстовой контент является основным параметром, по которому определяется соответствие запросу;
следует периодически обновлять ресурс новыми изображениями, поскольку с новыми картинками такой сайт получит преимущество при ранжировании, если, конечно, SEO-оптимизация изображений была проведена правильно;
при соответствующей возможности стоит размещать оптимизированные изображения на других ресурсах. Если изображение популярно на множестве сторонних ресурсов, Яндекс считает такой графический объект авторитетным. Однако перед размещением изображений на сторонних ресурсах следует дождаться, пока оригиналы файлов появятся в выдачеЯндекса. Можно также размещать миниатюры изображений, чтобы система поиска легче установила, что именно на данном ресурсе находится оригинал изображения.

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