Мы работаем не только в Моcкве, но и в других городах России:

Тематический трафик – продайте тем, кто не думал покупать Заказать

Оптимизация изображений вашего сайта

Подписаться
Больше интересностей из блога студии SEMANTICA
Получайте эффективные советы по интернет-рекламе и SEO-оптимизации вашего сайта
ВКонтакте:
Facebook:
Twitter:

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

Поисковая оптимизация изображений для вашего сайта– это отдельный специфический самостоятельный комплекс работ по СЕО-оптимизации.

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

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

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

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

 

Как индексируют картинку поисковики и что учитывают при ее ранжировании

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

Поисковики также умеют определять уникальность изображения, соответствие его контенту страницы, востребованность картинки среди пользователей сети.
Пример, фрагмент html-кода картинки:

Названия картинок

Привыкли называть картинки 1.jpg 2.jpg 3.jpg? А зря. В названии файла можно и нужно использовать понятное человеку слово или фразу, характеризующую картинку, которая к тому же может включать ключевые слова. Будет отлично, если эти ключевые слова будут встречаться как в тексте страницы, так и в мета-тегах – это повысит поисковую привлекательность сайта. Название файла соответствует полям Alt и Title, человекопонятны, что тоже приветствуется поисковиками.

 

Атрибут Alt

Атрибут Alt – самый главный атрибут тега , который участвует в ранжировании. Прежде всего учитывается его наличие. Его отсутствие при валидации (соответствие стандартам) расценивается, как ошибка кода. Поисковые движки считают его обязательным.

Основное предназначение атрибута – альтернативный текст, то есть альтернатива изображению, отождествление текста изображению. Не видя картинку, по тексту,  мы узнаем, что на ней изображено. Заполнять этот атрибут следует, помня о его цели – заменить изображение текстом, дать информацию об объекте, ответить на вопрос ЧТО нарисовано на картинке: информативно, сжато и исчерпывающе. Идеальный объем для атрибута – 2-5 слов. Запрещено использовать в нем эпитетов, метафор и несущественных и необоснованных эмоциональный выражений.

Фраза «сногсшибательная обалденная тема» бессмысленна в контексте Alt.

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

 

Атрибут Title для картинки

Title картинки аналогичен тегу Title страницы: он докладывает поисковику, что полезного представлено на картинке, дает дополнительную информацию о ней. Со всеми вытекающими: учитывается наличие ключевых слов, соответствие содержанию страницы. Если для поля Alt главный вопрос ЧТО, то для поля Title это вопрос О ЧЕМ (о чем мы узнаем, просматривая картинку, какую информацию об этом изображении хотел дать пользователям сайтовладельц).

Поскольку Title изображения описывает именно изображение, важно описывать его, а не вписывать в поле Title половину самой статьи.

Для пользователя Title – дополнительная информация, инструмент юзабилити (удобство навигации, эргономичность, простота интерфейса). Она всплывает при наведении курсора на изображение.

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

Атрибуты заполняются на языке ресурса, при необходимости с переводом: Американский кинорежиссёр, актёр-комик, продюсер Вуди Аллен (Woody Allen).

Читайте также: Теги изображений alt и title.

Узнаваемые объекты описывают по принципу уникализации в тайтле:
• Alt – «Император Наполеон Бонапарт»
• Title – «Жан Огюст Доминик Энгр, Портрет Наполеона на императорском троне»

Неузнаваемые иным способом. Если в статье повествуется о редком растении с замысловатым названием, корректно будет использовать следующий подход:
• Название файла – Gaura.jpg
• Alt – «Куст с нежными цветами розового цвета»
• Title – «Гаура Линдхеймера (Gaura lindheimeri L)»
• Подпись – «Гаура Линдхеймера (Gaura lindheimeri L) однолетняя в период цветения.»

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

Если картинка выполняет роль ссылки (превью для увеличенного изображения), Title прописывать не нужно. Alt обязателен и будет служить анкором (названием ссылки) при отсутствии изображения.

Путь к файлу

