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

Зелёное яблоко - SEO-оптимизация изображений

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

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

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

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

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

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

<img src=’картинка’ alt=’описание картинки’ />

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

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

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

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

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

<a href=’адрес картинки‘><img src=’адрес картинки‘ /></a>

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

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

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

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

<img src=’картинка’ title=’описание картинки’ />

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

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

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

<a href=’адрес картинкиtitle=’описание картинки’><img src=’адрес картинки‘ /></a>

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

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

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

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

Futubra.com регистрация

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

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

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

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

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

<p><a href=«kartinka.jpg» title=«описание картинки»><img src=«kartinka.jpg» alt=«описание картинки» title=«описание картинки» /></a>Это такая-то картинка</p>

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

web-ru.net - всё о продвижении сайтов
Случайные публикации:
  • Как улучшить качество видео Youtube? HD при воспроизведении ролика на сайтеКак улучшить качество видео Youtube? HD при воспроизведении ролика на сайте...ать качество видео при его просмотре. Правда, лучше называть это
  • Как заказать пластиковую карту QIWI Visa Plastic (QVP)Как заказать пластиковую карту QIWI Visa Plastic (QVP)...ть доставки: от 100 до 425 рублей, в зависимости от способа доставки
  • Защита WordPress от спама. Плагин Akismet, как получить ключ бесплатно? ВидеоурокЗащита WordPress от спама. Плагин Akismet, как получить ключ бесплатно? ВидеоурокВскоре после того, как вы создадите сайт на WordPress, его начнут сильно спам...
  • Яндекс запустил Баден Баден.Яндекс запустил Баден Баден....но, но теперь борьба за качественные тексты выходит на новый уровень. Что
  • Что нужно знать о сайте, перед его покупкой? Обзор сервиса pr-cy.ruЧто нужно знать о сайте, перед его покупкой? Обзор сервиса pr-cy.ruВозможно, вы уже некоторое время, поработали над своим сайтом. И вот, вы начали...
