5
(3)

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

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

Правильный формат изображений

На сайте следует загружать изображения популярных форматов, такие, которые смогут прочитать большинство браузеров. С форматами .jpg и .png проблем никогда не возникает, но рекомендуется использовать именно .jpg. Этот формат обладает наименьшим весом при наилучшем качестве, а также хорошо подходит для какой-либо обработки, если она понадобится.

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

Загружайте на сайт изображения в формате .jpg.

Вес изображения

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

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

У каждого из способов есть свои сторонники и противники.

Загружайте изображения весом до 100 кб.

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

Создайте ленивую загрузку

Если на странице много графических элементов, то они в значительной степени замедляют её. И это происходит из-за неоптимальной загрузки. Когда пользователь переходит на страницу, браузер начинает загружать сразу все изображения — и те, которые видны прямо сейчас, и те, которые находятся ниже, которые пользователь не видит. Очевидно, что изображения, которые пользователь не видит, ему пока не нужны, и их загрузку можно было бы отложить, тем самым ускорив страницу. Такая вот ленивая загрузка позволяет загружать графические элементы на страницы не сразу, а по мере прокрутки страницы, увеличив этим скорость её загрузки.

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

А реализовать его можно с помощью плагина для WordPress — любого из этого списка.

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

Конвертация в формат .webp

Выше мы написали, что на сайт лучше всего подходят изображения в формате .jpg. Но на самом деле наиболее оптимальными будут картинки в формате .webp. Это современный формат, который поддерживают большинство браузеров и они отличаются минимальным весом и хорошим качеством картинки. Но проблема в том, если заранее наконвертировать все картинки в этот формат, то WordPress не позволит загружать изображения в .webp из соображений безопасности. А вторая проблема — большинство, но не все браузеры поддерживают его.

Поэтому для WordPress есть специальный плагин, у которого есть две основные функции:

  • Конвертирует прямо на сайте загруженные в .jpg картинки в формат .webp. То есть вы загружаете картинки в допустимом для WordPress формате .jpg, а уже потом плагин их конвертирует, после загрузки.
  • Если браузер пользователя не поддерживает .webp, то плагин будет подставлять изображения в поддерживаемом формате .jpg.

Плагин называется WebP Express. Но кроме него такими же функциями обладает и большинство других аналогичных плагинов.

Конвертируйте изображения в формат .webp с помощью плагина.

SEO оптимизация

Итак, описанные выше способы позволяют сделать всё, что нужно для того, чтобы изображения не мешали SEO. Но что можно сделать для того, чтобы картинки помогли SEO и продвигали сайт? Вот несколько советов:

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

Первые два пункта понятны, а последний требует объяснений. Чтобы заполнить Alt в редакторе WordPress, нажмите мышкой на картинку и в правой колонке вы увидите поле для записи Alt.

Атрибут Alt

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

Заполняйте атрибут Alt у изображений.

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 3

Оценок пока нет. Поставьте оценку первым.