Фрагмент src='images/test_image.jpg' сообщает поисковому сервису о том, где находится изображение. В данном примере оно находится на вашем сервере (на том же, где сам сайт), значит, принадлежит сайту. Файл лежит в папке images. Поисковики любят порядок и положительно относятся к тому, что все изображения сайта находятся в отдельно отведенном для этого месте, причем из названия директории понятно, что это месторасположение соответствует содержанию: в нем действительно находятся картинки.

Может пригодиться: продвижение ресторана - эффективные решения от Semantica

Какой формат картинок использовать на сайте

Формат изображения важен для поисковика. Основная цель – однозначно представить информацию пользователю и четко описать поисковику, какую информацию мы приготовили посетителям. Поэтому поисковики не любят анимацию, где в какой-то определенный момент можно не увидеть заявленное в описаниях содержание. С цель оптимизации желательно ограничиться форматами .jpeg (imeg), .gif и .png, отнесясь с осторожностью к формату .gif, который может быть воспринят как анимация. Формат flash не приветствуется поисковиками.

Размер картинки для сайта

Фрагмент height="200" width="200" оповещает поисковую систему о том, что изображение достаточного для комфортного просмотра размера. Не стоит игнорировать эти атрибуты, заполненные значения в них повышают индексируемость картинок. Размер изображения должен быть достаточен для просмотра пользователем, но не излишним с точки зрения веса страницы. Тяжелые страницы плохо индексируются в поисковиках. С той же целью не допускаются и большие изображения в элементах дизайна.

Подпись под картинкой

Подпись под изображением является частью текста страницы. Важно, чтобы некоторые ключевые слова в ней пересекались с Alt, Title и названием файла изображения. Подпись дает расширенное описание изображения.

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

Контент страницы с картинкой

Как правило, главное на странице – текст, а картинки призваны его иллюстрировать (есть исключения, это зависит от характера сайта), поэтому поисковик лучше всего воспринимает картинку, размещенную в начале текста, но не перед ним.
Изображение должно находиться как можно ближе к тексту, в котором описывается изображения. Лучше, если описательный текст находится под картинкой. Особенно хорошо, если изображение и подпись к нему находятся в одной ячейке таблицы или в одном блоке.

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

Кто хозяин картинки

Борьба с копипастом распространяется и на изображения. Авторство картинки определяется по пути к файлу (ссылка на картинку, размещенную на стороннем сервере – признак, что картинка не ваша), названию, атрибутам, а также начертаниям на самом изображении, наличию голограмм (водяных знаков), учитывается факт первой индексации картинок в блоге автора, использование тегов rel="author" в ссылках профиль в Google+.
Google, Уandex умеют не только считывать содержание атрибутов, но и определять уникальность самого изображения. Умение анализировать графические элементы легко продемонстрировать с помощью онлайн-сервиса распознавания картинок tineye.com, где можно загрузить картинку или вписать ссылку на нее, получив в результате информацию об использовании этой картинки в сети.

Элементарная аналитика приводит к выводу, что дублями считаются подобные картинки с добавленными/измененными на них элементами, измененными цветами, фрагменты существующих изображений, наложение эффектов. Иногда хитростью вроде смещения угла наклона (трансформации) изображения и помощью графического редактора (Photoshop, GIMP, Illustrator, Corel Draw) или использования зеркальной копии изображения удается обмануть сервис, но суть одна – на сайте нужно использовать уникальный контент, в том числе и графический. Вы должны быть автором всего, что представлено на вашем сайте. Изображения должны покупаться на платных фотобанках, которые гарантируют уникальность.

Использование чужих изображений – сигнал о мошенничестве и нарушении авторских права – расценивается как плагиат, отрицательно сказывается на рейтинге сайта, грозит санкциями, наложением фильтров. Если по каким-то причинам приходится их использовать, лучше в robots.txt запретить индексирование графики. И наоборот, при seo-оптимизированном графическом содержании следует включить директорию с картинками в карту сайта (sitemap).

Задать вопрос по статье
Подпишись на нашу группу в VK и получай экспертные статьи прямо в ленту!
  • http://brnx.ru/ Sergey Dudin

    Отличная статья! На многое открыла глаза)


Мы работаем не только в Моcкве, но и в других городах России: