SEO оптимизация изображений на сайте. 7 основных правил

  Оптимизированная картинка — Зелёное яблоко

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

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

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

1) Атрибут alt у тега Img

Всегда необходимо заполнять данный атрибут (альтернативный текст):

Что туда прописать? Проще всего — то, что изображено на картинке. Но бывает так, что изображение не имеет чёткой смысловой нагрузки (например, обучающие схематичные картинки, с указанием что да как делать — как на этом сайте). В этом случае весьма полезно прописать в alt точный или разбавленный ключевой запрос статьи. Но всё это качественно влияет на оптимизацию, только если картинки окружены тематичным текстом.

2) Окружить изображение тематичным текстом

Здесь всё очень просто — поисковики пока что не могут вообще (или не могут как следует) определить содержание картинки, потому вывод о том, что картинка релевантна тому или иному запросу при поиске по картинкам они делают из контекста, т.е. текста, который окружает картинку. Данное правило работает в связке с предыдущим.

3) Заключить картинку в тег А

Будет очень хорошо, если картинка заключена в ссылку, значение атрибута href которой равно значению атрибута src картинки (в WordPress это уже сделано по умолчанию). Т.е. при клике на картинку в статье должна открываться страница с этой картинкой. В коде это выглядит примерно так:

4) Подпись под изображением

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

5) Атрибут Title для тега Img

Этот пункт не так важен при SEO оптимизации изображений на сайте, но лишним не будет. В атрибут Title можно поместить примерно то же, что и в Alt. В коде это будет выглядеть примерно так:

В WordPress’е всё это предусмотрено редактором.

 6) Атрибут Title для тега «А» в который заключена картинка

Аналогично п.5, но теперь Title прописывается в тег ссылки, содержащей в себе изображение. Если не лень — можно использовать, но особо критичного ничего не произойдёт, если отказаться от этого. В коде это будет выглядеть так:

7) Логичные названия файлов картинок

Что это значит? Если на картинке изображено яблоко, то назвать файл лучше так: «apple.jpg», а ещё лучше использовать транслитерацию: «yabloko.jpg». Не нужно называть файлы «4234234.png», «H653AB.jpg» и т.п.

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

Если на картинке не понятно что изображено (см. п.1), то и файл картинки следует назвать разбавленным ключевым запросом.  Вот пример из моей статьи про обзор и регистрацию на Futubra.com:

  Пример SEO оптимизации изображения на сайте (из статьи про регистрацию на Futubra.com)

В данном примере файл называется «futubra-com-registraciya-300×174.jpg».

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

Стоит ещё добавить, что на веб-ресурсе следует использовать небольшие изображения популярных форматов — .jpg,.png,.gif. Не надо грузить всякие .tiff и прочие «тяжёлые» картинки, т.к. они, возможно, не попадают в индекс поисковых систем. А главное —  тормозят загрузку страниц сайта и уменьшают лояльность пользователей. И, тем самым, ухудшают поведенческие факторы.

Если всё подытожить, то правильный SEO-код картинки может выглядеть так:

Таким образом, занимаяcь продвижением сайта, необходимо помнить и о SEO-оптимизации изображений. При грамотном исполнении это даёт неплохой быстрый трафик с поиска по картинкам.

(8 оценок, среднее: 3,50 из 5)

Loading...

• Что такое кэш-память и история браузера. Как посмотреть-удалить историю, очистить и увеличить кэш браузера..."Сеть" и делаем необходимые действия (см. картинку): Так же, в разделе
• Семантическое ядро сайта, блога. Как составить семантическое ядро правильно?...дполагается продвигать сайт или блог в поисковиках. Иными словами, это определённые
• Как создать бренд из блога. Какие шаги нужны для этого.В интернете насчитывается миллионы самых разных блогов в различных областях. И...
• Создание мобильной версии сайта на WordPress с помощью плагина WPtouch...равится 1-й вариант. Так что большую часть своих сайтов буду переводить на адаптивный дизайн,
• Сервис Cubby.com - новое облачное хранилище данных. Инвайты, регистрация, обзор Cubby, скачивание программы, прямые ссылки...ложение, а не через сайт. Запускаем то, что скачали и сразу создаём себе