Table of Contents
Правильная 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.