Все об интернет-маркетинге
из первых рук
Подписаться на рассылку подписаться
на рассылку
нас уже
111 609

9 методов эффективной оптимизации изображений

Мы ведем наш дайджест с 2012 года, и обладаем главной базой приемов по продвижению интернет-проектов.

Введение


По словам сотрудников Яндекса, “картинки являются очень важной частью нашего поиска. Они помогают пользователям увидеть прохождение Венеры по диску Солнца, узнать, как выглядит йоркширский терьер или новый седан tesla, состав группы свинцовый цеппелин и как завязать галстук”.

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

1.png

Просмотр изображений в сервисе Яндекс.Картинки

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


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


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

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


Атрибуты изображений alt и title


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

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

2.gif

Изображение c заданным атрибутом alt

Без заданного атрибута alt изображение будет показано как пустое:

3.gif

Изображение без заданного атрибута alt

Особенно важно описание картинок с помощью атрибута alt для сайтов, контент которых составляют преимущественно изображения.

Атрибут title предоставляет дополнительную информацию о картинке. Текст, заключенный в этом атрибуте, появляется при наведении курсора на картинку:

4.gif

Изображение c заданным атрибутом title

Рекомендации поисковых систем

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

Полные рекомендации по оптимизации изображений от Google можно почитать здесь — https://support.google.com/webmasters/answer/114016?hl=ru. Рекомендации Яндекса здесь — http://help.yandex.ru/images/indexing.xml .

Краткое резюме рекомендаций Google с пояснениями:

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

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

Вносите подробный текст в тег alt.

Оптимальный вариант:

<img src="puppy.jpg" alt="щенок далматинца играет с палкой">

Текст ссылки. В текстах внешних ссылок лучше уточнять, что сможет увидеть пользователь на целевой странице. Например: «Фотографии нашей поездки в Ирландию в июне 2008 года».

Предоставляйте достаточно контекста для изображений. Окружающий изображение текст должен соответствовать тому, что на нем изображено.

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

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

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

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

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

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

Краткое резюме рекомендаций Яндекса с пояснениями:

Не забудьте о текстах, описывающих картинку:

  • Подписи к картинкам (alt, title);
  • Прилегающий к картинке текст;
  • Имена файлов и скриптов, в том числе с учетом транслитерации и упрощенного подстрочного перевода;
  • Тексты ссылок на картинки с других страниц и с других сайтов;
  • Тексты и заголовки коротких документов, обрамляющих одиночную картинку.

Именно по текстам, которые относятся к картинкам, Яндекс находит изображения по запросам пользователей.

Яндекс индексирует картинки только стандартных графических форматов (JPEG, GIF и PNG). Перед загрузкой изображения на сайт стоит убедиться, что оно сохранено в одном из этих форматов.

На ранжирование также влияет качество самого изображения.

В результатах поиска для каждой найденной картинки показывается ссылка на страницу, на которой текстовое описание картинки лучше соответствует словам запроса. Таким образом, текстовый контент страницы — важный фактор ранжирования в поиске по картинкам. Как и в случае с Google, он должен содержать максимум информации о том, что изображено на картинке, а она должна дополнять текст.


Действия, которые необходимо выполнить для оптимизации изображений


1. Изображения должны храниться и открываться на том же сервере и хостинге, что и сам сайт. Это один из показателей качества сайта для поисковых систем. Только серьезные сайты и компании могут позволить себе хранить изображения на своем хостинге или сервере, т.к. это требует дополнительных материальных затрат. Кроме этого, такие изображения будут быстрее загружаться.

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

3. Атрибуты alt и title у изображений должны быть заполнены таким образом, чтобы максимально точно описывать его содержимое. В них необходимо использовать 1–2 ключевых слова, под которые оптимизирована страница. Лучше всего, если это будет основное ключевое слово, совпадающее с заголовком страницы и анкором ссылки на нее из основного меню сайта.

4. Под изображениями разместить подпись, которая будет также показываться снизу при нажатии на него. Подпись может быть идентичной атрибуту alt. Подпись должна стоять в том же абзаце “P”, ячейке таблицы “TD” или теге “DIV”, что и изображение.

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

