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

Здравствуйте! Уже давно не стоит вопрос, что нужно оптимизировать на сайте для «поисковой любви», а что может и так сойти. Действительность такова, что оптимизировать нужно всё. Причем одно цепляется за другое и все сотни правил индексации и ранжирования, работающие в поисковых алгоритмах, давно переплелись в единый клубок. Например, фотографии на сайте.

Три части оптимизации изображений WordPress

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

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

Разделим оптимизацию фотографий WordPress на три части:

  • Оптимизация до добавления фото на сайт;
  • Оптимизация при добавлении фото в статью;
  • Массовая оптимизация фото.

Оптимизация изображений WordPress при вставки в статью, анкоры изображений

атрибут-alt-imgПри добавлении изображения на любой сайт, можно задать: анкор фотографии (анкор ссылки фотографии), её описание, заголовок и размер. Для поисковиков особое значение имеет анкор. Анкор фотографии задается атрибутом alt.

Полная HTML структура добавления фото в wordpress, выглядит так.

Без подписи фото:

<a href="http://domen.ru/wp-content/uploads/2015/09/foto.jpg"><img class="alignnone wp-image-1934 size-medium" title="Заголовок фотографии" src="http://domen.ru/wp-content/uploads/2015/09/foto-448x252.jpg" alt="Анкор фотографии" width="448" height="252" /></a>

С подписью фото:

<a href="Http://domen.ru/wp-content/uploads/2015/09/foto.jpg"><img class="wp-image-1934 size-medium" title="Заголовок фотографии" src="http://domen.ru/wp-content/uploads/2015/09/foto-448x252.jpg" alt="Анкор фотографии" width="448" height="252" /></a> Подпись фотографии

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

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

Атрибуты добавляются в режимах «Добавить медиафайл» или в режиме «Редактировать фото».

Правила для анкора фотографии

  • Атрибут alt (анкор) для изображения должен быть уникальным.
  • В статье, желательно, чтобы один анкор фотографии (атрибут alt)  должен включать прямой ключ (ключевую фразу) статьи.
  • Если хотите сгенерировать анкоры автоматом, идем на Majento.ru в генератор анкоров.

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

Читайте так же:  Чужой код в теме WordPress

Примечание: Сервис Majento взят примера и не претендует на уникальность.

Вывод 1.
В системе WordPress полностью решен вопрос с оптимизацией кода изображений. При желании можно в визуальном режиме заполнить все необходимые атрибуты  изображения важные для её оптимизации, а система сама поставит размер фото в тегах: [width=»» height=»»].

Оптимизация изображений до добавления на сайт

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

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

  • Наиболее легкие фотографии в расширении jpeg.
  • Формат png и скриншоты в pnp самые тяжелые.

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

  • Стандартный инструмент Microsoft Office (отличное сжатие при изменении размера до 448x);
  • Отличная программа Fast Stone Image Viewer (отличный редактор с возможностью хорошего группового сжатия и изменения формата фото);
  • Программа Caesium (Бесплатная программа, с лучшим одиночным или групповым сжатием фотографий в формате jpeg).
Вывод 2.
Сжимать фотографии нужно до добавления на сайт WordPress.
Читайте так же:  Лучшие плагины Wordpress

Массовая оптимизация изображений Вордпресс

С помощью WordPress можно оптимизировать всю медиабиблиотеку WordPress, без выгрузки фотографий.

Для оптимизации фотографий уже помещенных в медиабиблиотеку WordPress используем плагин: EWWW Image Optimizer (протестирован на версии 4.4.2.). Плагин простой, но рабочий  периодически обновляется. Плагин Cloud (2) позволяет оптимизировать фотографии с использованием облачных технологий и сжимает фото, без смены формата. Этот плагин платный, 0,005 $ за фото до 1000 фото.

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

Устанавливаете плагин стандартно, можно из панели WordPress на вкладке Плагины→Добавить новый→Поиск по имени.

После активации плагина он готов к работе, но можно пройтись по настройкам (Настройки→ EWWW Image Optimizer) Настройки на русском, опасные настройки выделены словом «Внимание!». Кстати, есть функция переформатирование фотографий из png и gif в jpeg. После настроек открываем страницу плагина и запускаем процесс оптимизации.

оптимизация изображений wordpress плагином ewww Image Optimizer

Читайте так же:  Чистка сайта Wordpress плагином WP-optimize

Через некоторое время, смотрим результаты сжатия фотографий. Отмечу, что я всегда сжимаю фото до сайта, однако плагин EWWW Image Optimizer умудряется «выжать» из каждой фото, от 5% до 20 %.

Вывод 3.
WordPress, при помощи дополнительного плагина, позволяет оптимизировать фотографии всей медиабиблиотеки сайта, в любой момент.

Как видите, в WordPress с оптимизацией фотографий всё отлажено, всё просто и легко.

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

Игорь Серов специально для сайта «Как сделать сайт WordPress»

Другие статьи по теме


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

Добавить комментарий