Оставьте комментарий:
комментариев 47
Через сайт Через ВКонтакте Через Facebook
  1. Roomas:

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

    Ответить
    • Пётр:

      Благодарствую.
      Долго думал о чём вопрос.. так и не придумал *UNKNOWN*

      Ответить
      • Uchkuma:

        Вероятно, товарищ имел ввиду метаданные, записываемые в jpeg.

        Ответить
        • Пётр:

          Вы, вероятно, имели в виду атрибуты alt и title для тега img? =)
          Да, они кое на что влияют

          Ответить
  2. Простой:

    Правильные и нужные советы по картинкам.

    Ответить
  3. Алексей:

    Спасибо, полезная статья

    Ответить
  4. BaczQueek:

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

    Вопрос такой: Это не сильно страшно, что изображения на моём сайте ещё и дублируются на многих других (при том условии, что на моём сайте они были проиндексированы раньше)???

    Ответить
  5. darnika:

    Когда я вставляю картинку, обычно пользуюсь редактором и заполняю все, как Вы пишите. Однако вот какая прослеживается закономерность: в выдачу попадают мои картинки, опубликованные на других ресурсах (лиру очень много, кстати), но только не на моем. Почему так? :(

    Ответить
    • Пётр:

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

      Ответить
  6. Новикова Марина:

    Может Вы расскажете как сделать карту изображений сайта( на блог художника-список картинок очень бы кстати).

    Ответить
    • Пётр:

      Это можно рассказать, если знаете как создаётся обычная XML-карта (без плагинов). В XML-код добавляются специальные теги для картинок.
      Но нужно это для тех картинок, которые никогда не отображаются на сайте и робот не может узнать о них «естественным путём».
      Так что не стоит беспокоиться ;)

      Ответить
  7. Простой:

    Весьма полезные советы, которыми нужно пользоваться.

    Ответить
  8. Сергей:

    Не совсем в тему комментарий…
    Транслит быстро делает программа «Punto Switcher»
    Выделяете мышкой строку, жмете All + ScrollLock и готово.
    Так же быстро переделывает из нижнего регистра в верхний. Забыли переключить рус/англ — переключит автомат. И много чего еще… Ведет Дневник — запоминает все, сто печаталось на клавиатуре.

    Ответить
  9. Анна:

    Петр, скажите, а со времени написания поста что-то изменилось, как думаете?
    Я вот уже сколько времени мучаюсь вопросом: влияет ли размер картинок на индексацию Яндексом? Дело в том, что в Яндексе из моих картинок только те, что размером не меньше… в среднем, 400 пикселей на … 300 например. А все картинки 200 на 200 — отсутствуют.
    Конечно, жду и надеюсь, что ВСЕ картинки будут там где им и положено :-D , ведь блогу 9 месяцев.

    Ответить
    • Пётр:

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

      Ответить
  10. Олег Клышко:

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

    Ответить
  11. Маглик:

    А как сделать чтоб при копировании картинки с сайта к картинке добавлялся её адрес в графическом виде снизу или сверху. Видел такое на одном сайте — на сайте нет надписей а после копирования её на компьютер поевляется надпись сайта.

    Ответить
    • Пётр:

      Не очень ясно, что имеете в виду.
      Но очевидно, надо подумать, или найти того, кто подумает за вас :)

      Ответить
  12. artem:

    с альтернативным текстом картинок, которые находятся в библиотеке медиафайлов все понятно, тут никаких проблем нет…но… валидатор ругается на отсутствие alt у изображений, которые, например, рассованы по папкам темы (шаблона), такие, как иконки различных соцсетей и другие небольшие картинки. вот как для них прописывать alt большой вопрос? :(

    Ответить
  13. Мастер пк:

    На каком языке должен быть название картинки

    Ответить
  14. Сергей:

    Благодарю!

    Ответить
  15. Николай:

    Я стараюсь всегда давать именам картинок ключевые слова. Так если статья о iPhone 6 то картинки именую типа того: iphone-6-plus.jpg или iphone-6-processor.jpg
    Ясное дело без автоматизации переименовывания никуда, пользуюсь утилитой Keys2Files, на ютубе есть обзор и ссылка где ее скачать
    Всем удачи!

    Ответить
  16. Сергей:

    Здравствуйте, Пётр!
    Как Вы считаете, насколько важно чтобы путь к фото логически определял его внутри документа, в котором это фото отображается? Т.е. если адрес документа с текстом и картинкой http://mysite.ru/documents/document-1 , тогда не лучше ли, если адрес самой картинки будет http://mysite.ru/documents/document-1/photo.jpg, а не http://mysite.ru/photos/photo.jpg ?

    Ответить
    • Пётр:

      Здравствуйте, Сергей
      Интересно…
      Вообще, не пробовал, и даже мыслей не было.
      Не знаю, есть ли в этом смысл? Ведь лишние заморочки.

      Ответить
  17. Сергей:

    Проверить на 100 вряд ли возможно. Согласен, что технически решение достаточно замороченное в сравнении с обычным вариантом. На мысль навели нек. моменты. Например то, что Яндекс любит осмысленные структурированные пути в Url и даже строит структуру сайта по ним (в вебмастере). Поэтому не исключено, что даст ему дополнительные аргументы в пользу привязки картинки к конкретному документу.

    Ответить
    • Пётр:

      Ну вообще да, идея интересная.
      Если это поможет Яндексу быстрее индексировать картинки и выдавать их по запросам, близким к запросам документа, к которому они относятся, то нужно пробовать.

      Ответить
  18. Андрей:

    Спасибо за полезную и интересную статью!

    Ответить
  19. Рома:

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

    Ответить
    • Пётр:

      Это спорный вопрос.
      Официальной информации на этот счёт нет, нужно проверять опытным путём.

      Ответить
  20. Life bits:

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

    Или дописать в конце каждого фото-1, фото -2?

    Ии оствиь все это дело пустым, просто прописав для них пробел в эти атрибуты?

    Ответить
  21. Гарольд:

    Спасибо за инфу на все вопросы.один вопрос -читая про оптимизацию изображений (фото- картинок) разные авторы дают разное толкование общих вопросов.Вопрос — на каком языке все таки правильно писать название фото (.JPG) .у меня русскоязычный сайт и я думал что и название должны быть на русском.а многие пишут что роботы их не индексируют и выдают ошибки.Только другие специалисты в этой области пишут что поисковые роботы от гугла и яндекса уже давно научились распознавать фото и картинки с русскими буквами) простыми названиями например ( фото.jpg) Кто прав ? Спасибо

    Ответить
    • Пётр:

      Да, уже можно русскими буквами.

      Ответить
      • Гарольд:

        Cпасибо ! Вы уже второй, кто подтвердил такие данные.Надеюсь ,что сработает.

        Ответить
  22. Юрий:

    Объясните как это делать простому человеку? Допустим вставил я картинки на своем Фейсбуке, в поиске Гугла я ее не вижу.

    Ответить
  23. Livon:

    Автору респект. Вопрос: а разве альт и тайтл у картинки не должны быть разными?

    Ответить
    • Пётр:

      Можно вообще title не делать, главное — alt
      Насчёт должны/не должны — лично я не знаю, главное чтоб alt был и всё :)

      Ответить
  24. Вадим:

    Добрый день!
    А если на сайте уже есть и давно картинки с именами типа image_1, 0254_2 и т.п.
    Как скажется их переименование при ранжировании страниц в поисковиках?

    Ответить
    • Пётр:

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

      Ответить
  25. Вадим:

    Спасибо.
    Так и думал, но сомневался.
    Ну не будет недели 2-3 картинок в ЯндексКартинки по конкретному запросу, так с такими именами их и не было, зато потом скорее всего появятся.
    И на ранжирование страницы ни как не повлияет. Такие название робот ни как не учитывал, если только не в минус, а alt и title у них были правильные.

    Ответить
  26. Эдуард:

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

    Ответить
    • birds:

      Я бы написал на языке который в приоритете для продвижения

      Ответить
  27. Дмитрий:

    Добрый день,начал проверять свой сайт и выяснилось что ни одного изображения в гугле нет! При этом сайт фото-тематики и основной контент фотографии.Большая часть фото имеют заголовки,альт и описание.Весь контент уникальный.
    Практически все фото есть на Пинтересте.
    В Яндексе тоже все плохо, но там есть порядка 20 изображений. Сайту чуть больше 1 года.
    Прошу какой то совет.

    Ответить
сайт web-ru.net
Я не спамлю...