Оптимизация картинок для сайта. Тонкости SEO продвижения

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

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

В общем, картинки вставляются, блог ведется и всё отлично :smile:. Это продолжалось до тех пор, пока сайт не попал под АГС Яндекса. Возможно, не правильное добавление картинок явилось одной из причин наложения санкций со стороны поисковой системы Yandex. Про фильтры и основные причины попадания моего сайта в бан читайте в этой статье.АГС Яндекс

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

Что я делал? Просто скачивал картинку из поиска и добавлял её. Хорошо ещё, что переименовывал под свою статью, правда, названия чередовались то с английскими буквами, то с русскими. В итоге появлялись русские буквы в url, а это плохо:Оптимизация картинок для сайта

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

Для чего нужна оптимизация картинок?

  1. В названии и параметрах изображения можно указать ключевые слова и словосочетания, по которым будет раскручиваться статья. Это повысит уровень поисковой оптимизации текста.
  2. Поиск по изображениям. Картинки принимают участие в поиске и дают трафик на сайт. В Яндексе и Гугле имеется специальный поиск по картинкам. Достаточно ввести поисковый запрос и в выдаче покажутся релевантные результаты по заданному ключевику:

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

    Есть один примечательный факт. Если сделать оптимизированную картинку под ключевое слово, то она может выйти в ТОП среди изображений :smile:, а вот статья, заточенная под то же самое ключевое слово, может быть далеко от верхней строчки выдачи.

  3. Если продвигаетесь по запросам типа: фото знаменитостей или фото Гоа, то вероятнее всего люди ищут именно фотки, поэтому SEO оптимизация изображений для web в этом случае очень важна.
  4. Привлекаем! Разбавление текста иллюстрациями и скриншотами делает его притягательней как для поисковиков, так и для людей. Какие Ваши действия, когда заходите через поиск на страничку со сплошным текстом? Лично я сразу выхожу, если в первом предложении ничего цепляющего нет ;).
  5. Оптимизация картинок улучшает скорость загрузки страниц сайта, то есть чем меньше весит картинка, тем быстрее грузится страница.

Советы по улучшению оптимизации web изображений для сайта

  1. Вставляйте уникальные картинки. Поисковики не глупые и быстро определят копипаст :smile:. Если заимствуете изображения, тогда старайтесь изменить хотя бы размер или формат.Оптимизации web изображений
  2. Давайте правильные имена. Название должно быть написано только английскими буквами. Лично я короткие слова сам могу быстро написать, а вот для транскрипции длинных русских словосочетаний в английские использую онлайн сервис transcriptor.ru.
    Как оптимизировать картинки правильно? Например, если иллюстрация относится к теме бесплатного продвижения сайта, то и название следует писать типа “besplatnoe-prodvizhenie-saita”, заметьте, оно пишется через тире без пробелов. Причем название желательно включать ключевые слова, тем самым, увеличивая плотность ключевиков в посте.
  3. Используйте нужный формат. Для фотографий и рисунков подходит формат jpg и png, для кнопок и однотонных элементов – gif.
  4. Следите за размером. Для увеличения скорости загрузки статьи вес картинок должен быть как можно меньше, желательно не более 50 Кб.
  5. Размещайте логотип. На собственные оптимизированные изображения установите логотип или url адрес сайта. Этим Вы продвигаете свой бренд в интернете и уберегаете свой контент от слепого копирования.
  6. Задавайте свойства. В WordPress требуется лишь заполнить необходимые поля и оптимизация web картинки готова:Оптимизация картинок для сайта - свойства WordPress
    • В заголовке, он же TITLE, применяйте ключевые слова. Это название читатели увидят, когда наведут мышкой на картинку.
    • Заполняйте строку Альтернативный текст, он же ALT. Если картинка не подгружается, то именно эту надпись увидят пользователи вместо неё. Так как при ранжировании страниц атрибут ALT учитывается, то сюда также рекомендуется включать ключевые слова.
  7. Улучшайте оптимизацию. Окружающий картинку текст должен содержать ключевые слова и желательно размещать её около заголовков H1, H2, H3 и так далее, что придаст изображению больше веса.

На этом всё и помните, оптимизация картинок для сайта – это ещё один маленький шаг для эффективной раскрутки в поисковый системах. Если есть вопросы или дополнения задавайте их в комментариях.

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

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

На сладкое лучшая подборка позитива ;):

С уважением, Дмитрий Байдук

Отзывов (14)

  1. Уже немало прочла на эту тему. И снова нашла у себя недочеты. Я в названиях картинки (перед загрузкой) употребляла только латинские буквы, но я ставила между словами не тире, а нижнее тире. Вот так, например: optimizacija_kartinok
    Это играет значение? Стоит переписать? :twisted:
    И отдельное спасибо за сервис по транскрипции, а то я сама пыталась прописать! :idea:

    • Можно ставить и нижнее подчеркивание и тире, так что переписывать ничего не нужно и пожалуйста за сервис :smile:.

  2. Татьяна пишет:

    Дмитрий, спасибо за очередную полезную статью.
    А как вы относитесь к плагину Cyr to Lat enhanced, который автоматом меняет кириллическое название файла на латиницу при вставке в статью?

    • Татьяна, пожалуйста за статью.
      Плагин замечательный, пользуйтесь на здоровье!

      • Татьяна пишет:

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

        • Это не страшно. Поисковик будет определять о чем картинка по её описанию на русском и по размещенному рядом тексту.

  3. По картинкам я всё делаю правильно, кстати услышал об этом в курсе Владимира Дручина, не знаю знаете его или нет. А вот видео очень прикольное, сразу видно люди на позитиве живут.

  4. Татьяна пишет:

    Дмитрий, а вы все русскоязычные файлы с картинкам и переименовывали? если их на блоге уже несколько сотен, то это же ой-ёй-ёй… Если, допустим, с подписями-текстами к картинке всё хорошо, всё есть но именование файла русское – на ваш взгляд, это действительно грозит неприятностями от поисковиков?

    • Русскоязычные файлы поисковики тоже понимают, и всё же для облегчения их понимания рекомендуют названия файлов писать английскими буквами. Я лично четкого утверждения нигде не встречал, что за русские буквы поисковики наказывают, везде говорится, что с нерусскими им удобней работать.
      Вот так видит поисковик русское словосочетание БЕЗ РУБРИКИ: %d0%b1%d0%b5%d0%b7-%d1%80%d1%83%d0%b1%d1%80%d0%b8%d0%ba%d0%b8
      Думаю, намного проще такое: bez-rubriki

      • Татьяна пишет:

        Спасибо за быстрый ответ! Да уж, после вашей статьи я так и делаю, но кривые ручки уже успели наплодить много кириллических картинок :-(
        И приглядевшись, например в Subscribe, видно, что url на кириллический файл переделывается в жуткую нечитаемую длинную строку…

        • Татьяна, кроме поисковиков, это влияет и ваш блог: появляются битые ссылки, которые только утяжеляют.
          Дмитрий, я правильно понимаю?

          • Я вот сейчас тоже перезакачиваю картинки уже с правильными названиями. Это занимает действительно много времени, но оно того стоит!

  5. Очень понравилась статья. Обязательно применю на практике ценные советы. Уточнила для себя некоторые тонкости при работе с изображениями

  6. Евгения пишет:

    Во время прочитала вашу статью, пока еще не много статей написала, а картинки придется переделать, оптиматизировать. Сейчас этим и займусь ;-)

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *