Сайт без изображений – это уныло. Знаешь, скучно. Веб-сайт с неоптимизированными изображениями – это полное перетаскивание, и он съест вашу драгоценную пропускную способность, замедлит практически все и испортит пользовательский интерфейс (UX).

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

Сегодняшний пост покажет вам, как оптимизировать ваши изображения для лучшей производительности сайта и целей SEO. Я имею в виду, какой смысл иметь сверхбыстрый веб-сайт с дрянным SEO изображений? Кроме того, вы обнаружите полезные плагины для оптимизации изображений, которые улучшат производительность вашего любимого сайта WordPress. Наслаждайтесь публикацией и делитесь своими мыслями (или чем-то еще) в комментариях. Мы всегда этого ждем ?

Отказ от ответственности: TechBlogSD является партнером одного или нескольких продуктов, перечисленных ниже. Если вы перейдете по ссылке и совершите покупку, мы сможем получить комиссию.

Как оптимизировать изображения для WordPress (перед загрузкой)

Прежде чем рассматривать плагины для оптимизации изображений WordPress, давайте разберемся с некоторыми вещами. Оптимизация изображений WordPress для повышения производительности и SEO выходит за рамки простых плагинов. Например, вы должны обеспечить:

Ваши изображения названы соответствующим образом (отлично подходит для SEO)
Изображения правильного размера (зачем загружать большой файл, если меньший может помочь?)
Вы размалываете свои изображения (уменьшает размер ваших файлов изображений)
Вы добавляете атрибуты alt и title к своим изображениям (отлично подходит для SEO)

Правильное присвоение имен изображениям

Вы должны называть свои изображения как маркетолог – или имея в виду SEO. Обоснование здесь довольно простое: правильно названные изображения будут появляться в результатах поиска Google Images, что дает вам огромный прирост трафика. Более того, изображения с правильными названиями легче отслеживать и находить. Для SEO: если вы работаете с ключевыми словами, было бы неплохо включить ключевое слово в заголовок вашего изображения.

Не загружайте изображения, похожие на PHOTO101.jpg или что-то подобное, назовите все изображения соответствующим образом. Технически говоря, правильное присвоение имен изображениям никак не влияет на производительность сайта, но это хорошо для SEO.

Использование изображений правильного размера

Если вы загружаете безумно большие изображения, а затем изменяете их размер с помощью HTML, я считаю, что вы тратите время и замедляете работу своего сайта WordPress в одно и то же время. Например, если вы хотите отобразить изображение размером 300 x 300, убедитесь, что изображение имеет размер 300 x 300 перед загрузкой.

Если вы можете уменьшить изображение и изменить его размер до 300 x 300 с помощью HTML без ущерба для качества, тем лучше. Только не делайте изображения больше, чем вам действительно нужно.

Разрушительные изображения

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

Использование спрайтов

Спрайты, довольно известный метод CSS, позволяет использовать одно изображение для создания различных дизайнов на вашем веб-сайте. В отличие от загрузки нескольких изображений (что требует времени), спрайты загружают одно изображение, что экономит вам много секунд во время загрузки страницы.

Всегда добавляйте атрибут ALT к вашим изображениям

Добавление атрибута alt к вашим изображениям не делает ваш сайт WordPress быстрее, но это определенно хорошо для вашей SEO-кампании. Пауки поисковых систем не видят ваши изображения так, как читатели. Они полагаются на информацию, прикрепленную к вашему изображению (например, название изображения и содержимое атрибута alt ), чтобы классифицировать и, в конечном итоге, ранжировать изображение.

Хотя атрибут alt следует использовать для хранения альтернативного текста для изображения (если изображение не загружается по той или иной причине, альтернативный текст отображается на его месте), вы можете использовать этот атрибут для целей SEO. Вы можете добавить ключевое слово или ключевую фразу в альтернативный текст и наблюдать, как взлетает ваш SEO.

Десять (10) плагинов оптимизации изображений для WordPress

С этой первой частью, возможно, мне следует прекратить раскрывать секреты торговли SEO и перейти к более пикантной части этого поста; Плагины для оптимизации изображений WordPress!

Плагин EWWW Image Optimizer WordPress

EWWW Image Optimizer – это плагин для оптимизации изображений, который сохранит ваш веб-сайт WordPress, с более чем 300 тысячами загрузок и превосходным рейтингом 4,8 / 5,0 звезд. Запрограммированный на автоматический запуск, вы можете использовать EWWW Image Optimizer для оптимизации изображений при их загрузке на свой сайт, а также ранее загруженных изображений.

Кроме того, вы можете легко конвертировать изображения в файлы меньшего размера. Плагин использует инструменты изображений gifsicle, jpegtran, pngquant, pngout и optipng для оптимизации ваших изображений без потери качества. Преимущества использования оптимизатора изображений EWWW:

Более быстрое резервное копирование
Веб-страницы загружаются быстрее
Меньшее использование полосы пропускания
Плагин очень быстрый и простой в установке и использовании (пробовал сам)
Лучшая оптимизация PNG
И т.д

Плагин CW Image Optimizer для WordPress

Вы ищете эффективный и безопасный плагин для оптимизации изображений? Оптимизатор изображений CW – ваш ответ. CW Image Optimizer использует инструмент Linux littleutils image для уменьшения размера ваших файлов изображений, что, в свою очередь, улучшает производительность вашего сайта WordPress.

Кроме того, автор Джейкоб Оллред хочет, чтобы вы знали, хотя плагин основан на WP Smush.it, вам не нужно беспокоиться о политике конфиденциальности Smush.it и TOS (условиях обслуживания), поскольку ваши изображения никогда не покинут ваш сервер.. Установка littleutils для Linux может быть немного сложной задачей для новичков WordPress, но с впечатляющим рейтингом 4,4 / 5,0 и более чем двадцати тысячами (20k) загрузок, CW Image Optimizer стоит попробовать.

Плагин WP Smush.it для WordPress

Управляемый и поддерживаемый WPMU DEV, WP Smush.it позволяет оптимизировать изображения, сжимая их по отдельности в библиотеке мультимедиа или массово из меню мультимедиа в WordPress Admin (панель инструментов). WP Smush.it интегрирует WordPress с API Smush.it, который является платформой, которая позволяет этому плагину оптимизации изображений:

Удаление дополнительных данных из JPEG
Оптимизировать сжатие JPEG
Конвертируйте GIF в PNG
Удаление неиспользуемых цветов из проиндексированных изображений

WP Smush.it автоматически оптимизирует ваши изображения за кулисами. Плагин может оптимизировать изображения, когда вы добавляете их в свой блог, и вы можете оптимизировать существующие изображения всего за несколько кликов. WP Smush.it был загружен более 800 тыс. Раз, его рейтинг 4.1 / 5.0, и вы можете рассчитывать на отличную поддержку и дополнительные функции от профессиональной команды WPMU DEV.

Плагин WordPress с отложенной загрузкой

Отличное название для плагина, который обеспечивает отличную оптимизацию изображений для повышения производительности сайта. Самое приятное то, что Lazy Load работает “из коробки”, что означает, что вам не нужно настраивать трудоемкие параметры. Плагин, который имеет более восьмидесяти тысяч (80k) загрузок и рейтинг 4,5 / 5,0, работает автоматически и использует jQuery.sonar для загрузки изображений только тогда, когда они видны пользователю. Ваши изображения будут появляться одно за другим, пока пользователь прокручивает страницу вниз.

Lazy Load – потрясающий результат совместных усилий Джейка Голдмана из 10up LLC, Automattic и TechCrunch. Lazy Load – отличное отражение возможностей jQuery.sonar и отличный плагин для оптимизации изображений для WordPress.

Плагин WordPress для создания оптимизированных изображений для SEO

Если вы отстаете в поисковой оптимизации изображений, вы скоро узнаете, почему SEO Friendly Images – это плагин для оптимизации изображений WordPress, который вам нужен. SEO Friendly Images, также относящийся к категории плагинов WordPress для SEO, автоматически добавляет атрибуты alt и title к вашим изображениям. Просто установите параметры alt и title – и работа сделана!

Как мы видели ранее, атрибут alt очень важен для поисковой оптимизации.Название атрибут содержит текст (подсказку), которая появляется при наведении курсора мыши на изображение. SEO Friendly Images был разработан Владимиром Преловацем (известным автором плагинов WordPress для других популярных плагинов, таких как Smart YouTube Pro и Theme Test Drive ), имеет рейтинг 4.0 / 5.0 и более миллиона (1 млн) загрузок.

Плагин Hammy WordPress

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

Плагин использует jQuery, но если последний недоступен, Hammy вернется к исходному изображению. Это может представлять проблему, и, возможно, это единственная причина, по которой плагин имеет рейтинг 3,8 / 5,0 и только около семнадцати тысяч (16,9k) загрузок. Хэмми берет метаданные, а также атрибуты alt и title из исходного изображения, что является большим плюсом. К сожалению, плагин не поддерживает пользовательские типы сообщений и требует некоторой настройки для работы.

Плагин Imsanity для WordPress

Вы устали от авторов (или пользователей), загружающих безумно огромные фотографии? Что ж, вам больше не нужно уменьшать изображение вручную, потому что теперь у вас есть Imsanity. Вы можете легко настроить максимальное значение, высоту и качество изображения, что поможет Imsanity контролировать все загруженные изображения. Плагин уменьшает большие изображения до предварительно настроенного размера, а затем заменяет оригиналы. Плагин имеет опцию массового изменения размера, которая заботится о ранее загруженных изображениях. Imsanity поставляется с другими функциями, не упомянутыми выше, и имеет рейтинг 4.9 / 5.0.

Плагин Prizm Image для WordPress

По словам автора Accusoft, этот плагин для оптимизации изображений WordPress позволяет «… уменьшить размер файлов ваших изображений до 70%…» без потери разрешения и визуального качества. Имея всего четыре тысячи (4К) загрузок и рейтинг 3,5 / 5,0, мы можем утверждать, что плагин для оптимизации изображений Prizm постепенно продвигается вперед, или, скорее, изображение за изображением.

Prizm Image поможет вам оптимизировать сжатие JPEG, оптимизировать PNG и GIF, удалить метаданные из файлов JPEG и многое другое. Вам необходимо зарегистрировать бесплатную учетную запись Prizm Image, чтобы использовать плагин. Если вы спросите меня, этот плагин для оптимизации изображений выглядит великолепно, но несколько загрузок и рейтинг менее четырех звезд создают плохую атмосферу.

Плагин WordPress для адаптивных изображений PB

Я бы с удовольствием сказал, что будущее за адаптивным веб-дизайном, но оно прямо здесь, с нами, в настоящем. Если вы еще этого не знаете, адаптивный дизайн позволяет создавать веб-сайты, которые отлично смотрятся на всех устройствах, независимо от ширины экрана.

Для достижения наилучшего результата ваш текстовый контент, а также изображения должны быть отзывчивыми. Здесь на помощь приходит PB Responsive Images. Плагин переформатирует ваши изображения в соответствии со стандартными медиа-запросами CSS, предлагая вам большую гибкость. Вы можете настроить свои медиа-запросы для каждого изображения, публикации или макета. PB Responsive Images был разработан Джейкобом Данном и Phenomblue и имеет рейтинг 4,5 / 5,0.

Плагин WordPress для переименования медиафайлов

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

Что, если бы вы могли получить плагин для оптимизации изображений WordPress, который сделает всю тяжелую работу за вас? Ну, угадайте, Media File Renamer – это именно тот плагин. Этот плагин поможет вам переименовывать изображения, не беспокоясь. Вдобавок к этому Media File Renamer автоматически обновляет все ссылки (ссылки в сообщениях и страницах, src и т.д. ), Что упрощает вашу работу. Вы даже можете переименовать сразу все файлы. Только подумайте, что это будет значить для ваших усилий по поисковой оптимизации изображений.

ShortPixel

ShortPixel – это плагин для сжатия изображений, который просто работает: установите его и забудьте о нем. По данным WordPress, с более чем 20 000 активных установок, это популярный выбор для тех, кто осознает важность оптимизации изображений на своем сайте.

Для SEO важно иметь сайт, который быстро загружается, а изображения, как правило, являются самым большим ресурсом на любом сайте. Мощные алгоритмы ShortPixel обеспечивают правильное изменение размера и оптимизацию изображений (JPEG, PNG и GIF) и PDF-файлов. Это приводит к созданию более быстрых веб-сайтов, которые любит Google! Не говоря уже о том, что это лучший пользовательский интерфейс для посетителей.

ShortPixel может не только изменять размер и сжимать старые изображения / PDF-файлы вашего сайта, но также автоматически делает то же самое для каждого нового изображения, которое вы добавляете на свой сайт. Таким образом, вам просто нужно установить плагин, настроить его, а затем забыть о нем. Он будет творить чудеса в фоновом режиме, пока вы работаете над другими вещами на своем сайте.

К тебе …

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

Какой плагин оптимизации изображений вы используете для повышения производительности своего сайта WordPress? Пожалуйста, поделитесь с нами в разделе комментариев ниже. Прощайте Амиго!

Источник записи: https://www.wpexplorer.com