Правильная SEO оптимизация изображений
Как известно, поисковые системы отдают большее предпочтение сайтам, владельцы которых проводят оптимизацию изображений. Это дает приток новых пользователей, если они ищут информацию по картинкам. И наоборот, игнорирование оптимизации приведет к некорректному отображению ресурса в поисковике и понижению в выдаче.
Далее мы расскажем какие действия следует предпринять, чтобы в результате получилась грамотная оптимизация изображений с помощью плагина оптимизации Clearfy. Пройдемся по каждому пункту подробно.
Индексация изображений
Перед загрузкой картинок на сайт стоит помнить, что поисковик индексирует только уникальные изображения. Но и это не поможет, если элементы вашего сайта не отвечают следующим требованиям:
- В файле robots.txt должна быть открыта индексация страниц, где размещены картинки, иначе картинки не проиндексируются;
- То же касается и картинок, в robots.txt создайте правило, разрешающее индексацию изображений.
Если у вас не индексируются страницы и вы не знаете как это исправить, ознакомьтесь с нашим материалом, в котором мы подробнее останавливались на проблеме. Почему могут не индексироваться страницы и описывали пути ее решения.
Формат картинок
- Поисковики советуют использовать форматы JPEG, PNG и GIF;
- Если картинка маленькая по размеру или анимированная, то лучше подойдет GIF.
- В случае если на первом месте для вас стоит качество изображения, а не его суть, то лучше использовать PNG формат. Но следует знать, что скорость загрузки материала ввиду размера файла пропорционально возрастет. Просмотрите затем, корректно ли все работает.
- Поисковики не советуют работать с BMP и TIFF форматами.
- Если вы не определились с форматом или это не имеет значения – смело используйте JPG.
Если вы заинтересовались этой темой, то возможно захотите узнать Пять причин, почему изображения замедляют работу вашего сайта на WordPress.
Размеры картинок
В данном случае работает простая формула: чем меньше изображение, тем быстрее оно загружается, как впрочем и страница. Следовательно пользователь доволен, поисковик в свою очередь поднимает сайт в поисковой выдаче.
Размеры картинок устанавливаются двумя способами:
Через WordPress
В системе управления сайтом WordPress можно установить определенную ширину и высоту картинок в редакторе изображений.
С помощью атрибутов
Если у вас не получилось выполнить предыдущую рекомендацию, то попробуйте указать размеры изображения через CMS. В WordPress можно изменить параметры картинки с помощью атрибутов «width» (ширина) и «height» (высота). Изменить атрибуты можно в редакторе контента, выбрав необходимое изображение и переключиться из вида «Визуально» на «Текст».
Образец:
<img src=”landscape.jpg” width=”411” height=”242”>
В будущем перед каждым прогрессивным веб-мастером рано или поздно встанет вопрос об оптимизации изображений, что тоже положительно влияет на производительность. Для этого вам подойдет плагин Clearfy.
Зайдите в Настройки=>Clearfy меню
Затем перейдите в раздел “Оптимизация изображений”. Это и будет вашей рабочей зоной.
Ниже нажмите на кнопку «Запустить».
Использование латинских символов в названии
Начать стоит с настройки человекопонятного 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.