Читать книгу Поисковое продвижение сайтов - Сергей Анисимов - Страница 20

Использование изображений является хорошим способом привлечения дополнительных посетителей из поисковых систем. Однако для достижения нужного эффекта картинки должны быть SEO-дружественными[82].

При определении релевантности изображения какому-либо запросу поисковая система учитывает имя файла, альтернативный текст (значения атрибута alt у тега изображения img), описание содержимого (значения атрибута title у тега изображения img), текст рядом с изображением и подпись к изображению, которая находится в непосредственной близости от него.

Именование изображений

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

– имена должны быть простые и удобные для пользователя;

– нужно вставлять ключевые слова в название файла;

– нельзя использовать ничего не значащие или технические имена (например: IMG027589.jpg);

– не более 4–5 слов в названии;

– вместо кириллицы нужно использовать транслит, вместо пробелов между словами ставим дефис;

– если нужно использовать одну смысловую основу для именования нескольких изображений, допускается поставить идентификатор (например, detskaya-igrush-ka-01.jpg, detskaya-igrushka-02.jpg…). Особенно актуальна эта ситуация для фотографий товаров в интернет-магазинах.

Формирование текста для атрибута alt

Атрибут alt служит для описания содержания графического файла. Он незаменим, если пользователи не могут видеть изображение (например, из-за нарушений зрения, в случае использования программ для чтения с экрана или низкой скорости Интернета).

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

Альтернативный текст для изображений должен быть коротким (менее 150 символов вместе с пробелами) и информативным. Помимо смыслового описания того, что изображено на картинке, в тексте нужно использовать целевые запросы, под которые оптимизирована страница с изображением. При этом лучше использовать соответствующие низкочастотные ключевые слова, для определения которых можно ввести в сервис Yandex.Wordstat[83] основной запрос, под который оптимизирована страница.

Некоторые правила, которые следует выполнять при заполнении атрибута alt:

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

2. Наиболее значимые ключевые слова должны находиться как можно ближе к началу описания.

3. Не нужно использовать специальные символы, например © или «»».

4. Нельзя дублировать один и тот же описательный текст для разных изображений.

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

Желательно обеспечить релевантный контекст для изображений.

Особенно важна семантическая составляющая окружающего текста, в качестве которого можно считать ~15 слов до и после графического элемента. Такая связь позволяет поисковым системам определить качество и уместность изображения.

Атрибут title и подпись

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

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

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

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

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

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

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

Некоторые другие рекомендации

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

2. Всегда в явном виде нужно устанавливать фактические размеры иллюстрации в атрибутах width и height (ширина и высота изображения). Это позволит браузеру до загрузки изображений правильно разметить страницу на экране пользователя. Так можно избежать кратковременной деформации верстки страницы при загрузке.

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

4. Картинки должны быть доступны для поисковых роботов (папки с изображениями не должны закрываться от индексации в файле robots.txt).

5. После выполнения рекомендаций желательно создать карту сайта для изображений[85].

6. Лучше не накладывать на изображения водяные знаки, так как такие действия сильно ухудшают качество фото и впечатление от сайта.

7. На сайте не должно быть битых (неотображающихся) изображений. Чтобы найти возможные проблемы, можно воспользоваться специальными веб-сервисами или программами[86].

Другие рекомендации по оптимизации изображений можно найти в разделе «Оптимизация веб-графики[87] на сайте гугловского проекта “Сделаем Интернет быстрее[88]”».