Правильная SEO оптимизация изображений в WordPress с помощью Clearfy

Правильная SEO оптимизация изображений

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

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

 

Индексация изображений

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

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

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

 

Формат картинок

  1. Поисковики советуют использовать форматы JPEG, PNG и GIF;
  2. Если картинка маленькая по размеру или анимированная, то лучше подойдет GIF.
  3. В случае если на первом месте для вас стоит качество изображения, а не его суть, то лучше использовать PNG формат. Но следует знать, что скорость загрузки материала ввиду размера файла пропорционально возрастет. Просмотрите затем, корректно ли все работает.
  4. Поисковики не советуют работать с BMP и TIFF форматами.
  5. Если вы не определились с форматом или это не имеет значения – смело используйте JPG.

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

 

Размеры картинок

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

Размеры картинок устанавливаются двумя способами:

Через WordPress

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

С помощью атрибутов

Если у вас не получилось выполнить предыдущую рекомендацию, то попробуйте указать размеры изображения через CMS. В WordPress можно изменить параметры картинки с помощью атрибутов «width» (ширина) и «height» (высота). Изменить атрибуты можно в редакторе контента, выбрав необходимое изображение и переключиться из вида «Визуально» на «Текст».

Образец:

<img src=”landscape.jpg” width=”411” height=”242”>

Изменить размер зображений с помощью атрибутов

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

Зайдите в Настройки=>Clearfy меню

Clearfy меню

Затем перейдите в раздел “Оптимизация изображений”. Это и будет вашей рабочей зоной.

Оптимизация изображений wordpress

Ниже нажмите на кнопку «Запустить».

Запустить оптимизацию изображений в wordpress

 

Использование латинских символов в названии

Начать стоит с настройки человекопонятного URL. Если у вас еще нет такового, то советуем настроить. Сделав это не забудьте перевести сайт и изображения с кириллической на латинскую основу. Так не возникнет проблем с отображением картинок во всемирной паутине.

Подробная инструкция с решением проблемы и описанием этапов тут.

 

Имя файла

В имени самой картинки не должно быть спама или случайного набора символов.

— Для корпоративных ресурсов

Образец некорректных наименований файлов:

kupit-odejdu-deshevo-starwars.png

 – откровенный спам;

odejda5621558.jpg

 – малоинформативный способ наименования;

IMG632584.png

 – неинформативный способ наименования.

Образец верных вариантов:

krossovki-adidas-sinie-64.jpg

;

krossovki-adidas-sinie-side.jpg

.

— Для сайтов-визиток

Пример неправильных вариантов названия:

Novodevichy-Monastery-photo-smotret.jpg

– снова спам;
Moscow16585.png – малоинформативный способ наименования;

IMG324935.jpg

 – неинформативный способ наименования.

Образец с верными вариантами:

Novodevichy-Monastery-At-Night.jpg;
Novodevichy-Monastery-Winter.jpg;
Novodevichy-Monastery-01.jpg;
Novodevichy-Monastery–02.jpg.

 

Атрибут Title

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

— Для корпоративных сайтов

Верный вариант:

title=”кроссовки adidas синие”
title=”кроссовки adidas All-Starкрасные модель 95″
title =”кроссовки adidas синие вид сбоку”

Неверный вариант:

— Спам:

title=” кроссовки adidas синие купить дешево”
title=” кроссовки adidas синие, серые, черные , фото, цена, отзывы”

— Малоинформативный:

title=”куртка”
title=” одежда”
title=”фото сумок”

— Неинформативный:

title=”546321″
title=”приобрести”

— Для сайтов-визиток

Верный вариант:

title=”Новодевичий монастырь днем”
title=”Новодевичий монастырь днем снаружи”
title=”Новодевичий монастырь летом”
title=”Новодевичий монастырь 07.09.2018″

Неправильный вариант:

— Спам:

title=”Новодевичий монастырь смотреть картинки”

— Малоинформативный или шаблонный:

title=”Москва”
title=”монастырь”

— Неинформативный:

title=”88521435″
title=”экскурсия”

 

Атрибут Alt

Атрибут Alt – это альтернативное описание изображения. Если по каким-то причинам оно не отображается на сайте, то читатель увидит информацию, размешенную в теге Alt. Если нет ни того ни другого, то пользователь просто увидит пустое поле. И возможно поисковые боты проиндексируют чистую страницу, читателям отобразится иной материал и т.д. В итоге сайт получит низкий коэффициент при ранжировании.

Важный вопрос в использовании alt и title – можно ли делать их одинаковыми?

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

Если вы приняли решение не делать атрибуты идентичными, то введите в alt следующие значения по примеру:

alt= ”кроссовки adidas синие фото 1”
alt= ”кроссовки adidas синие фото 2”
alt= “Новодевичий монастырь вечером фото 1”
alt= “Новодевичий монастырь вечером фото 2”

Лучше для SEO оптимизации описать подробнее. При этом ключевые слова допустимы, но не переборщите, чтобы не получился спам:

alt=” “Эксклюзивная модель кроссовок adidas синего цвета — вид спереди ”
alt=” Эксклюзивная модель кроссовок adidas синего цвета — вид сбоку ”
alt=” Картина Новодевичьего монастыря написанная в Москве вечером”
alt=”Картина Новодевичьего монастыря написанная летом 2018 года”

 

Заключение

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

Scroll to Top