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

Основные аспекты оптимизации изображений

Восприятие графической информации

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

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

Уникальность изображения

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

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

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

Картинки на сайте могут нести в себе информацию, а могут быть элементом оформления. Если изображение имеет небольшой размер и повторяется на многих страницах вашего сайта, то поисковые машины могут принять его за элемент дизайна. Если вы не можете избежать использования одного и того же изображения для нескольких материалов, то старайтесь изменять его, делать его уникальным, для того что бы поисковые системы не пропустили ваше изображение.
Помните, что большое изображение зачастую не влезает на стандартный монитор, так же из-за него может ломаться верстка и сайт будет иметь не должный вид. Кроме того если вы на одной странице сайта используете сразу несколько изображений, которые занимают немалый размер на жестком диске, то страница будет дольше грузится, это неудобно для пользователя и может негативно отразиться на индексации сайта поисковыми системами.
Лучше использовать размеры, приближенные к среднему стандарту: 640*480, 800*600, 1024*768.

Качество изображения

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

Формат изображения

Поисковые системы определяют расширение изображение.  Для них является общепринятым то что если картинка в формате JPG и обладает глубиной цвета 8 или 16 бит (имеет больше миллиона цветов) то это изображение является фотографией, то есть несет в себе информацию которая дополняет и уточняет смысл текста на странице сайта. Существует несколько вариаций формата JPG, например jpeg, jp2 и т п., старайтесь использовать стандартное расширение jpg.

Если изображение имеет формат GIF, то такое изображение возможно будет воспринято как элемент дизайна сайта, так как оно имеет максимум 256 цветов, и занимает мало места на жестком диске по сравнению с jpg. Не используйте фотографии в этом формате, иначе вы рискуете, так как элементы дизайна не попадают в выдачу результатов поиска поиска.

Имя файла

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

oformlenie-kartinok-na-saite.jpg

Желательно использовать  "-"  для разделения слов в названии изображений. Так же важен путь к файлу, не делайте его слишком длинным, но составляйте его логическим:

/images/stati/prodvijenie-saita/oformlenie-kartinok-na-saite.jpg

Оформление изображения.

Тщательно оптимизируйте страницу с картинками. Оптимизация контекстного документа улучшает видимость изображений в графическом поиске. Выделяйте изображения графическим оформлением, используйте CSS стили для изображений. Старайтесь не использовать всплывающие окна (pop-up) и ява-скрипта, так как поисковые системы еще не научились работать с ним, хотя есть мнение, что Google уже способен правильно индексировать его.

Настройте файл robots.txt, который должен располагаться в корневой директории сайта. Убедитесь, что папка с изображениями разрешена для индексирования -подобной строчки в нем быть не должно:

Disallow: /images/

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

Disallow: /images/
Allow: /images/folder_for_index/

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

Техническое оформление

Напомним стандартный синтаксис обозначения картинки в HTML коде

<img alt = "подпись изображения" src="/images/picture.jpg"   title="всплывающая подсказка" longdesc = "http://site.ru/document.html">

Рассморим атрибуты тега  <img>:

Атрибут alt

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

Атрибут title

Значение атрибута title отображается при наведении указателя мышки на картинку, как всплывающая подсказка. Он описывает название изображения, его так же нужно заполнять в соответствии вашему запросу.
! Но не стоит дублировать информацию в атрибутах alt и title, они должны описывать одно изображение в соответствии с запросом, но не должны совпадать.

Атрибут longdesc

Этот атрибут указывает на ссылку, которая в свою очередь указывает на полное описание изображения.  Обязательным этот атрибут не является и по сложившемуся мнению - на продвижение не влияет.
<img src = "http://site.ru/изображение.jpg " alt = "альтернативный текст" title = "название" longdesc = "http://site.ru/document.html"  />