SEO оптимизация изображений для сайта на WordPress: 11 простых советов

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

| Опубликовано:

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

Если вы давно мечтаете о своем собственном пространстве в Интернете, то пора создать свой блог на моем курсе! Присоединяйтесь!

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

Самое приятное вознаграждение ваших усилий — это продвижение вашего сайта в выдаче поисковых систем! Действительно, это так.

Согласно статистике от Google, более трети (!) поисковых запросов приходится на изображения. А ведь это огромное число!

К тому же, Google свой сервис Google Картинки давно позиционирует как отдельную поисковую систему. Вспомним Pinterest — поисковая система, основанная изначально на работе с изображениями. Поиск по изображениям доступен и в Яндекс.

Как получить для своего сайта небольшой фрагмент внимания от поисковых систем и улучшить трафик на сайт? Ответ: использовать все возможности SEO для изображений.

SEO оптимизация изображений для сайта [пошаговая инструкция]
SEO оптимизация изображений для сайта [пошаговая инструкция]

Как правильно сделать SEO оптимизацию изображений на сайте?

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

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

Изображения «разбавляют» сплошной текст, делают его более привлекательным для читателя, облегчают восприятие содержания. Картинки помогают оставаться сконцентрированными на содержании (и снижают показатель отказов на сайте, помните?).

Выполните любой запрос в поисковике и проверьте первые 7–10 результатов. Маловероятно, что вы найдете страницы без изображений. Если таковые и найдутся, то это сайты с высоким авторитетом DA, которые уверенно держат лидерство в выдаче по многим запросам.

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

Выдача изображений моего сайта в поисковых запросах через google картинки
Выдача изображений моего сайта в поисковых запросах через google картинки

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

Как сделать SEO оптимизацию изображений самостоятельно? Как оптимизировать изображения под поисковую выдачу?

Давайте разбираться.

SEO оптимизация изображений для сайта на WordPress [пошаговая инструкция]

#1. Определяем правильный формат изображений

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

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

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

GIF — для анимированных изображений.

SVG — применяется для векторной графики, сжатие с минимальными потерями, небольшой вес файла.

WebP — один из новых форматов изображений, сжатие с высоким качеством и небольшим весом файла, что оптимально для веб–ресурсов. Единственное, не все браузеры поддерживают такой формат изображений. Потому вопрос в использовании этого формата остается за вами.

Чтобы перевести изображение из одного формата в другой, можно воспользоваться онлайн–сервисом Squoosh.

Почему даже формат изображений важен в SEO оптимизации? SEO — комплексный процесс с целым набором решений, которые затрагивают многие вопросы организационной структуры файлов сайта, юзабилити, копирайтинга.

#2.Оптимизируем изображения для сайта

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

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

Как правильно оптимизировать изображения для сайта?

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

Нет необходимости загружать фото 5000*2500 пикселей, если в итоге на сайте картинка отображается в виде 900*600. Да, WordPress по умолчанию подгоняет все изображения под требуемые размеры и соотношения сторон, но при этом идет расход времени.

Для сайтов на WordPress есть можно использовать возможности одного из плагинов для оптимизации изображений.

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

#3. Даем файлу адекватное название

Следующий важный шаг в SEO оптимизации изображений — это присвоение файлам подходящие названия с учетом SEO. 

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

Точно так же, как с заголовком H1 в сообщениях блога. 

Как назвать изображения для SEO? 

Используем ключевые слова при их именовании. 

Например, имя файла «stena.jpg» намного лучше, чем «12345.jpg».

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

Если в названии файла есть несколько слов, то разделяем их дефисом.

#4. Прописываем тег Alt для изображения

Второе и самое важное место, где должны быть ваши ключевые слова, — это тег alt. 

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

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

Как написать SEO оптимизированные альтернативные тексты для изображений? 

С помощью ключевых слов. Но не стоит буквально спамить ими, избыточно использовать «ключевики».  Такой прием не приведет ваш сайт на лидерские позиции в выдаче.

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

Какой длины должен быть тег alt?

Альтернативные описания должны быть краткими и информативными: от 3–4 слов, в среднем около 125 символов, но не более 250. Я даже встречала рекомендации в 60–70 символов.

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

сюда скрин как в вордпрессе заполнить альт

#5. Указываем описание изображения

Еще одно отличное место для использования ключевых слов — описание изображения. 

Однако это не так важно, но вы можете использовать это место, чтобы рассказать поисковым ботам больше о своем изображении. 

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

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

#6. Подписываем изображения

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

В WordPress легко можно настроить отображение подписи к изображениям. Обычно это более мелкий, чем основной, шрифт.

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

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

Как оптимизировать изображения для SEO в WordPress
Как оптимизировать изображения для SEO в WordPress

#7. Используем уникальные изображения

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

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

Для поиска подходящего изображения для сайта нельзя использовать понравившееся изображения просто из Гугл или Яндекса — эти изображения могут иметь автора или быть приобретены на платных фотостоках и распространяться по особым лицензиям. Помните, что найти сайт–вора, который незаконно использует ваши собственные фото или картинки, теперь крайне легко (через поиск по картинкам). К воришкам соответствующее отношение: от требования убрать незаконно размещенное фото вплоть до штрафных требований.

Поэтому подбираем фотографии на бесплатных фотостоках, например, Unsplash, Pixabay, Pexels.

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

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

Как уникальность изображения влияет на SEO?

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

Можете сами прибегнуть к расследованию: запустите поиск по изображениям на любую тему и проследите, есть ли в выдаче одинаковые изображения.

Как повысить уникальность изображения?

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

Для этого используем возможности фоторедакторов для коллажирования, например, или полного редактирования с наложением различных геометрических фигур, масок. Как хороший вариант — онлайн–сервис Canva с полетом вашей фантазии или предлагаемых сервисом шаблонов.

#8. Используйте «ленивую» загрузку изображений

Этот совет очень полезен для повышения скорости вашего сайта. 

Добавление изображений увеличивает размер страницы, что увеличивает время загрузки всей страницы. 

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

В WordPress вопрос с отложенной загрузкой решается просто: плагинов с такой функцией большое количество, можно подобрать под свои требования.

>>Проверьте мой обзор полезных плагинов для сайта на WordPress

#9. Подключите возможность социального обмена

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

Да, это так. 

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

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

Как это сделать?

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

Попросите читателей поделиться вашими сообщениями. А также делайте это для других. Если вам нравится то, что вы читаете сейчас, поделитесь этим постом! Спасибо, мы с вами делаем важное дело!

#10. Отключить хотлинкинг изображений

Может показаться, что этот пункт противоречит предыдущему.

Но это не так.

Давайте разбираться, в чем тут дело.

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

Чем плохи хотлинки? Казалось бы, происходит расшаривание ваших изображений?

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

Согласитесь, что это нечестный прием?

Как проверить свои изображения на хотлинки?

Покажу, как я нашла кражу со своего сайта: в поисковой строке вставляю запись inurl:allakrasnova.ru – site:allakrasnova.ru (можете скопировать и вместо моего домена прописать свой). Кликаем на кнопку поиска и вуаля! нашлась пропажа.

Как найти хотлинки на изображения сайта через поисковую систему Google
Как найти хотлинки на изображения сайта через поисковую систему Google

Как отключить хотлинкинг в WordPress?

Если вы новичок в Вордпресс, то решать этот вопрос через внесение изменений в код совершенно не рекомендую. Более безопасно будет воспользоваться плагином безопасности, например, All in One WP Security.

#11. Используйте адаптивные изображения

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

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

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

И к счастью, это совсем несложно.

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

Адаптивность вашего сайта и изображений в частности — правило «хорошего тона» при общении с вашими посетителями. Позаботьтесь о ваших читателях.

Каких еще ошибок важно избежать на своем сайте на WordPress — подробно разобрала в своей статье.

Заключение

Теперь вы знаете, как оптимизировать изображения для SEO. 

Если вы не добавляли изображения в свои сообщения в блоге, то пришло время сделать это для развития вашего сайта.

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

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

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

Буду рада узнать о ваших успехах! Что вызывает у вас трудности?

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

Если вам нужна профессиональная помощь с вашим сайтом, то свяжитесь со мной.

Спасибо, что дочитали до конца! Публикация вышла приличная, но оно того стоило, не так ли?

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

SEO оптимизация изображений для сайта [пошаговая инструкция]
SEO оптимизация изображений для сайта [пошаговая инструкция]

Графический и веб–дизайнер, юзабилити–специалист. Преданный фанат WordPress, адепт эстетичной функциональности, любознательный исследователь психологии поведения пользователей и счастливый обладатель цвето–зависимости! ;)) Пишу о том, что очень люблю — о дизайне, о сайтах, о блогах.