6. В атрибутах указать высоту и ширину изображения.

7. Переименовать файлы изображений, написав их транслитом. В имени файла в 1–2 словах указать то, что содержится в изображении.

8. К изображениям можно дополнительно добавить атрибут LONGDESC. Подробнее о нем: http://htmlbook.ru/html/img/longdesc.

9. В свойствах jpg — файлов оригинальных изображений заполнить следующие поля:

— Название: совпадает с атрибутом alt изображения;

— Тема: название раздела, к которому относится товар;

— Оценка: 5 звезд;

— Ключевые слова: keywords со страницы раздела, к которому относится товар;

— Комментарии: описание товара из поля «О товаре» со страницы товара;

— Авторы: название компании;

— Дата съемки: дата съемки;

— Авторские права: название компании;

— Размеры: максимальный оригинальный размер;

— Ширина: максимальный оригинальный размер;

— Высота: максимальный оригинальный размер;

— Горизонтальное разрешение: максимальное оригинальное значение;

— Разрешение по вертикали: максимальное оригинальное значение;

— Глубина цвета: максимальное оригинальное значение;

— Владелец: название компании;

— Компьютер: название компании.


Заключение


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




Комментарии (12)

Alexandr 12.11.2013
Вот у меня почему то индексация изображений в Яндексе застряла на месте, ни как не пойму из-за чего. Все alt прописаны как положено с ключём и описанием, почти везде есть title, картинки все уникальные сделаны собственноручно (проверялись в Tineye). Одно только сомнение на скрипт увеличивающий эти изображения, хотя такой плагин стоит почти у всех, он простой и не прихотливый. Может у вас есть какие нибудь соображения. P.S. В Google все нормально, все картинки индексируются.

Андрей 12.11.2013
Если текст для атрибутов alt и title дублировать - это нормально?

мария 12.11.2013
что это за группа - свинцовый цеппелин? 0.о

Денис Бабицкий 12.11.2013
Alexandr, первое что приходит на ум - срок индексации и возраст сайта. Если сайт молодой и страниц в индексе в общем количестве не много, то он может долго индексироваться. Ну и повнимательнее стоит проанализировать работу скрипта. Может быть на страницах картинка доступна в небольшом размере, поэтому и не индексируется?

Денис Бабицкий 12.11.2013
Андрей, да, это вполне нормально, т.к. эти атрибуты имеют разное назначение.

Денис Бабицкий 12.11.2013
Мария, название группы фигурирует в цитате, взятой из блога Платна http://platon.ya.ru/replies.xml?item_no=2540

Дмитрий 12.11.2013
Можно было бы добавить о карте картинок для google (sitemap для изображений). Урл: https://support.google.com/webmasters/answer/178636?hl=ru&ref_topic=20986 . Проверялся ли эффект от заполнения свойств jpg-файлов?

Денис Бабицкий 13.11.2013
Дмитрий, эффект от заполнения свойств jpg-файлов пока в стадии проверки, т.к. предположение о том, что это может положительно влиять на ранжирование появилось недавно.

Андрей 13.11.2013
Можно ли делать так, чтобы в рамках одного сайта на разных его страницах у картинок были одинаковые alt ? Например, это серия статей про то, как что-либо сделать пошагово. И картинки на разных страницах имеют alt "шаг 1", "шаг 2" и т.д.

Клим 16.11.2013
Денис, забыли еще на один момент указать, на некоторых движках (например джумла) изначально стоит запрет на индексацию картинок в файле robots.txt, поэтому многие годами ждут индексации картинок со своих сайтов))

Олег 11.12.2013
Если на одной странице много картинок и у них будут одинаковые title не воспримет ли Яндекс страницу переспамленной ключевиками ( если картинки подписывать ключевыми запросами) ?

Вячеслав 29.12.2013
Есть варианты по автоматизации выше перечисленных пунктов, в том числе и в свойствах изображений. Кого посоветуете?

Добавление комментария:

CAPTCHA

Статьи выпуска: