Привет, друзья! Если ещё кто не знает, то напомню вам, что сжатие / оптимизация изображений на сайте WordPress позволяет сэкономить дисковое пространство на хостинге, трафик, а также ускорить ваш сайт для посетителей и поисковых систем. А как это сделать автоматически, не прибегая к использованию программ и онлайн сервисам — это естественно прибегнуть к нашим помощникам плагинам — оптимизация и сжатие изображений.
Оптимизация изображений WordPress — это самый простой способ ускорить загрузку вашего сайта ВордПресс!
О некоторых модулях WP, для сжатия изображений, я уже рассказывал на этой странице, можете ознакомиться. Сегодня я продолжу знакомить вас с самыми востребованными плагинами для WordPress.
- О сервисе PageSpeed Insights
- Smush — Lazy Load Images, Optimize & Compress Images
- Оптимизация изображений с EWWW Image Optimizer
- Плагин для изменения размера изображений — Resize Image After Upload
- Оптимизация базы данных и удаление ревизий
- Минимизация JS и CSS
- Отключение лишних плагинов
- Не грузите полный размер
- 5 лучших сервисов для сжатия картинки без потери качества
- Лучшие плагины для оптимизации изображений в WordPress
- Настройка lazy loading изображений
- Как сделать отложенную загрузку изображений?
- Кратко о компрессии и плагинах для сжатия изображений
- 7 лучших плагинов WordPress для сжатия картинок
- Тестирование компрессоров
- ShortPixel Adaptive Images
- Imagify
- Optimole
- EWWW Optimizer
- Robin Image Optimizer
- Какой плагин для сжатия изображений выбрать?
- XML карта сайта
- Robots txt
- HTTPS и SSL сертификат
- Дубли
- Таксономии – рубрики и метки
- Вложения
- Replytocom
- Shortlinks (шортлинки)
- Пагинация постов
- Очистка кода своими руками
- Дополнительные настройки для SEO в WordPress
- Минификация кода
- Оптимизация картинок
- Исходящие ссылки
- Noindex для пагинации
- Транслитерация заголовков
- Уведомления о Cookie
- Корректировка Yoast
- Микроразметка
- Скорость работы для новичков
- Для чего оптимизировать изображения
- Как установить и настроить плагин сжатия изображений WordPress
- Полезные рекомендации от PageSpeed Insights
- Помогла ли вам статья?
- Оптимизация изображений WordPress с Optimole
- Установка и настройка плагина для оптимизации изображений WordPress
- В заключение
О сервисе PageSpeed Insights
PageSpeed Insights анализирует содержание веб-страницы и предлагает решения, которые позволят ускорить ее загрузку. Результат в жёлтом цвете — нужна работа. Предложения по оптимизации — Оптимизируйте изображения
Оптимизируйте изображения, грозно выдал сервис. Надо, так надо. Решил посмотреть, какой плагин для сжатия и оптимизации картинок есть в официальной директории WordPress.org, кроме тех о которых я написал ранее. Выбрал плагин по популярности (сколько раз загрузили и когда обновлялся).
Выбор пал на Smush Image Compression and Optimization (Сжатие и оптимизация изображений) — активных установок более 900 000 и обновление вышло неделю назад. Ну что же, раз такое дело, будем его проверять, а может даже и использовать постоянно. Конечно и другие похожие плагины не забудем проверить.
Плагины для сжатия и оптимизации изображений WordPress.
Smush — Lazy Load Images, Optimize & Compress Images
Smush — отложенная загрузка изображений, оптимизация и сжатие изображений. Уменьшайте размеры файлов изображений, повышайте производительность и улучшайте SEO с помощью бесплатного WordPress Smush API.
Smush — Lazy Load Images, Optimize & Compress Images
Плагин WP Smush — Lazy Load Images, Optimize & Compress Images использует внешний сервис для сжатия изображений. Оптимизируйте изображения, включите ленивую загрузку, измените размер, сожмите и увеличьте скорость своей страницы Google с помощью невероятно мощного и 100% бесплатного средства сжатия изображений WordPress.
Плагин на русском языке. Сразу после установки и активации Smush, плагин предлагает сжать все существующие файлы в медиатеке и в будущем он автоматически будет сжимать ваши новые загружаемые картинки. Smush будет сжимать изображения без видимого снижения качества.
В настройках можно указать изменять ли размер изображений (нужно выставить максимальную высоту и ширину на все изображения загружаемых на ваш сайт) или без этого, лишь только использовать сжатие.
Далее, я опять проверил сайт на скорость загрузки страниц в PageSpeed Insights. Результат у меня получше, но всё равно в жёлтом цвете. Скорее всего из-за размера картинок, надо посмотреть, какие правильные размеры нужны для сайта. Пока размер фоток менять не буду, пусть пока будет так.
Жалко что, в бесплатной версии плагина есть ограничение: максимальный размер файлов для сжатия всего 1 мегабайт и сжатие нескольких изображений только по 50 штук за один раз. Smush может удовлетворить все ваши потребности по оптимизации изображений, бесплатно!
Надо на всякий случай попробовать, на этом блоге, другой плагин, например, оптимизатор изображений ShortPixel (ShortPixel Image Optimizer). Про него я уже вам рассказывал.
Оптимизация изображений с EWWW Image Optimizer
Меньшие изображения, более быстрые сайты ВордПресс, более счастливые посетители. Комплексная оптимизация изображений, не требующая образования в области ракетостроения.
Позвольте EWWW Image Optimizer помочь вам сделать ваш сайт быстрее, улучшить показатель отказов и улучшить SEO. С помощью EWWW IO вы можете оптимизировать все свои существующие изображения, а затем позволить плагину автоматически позаботиться о загрузке новых изображений.
Сам его пока не проверял, но советуют спецы по ВордПресс (Константин Ковшенин), также, как и выше плагин. Плагин на русском языке, активных установок более 900 000, постоянно обновляемый. EWWW IO — единственный плагин, который позволяет оптимизировать изображения с помощью инструментов на вашем собственном сервере (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp).
Эти утилиты включены в дистрибутив плагина в виде исполняемых файлов и запускаются плагином через функцию PHP exec(), которая у многих хостинг-провайдеров отключена в целях безопасности.
Плагин для изменения размера изображений — Resize Image After Upload
Автоматически изменять размер загружаемых изображений в пределах указанной максимальной ширины и высоты. Также имеет возможность принудительного повторного сжатия файлов JPEG.
Бесплатный, быстрый, простой в использовании, стабильный и часто обновляемый плагин для изменения размера изображений после загрузки.
Этот плагин автоматически изменяет размеры изображений (JPEG, GIF и PNG), когда они загружены, в пределах заданной максимальной ширины и/или высоты, чтобы уменьшить использование пространства на хостинге, ускорить ваш сайт, сэкономить ваше время и улучшить SEO вашего сайта.
Представьте, что сейчас изображения могут весить более 4-5 МБ, а с помощью этого плагина вы можете уменьшить их до 100-200 КБ без каких-либо дополнительных усилий с вашей стороны!
Кроме того, плагин может принудительно повторно сжимать загруженные изображения JPEG и преобразовывать PNG в JPEG (если они не имеют слоя прозрачности), независимо от того, были ли изменены их размеры или нет.
А если ключевое слово в поиске поменяете с Image Optimizer на Optimizer Image, то появится другой список подходящих плагинов. Список большой, это у меня на скриншоте влезло маловато.
Напомню вам, конвертировать все ваши изображения в WebP можно автоматически, читайте инструкцию.
Ладно, не буду больше отнимать у вас время, не маленькие, сами разберётесь. Пойду дорабатывать свой новый сайт, Гугл же просит, а ему отказывать нельзя, себе дороже. Удачи вам. Надеюсь пост был вам полезен. До новых встреч. Пока, пока.
Оптимизация и ускорение работы сайта важны не только как элемент удержания пользователей (пользователь вероятнее покинет сайт, который работает медленно), но и для SEO — Google рассматривает скорость загрузки страниц как один из факторов ранжирования в поисковой выдаче.
В статье мы рассмотрим несколько основных мер, которые стоит принять, чтобы улучшить производительность сайта на WordPress и скорость его работы.
Кэширование — важный элемент в ускорении работы вашего сайта. Благодаря кэшированию пользователь получает доступ к данным максимально быстро, без необходимости формировать запрос к базе и серверу заново.
Реализовать кэширование проще всего с помощью специальных плагинов, например:
На вкладке «Настройки» включите следующие опции:
Включает кэширование сайта.
Файлы кэшируются после того, как пользователь впервые посещает страницу, что означает, что для данного пользователя загрузка займет больше времени, так как кэш пока отсутствует. Включение опции «Предпоготовка» запускает периодическое создание кэша основных элементов, что значительно ускоряет время будущих загрузок.
В открывшемся окне настроек отметьте те элементы, которые вы хотели бы кэшировать таким образом, например:
Параметр pages per minute на виртуальном хостинге рекомендуется устанавливать в пределах от 4 до 6. Если вы используете виртуальный сервер, можно увеличить значение до 10-12.
При использовании кэширования пользователи какое-то время видят устаревшие данные на сайте, так как для них подгружается сохраненная копия из кэша. Чтобы при добавлении новой записи или ее обновлении пользователям сразу была доступна актуальная версия, отметьте эти опции. При публикации или изменении записи кэш будет сброшен, и для пользователей загрузятся актуальные данные.
В окне настройки для обеих опций можно выбрать второй вариант (сбрасывать кэш только домашней страницы, записей и пр. вместо сброса всего кэша целиком).
Чем меньше объем загружаемых данных, тем быстрее загружается страница. Сжатие Gzip позволяет уменьшить размер получаемых от сервера данных и улучшить время загрузки. Вы можете включить сжатие Gzip в данном плагине либо использовать для этого (см. ниже «Сжатие Gzip»), но не используйте то и другое одновременно.
Позволяет сохранять в кэше браузера стандартные элементы страницы, которые подгружаются каждый раз при ее посещении (CSS, JS и пр.). Благодаря этому браузер не загружает эти элементы каждый раз заново, а значит время загрузки страницы сокращается.
На вкладке «Очистка кэша» рекомендуем включить периодический сброс кэша, чтобы не переполнять пространство аккаунта сохраненными данными. Для этого кликните на Add New Rule и в открывшемся окне укажите нужные параметры. В поле «If REQUEST_URI» выберите «Все», а ниже — подходящий вам интервал удаления данных и время выполнения действия. Оптимальный вариант — удаление кэша раз в сутки / раз в три дня. Например:
Вы можете использовать и другие опции плагина. Информацию о каждой из них можно найти, кликнув на значок вопроса рядом с опцией. Имеет смысл включать их последовательно и проверять работу сайта ориентировочно в течение суток, чтобы вовремя отследить нежелательный эффект, если он возникнет, и отключить конкретную опцию.
Сжатие Gzip позволяет уменьшить размер контента, который отдается сервером при обращении пользователя к сайту. Благодаря этому значительно снижается время загрузки страницы (иногда до двух раз).
Чтобы включить сжатие Gzip, можно активировать эту опцию в используемом вами кэширующем плагине (большинство из них обладают этой функцией) либо воспользоваться одним из специальных плагинов, например:
Как уже упоминалось, не используйте обе возможности сжатия одновременно (в отдельном плагине и в плагине для кэширования), так как это может привести к ошибкам в работе WordPress.
Оптимизация базы данных и удаление ревизий
Для оптимизации базы и удаления ненужных данных можно воспользоваться одним из следующих плагинов:
Предварительно рекомендуем создать резервную копию базы данных.
Количество ревизий (т.е. версий постов, черновиков) можно также ограничить с помощью файла wp-config.php, не прибегая к установке плагина. Для этого нужно добавить в файл сразу после <?php
define( ‘WP_POST_REVISIONS’, 5 );
Сайт с красивыми и качественными изображениями выглядит привлекательным для пользователей, однако важно помнить, что большое количество «тяжелых» изображений будет негативно сказываться на скорости загрузки сайта. Важно найти баланс: качество изображения при небольшом размере. В этом помогут плагины для оптимизации изображений, например:
Также можно заняться оптимизацией вручную, сохраняя изображения в нужном размере и формате перед загрузкой их на сайт. Стоит сделать выбор в пользу формата .jpg или .jpeg для больших изображений, так как .png будет занимать очень много места. Его можно использовать для графики в оформлении сайта, иконок, кнопок и пр.
При отсутствии специального ПО для работы с изображениями можно воспользоваться любым онлайн-сервисом в сети, позволяющим решать подобные задачи.
Минимизация JS и CSS
На скорость загрузки сайта может влиять неоптимизированный код. Как минимум, стоит избавиться от лишних пробелов, пустых строк, комментариев и разметке блоков в файлах JavaScript, CSS и HTML.
Как и в случае с Gzip-сжатием, выберите для этой задачи либо функционал отдельного плагина, либо опцию сжатия CSS/JS в кэширующем плагине (W3 Total Cache и WP Fastest Cache имеют эти возможности) — не используйте то и другое одновременно. Также не используйте одновременно несколько плагинов с идентичным функционалом.
Отключение лишних плагинов
Сильно нагружать сайт и увеличивать время загрузки могут сами плагины.
За время работы с WordPress мы часто устанавливаем и активируем множество плагинов для решения разных задач. Каждый из этих плагинов отнимает часть ресурсов, что в итоге негативно влияет на работу сайта.
Рекомендуем просмотреть список установленных плагинов и проверить:
Также стоит проверить ресурсоемкость плагинов. Для этого можно воспользоваться плагином:
Установите и активируйте плагин, после чего перейдите на сайте и пролистайте его страницы (главную страницу и разделы, где наблюдается медленная работа). В верхнем меню будет отображаться скорость загрузки. Наведите курсор на этот элемент и в выпадающем меню выберите «SQL-запросы». В столбце «Компонент» выберите пункт «Не-ядро».
Вы увидите список запросов к базе от разных плагинов и скорость выполнения запросов. Проверьте, все ли из указанных плагинов вам нужны, удалите или деактивируйте ненужные. Если плагин, вызывающий медленную работу, вам необходим, попробуйте найти аналогичный и протестировать его работу на вашем сайте.
После завершения работы с Query Monitor не забудьте деактивировать или удалить плагин, чтобы не нагружать сайт.
Изображения — важная часть контента на сайте. Они не только делают страницу красивее, но и могут сами стать источником трафика. Все говорят, что в первую очередь изображения должны быть яркими, сочными, чёткими, полезными и т.д. Это да, не поспоришь. Но важно, чтобы они не мешали быстрой загрузке сайта, которая, кстати, колоссально от них зависит. Поэтому сегодня мы будем разбираться, как сократить размер картинки без потери качества.
Не грузите полный размер
Нет смысла загружать на сайт картинку полного размера, чтобы потом её уменьшать. Так вы уменьшаете её только визуально, а вес остаётся огромным. Гораздо правильней будет подготовить картинку с нужным размером у себя на компьютере и только потом загрузить её на сайт.
Изображение должно иметь такой размер, с каким оно будет выводиться на странице. Если вам в статье нужна фотография размером 200х200 пикселей, то вариант загрузить её на сайт размером 2000х2000 пикселей и просто уменьшить — не самый оптимальный. Лучше сразу грузите её на сервер размером 200х200 пикселей.
Давайте разберём это на примере. Мне нужна картинка для статьи, и я хочу, чтобы она выводилась размером от одного края текста до другого. Как мне узнать точный размер?
Представим, что я хочу вставить вот эту картинку и понять, какой точно размер ей нужен. Для этого я должна выделить блок текста под ней.
Я захожу на страницу статьи, кликаю по тексту правой кнопкой мыши и выбираю «Исследовать элемент». У пользователей MacOS этот пункт меню называется «Показать программный код страницы». Теперь у нас появляется вот такая вставка с кодом:
Чтобы узнать параметры определённого элемента на сайте, мы должны выбрать вот этот инструмент выделения в левом углу страницы.
Теперь мы наводим мышку на нужный нам блок текста и — вуаля! Мы видим его размер. Нам интересна ширина контента, ведь высоту вы можете выбрать уже произвольно.
Теперь вы понимаете, как узнать нужный размер картинки. Не стоит заливать картинки больше требуемого, это будет только перегружать страницу.
5 лучших сервисов для сжатия картинки без потери качества
На установке нужного размера ваши действия не заканчиваются. Следующий пункт — сжатие изображения. Для этого существует масса бесплатных онлайн-сервисов. Например:
Сайт, которым пользуюсь лично я, называется Tinypng. Он совершенно бесплатный. Работает просто: загружаете картинки, а сервис ужимает их в среднем на 60-80% без потери качества.
Следующий сервис, который даже популярнее, чем Tinypng, — это Kraken. Тут можно сжимать сразу несколько изображений, загружая ZIP архив или пользуясь импортом из Google диска или с Dropbox.
Compressor.io — ещё один отличный сервис для сжатия изображений. Возможность массовой загрузки файлов тут отсутствует. Изображения уменьшаются в среднем на 60-80% без потери качества.
Сервис Imagecompressor.com отличается возможностью регулирования качества изображения. Происходит это обычным ползунком. На сервис можно за раз закинуть до 20 изображений.
И последний, но не менее важный — Jpeg-optimizer.com. Дизайн может и не самый современный, зато со своими функциями сервис справляется на отлично. Он позволяет точно выставить уровень сжатия. Рекомендую для веб-страниц выставлять значение 80 в пункте «Compress Image».
Помимо сжатия тут можно ещё и сразу изменить размер изображения.
Выберите для себя один сервис и используйте его, прогоняя через него все изображения перед заливкой на сайт. Так вы уменьшите их размер больше, чем вдвое раз! Но и это ещё не всё.
Лучшие плагины для оптимизации изображений в WordPress
Теперь мы с нашей фотографией добрались аж до самой консоли сайта. Пусть она пройдёт ещё один фильтр — оптимизацию. В WordPress существует множество плагинов для выполнения этой функции. Сегодня я расскажу вам про лучшие пять:
EWWW Image Optimizer считается одним из лучших плагинов для оптимизации картинок. Он позволяет сделать разовое сжатие всех файлов (например, когда вы только установили плагин на сайт), а также выбирать картинки, которые оптимизироваться не будут. Это будет полезно, например, для сайтов с тематикой фотографии, когда важно не ухудшать качество снимков. Но в целом оптической разницы вы не заметите, зато сайт будет загружаться быстрее.
WPMU DEV предлагает сразу несколько плагинов для ускорения сайта. И WP Smush — часть этой группы. Он занимается сжатием изображений пачками либо в момент их загрузки на сайт. Есть платная и бесплатная версии, в бесплатной можно обрабатывать не более 50 изображений подряд. Поддерживаемые для оптимизации форматы: JPEG, PNG и GIF.
Вот такой робот Optimus уменьшает размер изображений на 70%. Но у него есть ограничение — 100 kB. Он работает как с исходными изображениями, так и с только загружающимися на сайт.
Бесплатный онлайн-сервис TinyPNG, о котором мы говорили выше, можно установить и в качестве плагина. Он сжимает файлы только форматов JPEG и PNG.
Главное отличие плагина Short Pixel — возможность обработки PDF-файлов и совместимость с WooCommerce. В остальном он выполняет все те же функции, что и предыдущие сервисы.
Установите себе какой-то из этих плагинов для оптимизации изображений, и это уже ускорит работу вашего сайта.
Настройка lazy loading изображений
Есть ещё один способ ускорения сайтов при помощи оптимизации изображений. Это настройка отложенной или ленивой (lazy) загрузки. Такую функцию использует очень много сайтов.
Её работа заключается в том, что изображения грузятся не сразу вместе с открытием страницы, а по мере надобности: например, при скроллинге, при клике или в фоновом режиме.
Когда стоит настраивать отложенную загрузку?
Когда не стоит настраивать отложенную загрузку? Если с изображений идёт хороший трафик. В остальных же случаях это пойдёт сайту только на пользу.
Как сделать отложенную загрузку изображений?
Для этого используется атрибут loading, он задаёт условия загрузки. Он устанавливается как для фотографий с тегом img, так и для медиа с тегом iframe.
Для отложенной загрузки (когда картинка грузится по мере необходимости) мы ставим параметр lazy:
Вот вы и узнали, как правильно оптимизировать картинки. Теперь они точно не заставят ваш сайт оставаться позади быстрых соперников! Пользуйтесь советами из статьи и ускоряйте свой ресурс. Удачи!
Сравним лучшие плагины сжатия изображений для CMS WordPress. Выясним, какие у каждого из них преимущества, сколько они стоят и какой выбрать для своего сайта.
Кратко о компрессии и плагинах для сжатия изображений
Компрессия — это процесс уменьшения размера изображения с помощью специализированных алгоритмов (изменения цвета и формата), незначительного ухудшения качества картинки или удаления EXIF-данных.
Их необходимо использовать, потому что медиаконтент может занимать слишком много пространства на сервере, что негативно влияет на ресурс сразу в двух направлениях:
Скомпрессированные файлы теряют в весе до 85% от базового, чем заметно экономят место на диске и облегчают сайт в целом, ускоряя его и делая более стабильным.
Поэтому плагины-компрессоры для WordPress стали необходимостью, которую устанавливают все без исключения вебмастера.
7 лучших плагинов WordPress для сжатия картинок
Далее рассмотрим лучшие WordPress-расширения, сжимающие изображения на этапе их загрузки на сервер.
Тестирование компрессоров
Сначала сравним плагины друг с другом в реальной задаче. Посмотрим, насколько хорошо они справляются со своим главным предназначением.
А теперь разберем каждый из них более подробно. Выясним, на что они способны помимо сжатия картинок и в какую сумму обойдутся.
ShortPixel Adaptive Images
Плагин прост в управлении и неплохо справляется с оптимизацией без потери качества изображения, но это не главное его преимущество. В нем есть другие функции, прямо или косвенно влияющие на производительность сайта в позитивном ключе.
Например, использование распредленной сети серверов (CDN). Она хранит все загруженные вами изображения и самостоятельно распространяет их по сети. ShortPixel автоматически подгружает картинки для пользователей с сервера, ближе всего расположенного к посетителю страницы. Это заметно повышает производительность ресурса в целом и для каждого клиента индивидуально.
Также тут есть функция автоматического обрезания картинки под разрешения различных устройств. То есть для мобильных устройств ShortPixel будет подгружать со своих серверов более компактные версии изображений.
Чтобы сделать загрузку страниц еще быстрее для конкретных посетителей, разработчики добавили функцию Lazy Loading. Это приоритизация загрузки, вынуждающая страницу быстрее подгружать те картинки, что видны сразу после входа на сайт. На них тратятся ресурсы в первую очередь. Второстепенный контент подгружается позже в фоновом режиме.
Как и большинство таких плагинов, по умолчанию ShortPixel распространяется бесплатно. Но это только если вы оптимизируете не больше сотни картинок в месяц. Увеличение этого значения повысит стоимость до 5 долларов в месяц.
Imagify
Imagify работает в трех режимах: Normal, Aggressive и Ultra. Первый сохраняет качество картинки, второй уменьшает размер, ухудшая качество, а третий делает то же, что и второй, но еще более заметно.
Второй режим включен по умолчанию, поэтому показатели эффективности Imagify такие высокие.
Помимо продвинутых алгоритмов сжатия, в Imagify есть возможность оптимизировать контент в автоматическом режиме, внося в него изменения на этапе загрузки. Например, менять разрешение и другие характеристики картинок.
А еще здесь есть статистика, отображающая, как много пространства удалось сохранить благодаря оптимизации изображений и какие положительные моменты эта процедура привнесла в работу ресурса.
Стоимость плагина варьируется в зависимости от размера оптимизируемых картинок. Если за месяц вы отправляете «худеть» файлов меньше чем на 1 гигабайт, то платить не придется. А вот за большее придется – как минимум 5 долларов в месяц.
Optimole
По заявлению разработчиков, Optimole — лучший облачный компрессор изображений, который выполняет всю работу на быстрых удаленных серверах (CDN), не задействуя производительные мощности сервера пользователя.
Из особенностей стоит выделить автоматическую адаптацию изображений под различные разрешения и размеры экранов и оптимизацию картинок под скорость интернета посетителя (плагин может ухудшать их качество в угоду производительности для конкретного человека).
Optimole дружит с конструкторами сайтов в духе Elementor и Beaver Builder, а также встроенным редактором в WordPress 5. Интерфейс прямолинеен, хорошо задокументирован, построен интуитивно понятно.
Есть и другие приятные мелочи:
Распространяется бесплатно, если на подключаемый сайт заходят не более 5000 человек в месяц (в этой версии не работают удаленные серверы, занимающиеся обработкой изображений). Если посетителей больше 25000, то придется платить от 10 долларов в месяц.
Наиболее информативный из всех представленных в подборке оптимизаторов. Отображает подробную аналитику (сколько удастся сэкономить места, насколько в процентном соотношении удалось уменьшить базу картинок) по каждой процедуре сжатия еще на этапе загрузки изображений.
Пользователи ценят Smush за проактивность. Сразу после подключения к WP-блогу он предлагает не только оптимизировать вновь загруженные картинки, но и провести переоптимизацию всего контента, что уже имеется на ресурсе.
Есть возможность изменить размер загружаемых изображений и тех, что уже лежат на сервере. Причем плагин умеет сам разыскивать несжатые файлы и работать только с ними, игнорируя все остальные.
Одно из ключевых преимуществ Smush — возможность сжимать неограниченное количество картинок бесплатно. Разработчики установили ограниченный размер для каждого изображения (он не должен превышать 5 мегабайт), но не на их количество. Поэтому можно использовать плагин без ограничений по времени, не заплатив ни копейки. Но есть и Pro-версия с поддержкой формата WebP.
Она убирает все ограничения и добавляет режим сжатия с потерей качества. Цена зависит от того, как много сайтов будут использовать одну лицензию Smush. Для одного достаточно учетной записи Hobbyist. Она обойдется в 70 долларов за год. Чтобы установить плагин на 5 сайтов, придется отдать 140 долларов за год.
EWWW Optimizer
EWWW Optimizer не может похвастаться привлекательным интерфейсом, но зато он хорош в плане функциональности.
EWWW поддерживает форматы JPG, PNG, GIF и даже PDF. Выполняет компрессию в полуавтоматическом режиме при загрузке файлов на сайт. Как и у конкурентов, тут есть возможность выбирать между режимом оптимизации с потерями качества и без них.
В плагине нет ограничений по весу и количеству изображений, загружаемых на сайт. Это обусловлено тем, что сжатие выполняется на сервере пользователя. Сторонние серверы не используются.
Но у такого решения есть серьезный минус — обработка загружаемых картинок будет занимать больше времени и может заметно повлиять на производительность сайта. Особенно если нужно оптимизировать сразу много контента.
Плагин распространяется даром. Ограничения в бесплатной версии отсутствуют. Даже техническая поддержка и автоматическое резервное копирование предлагаются безвозмездно. За деньги продается только API для подключения сторонних серверов.
Но это не все возможности плагина. Разработчики решили не останавливаться только на картинках, поэтому научили WP Compress обрабатывать JS-скрипты, CSS-файлы и даже SVG.
Стоимость зависит от объема загружаемых в месяц данных. За 25 Гбайт просят 9 долларов ежемесячно. За 125 Гб — 29 долларов в месяц.
Robin Image Optimizer
Оставил его напоследок, так как считаю его лучшим из предложенных дополнений. О Robin Image Optimizer редко говорят, поэтому вебмастера с ним зачастую незнакомы. Но когда узнают, то редко возвращаются на плагины, которые использовали до.
Robin сжимает картинки в формате PNG и JPG, уменьшая их размер на 80% без заметной потери качества. Разработчики достигли таких внушительных значений за счет изменения цветовой гаммы и удаления EXIF-данных с изображений. Детализация и разрешение остаются прежними. Алгоритм Robin творит чудеса, и невооруженным взглядом заметить ухудшения в картинке не выйдет.
Также с Robin можно:
Плагин распространяется бесплатно. Но есть платная версия, добавляющая поддержку формата WebP, компрессию в директорию на выбор и интеграцию с галереей NextGEN. Цена зависит от количества компрессируемых картинок. Например, за 39 долларов в год можно оптимизировать 5000 файлов в месяц.
Какой плагин для сжатия изображений выбрать?
Я рекомендую Robin Image Optimizer. Считаю, что это идеальный баланс характеристик.
Остальные уступают как минимум по одному из этих показателей, а иногда сразу по двум. Так что выбирать конкурентов, когда имеется такое решение, как Robin, нецелесообразно. Разве что вам понравился интерфейс или какая-то отдельная функция другого компрессора.
Считаю лучшим решением для раскрутки это плагин Yoast SEO, он включает в бесплатной версии тот минимум, необходимый для создания правильного управления поисковыми системами, что он умеет:
Много других фишек, что сделало его популярным. Вот подробный пост по настройке Yoast SEO, читайте и делайте все в соответствии с инструкцией.
Спрашивают можно ли обойтись без плагинов и настроить кодом, отвечу, что затея бесполезная и требует знаний. Зачем придумывать свои методы, если есть решения с инструкциями.
XML карта сайта
Обязательный пункт в СЕО при оптимизации это XML карта. Ее может создавать йоаст, но формируется с ошибками для Яндекса. Поэтому лучше использовать отдельный модуль Google XML Sitemap, переходите и смотрите как это делать.
Robots txt
Рекомендательный файл для поисковых роботов, но поддерживается, поэтому должен присутствовать. Как создавать Robots txt для Яндекса и Google. Документ регулирует куда можно ходить роботу, с помощью команд ALLOW и DISALLOW, указанием пути к карте, в некоторых случаях адрес главного зеркала.
Серверный файл для Apache, регулирующий редиректы, кэширование и остальные полезные функции. Возможно его не будет, тогда htasccess создаем и настраиваем. Не пренебрегайте рекомендациями этого файла, он может как улучшить, так и навредить ресурсу.
HTTPS и SSL сертификат
Обязательный пункт, потому что браузеры Chrome и Yandex начали помечать ресурсы без HTTPS как небезопасные со снижением трафика, поэтому покупайте сертификаты, либо пользуйтесь бесплатным Let’s Encrypt. Важно правильно настроить сам редирект с HTTP на HTTPS. Установку безопасного соединения должен делать хостер.
Дубли
Разработчики WordPress заботятся об удобстве использования, поэтому добавляют множество бесполезных функций оптимизации в ядро. Дубли создаются для сортировки статей, картинок и архивов по категориям, но часто они клонируют друг друга, создавая одинаковый контент, мешая раскрутке. Разберемся какие виды формирует WordPress.
Таксономии – рубрики и метки
По умолчанию в WordPress две таксономии это Рубрики и Метки. Считаю их отличным способом СЕО продвижения при правильной оптимизации метатегов описания. Единственное если не используете метки (теги) в написании статей, то удаляем от случайного появления повтора в выдаче. Инструкцию по категориям WordPress используем ссылку в разделе про архивы и в начале статьи в йоаст.
Вложения
При загрузке медиа объектов – картинка, анимация или видео, под каждое содается отдельная страница, абсолютно пустая, содержащая сам файл. Считается не дублем, а лишним, вложения удаляем. Данные документы хорошо работают для SEO сайтов фотографов, портфолио и других визуальных разработках, но не для блогов.
Replytocom
ПС не знали какой документ из представленных давать в органику, просто спускали такие статьи, выбрасывая далеко за ТОП 20. Обязательно .
Shortlinks (шортлинки)
В коде поста в разделе HEAD формируется тег link, с коротким url, для удобства программирования и сортировки данных. У каждого элемента есть свой ID номер, параллельно создается виртуальная страница с адресом вида /?p=number-id, этот хвост полностью заменяет url самой записи, то есть:
Ей присвоен id с номером, например, 2341, тогда автоматически создается линк такого вида, который полностью дублирует основную.
Этот полный дубль shortlink, закрываем от индексации с помощью оптимизации каноникал или редиректа.
Пагинация постов
Не многие знают о такой возможности, чтобы разделять статью на несколько мелких с помощью тега nextpage, добавляющий пагинацию в конце поста на следующую часть материала. Но беда в том что title, h1 и description полностью дублируются с основного url.
Так же если не пользуетесь nextpage, то угроза появления SEO дублей есть, введите в конце адреса /1/ или /2/ в 90% случаев откроется таже запись, нужно деактивировать пагинацию и nextpage для сохранения трафика.
Очистка кода своими руками
WordPress создает мусор в исходном коде сайта. Ниже приведу список то что мешает и возможно удалить.
В дополнение можно скрыть виджеты: облако меток, календарь и страницы, они делают нагрузку на базу данных, давая большое количество запросов.
Выключаем лишние виджеты
Не забываем про чистоту кода шаблона, нужны просто хорошие темы, которые поддерживаются разработчиками. Примеры SEO шаблонов описывал тут.
Дополнительные настройки для SEO в WordPress
Конечно этими пунктами не обойдется, далее переходим к более продвинутым возможностям и технологиям, которые должны применять не только владельцы WordPress.
Минификация кода
Два друга Last Modified и If-Modified-Since дают понять поисковому роботу, выкачивать ли блог и обновлять в поиске. При обновлении статьи мы нажимаем на кнопку Обновить, но роботы выкачивают страницу и сравнивают ее в любом случае, потому что им не говорят обновлен ли материал или нет.
Сервис проверки Last Modified
Эти два серверных заголовка говорят поисковикам когда обновлялся материал и пускать ли робота проверять. Робот приходит с датой последнего сканирования, а last modified, говорит что статья не изменялась – иди дальше. Тем самым уменьшаем количество запросов и скорость индексации.
Оптимизация картинок
Упущением в SEO продвижении является не оптимизированные изображения, важными пунктами являются три параметра:
Процесс простой, но если картинок в вордпресс много, то лучше оптимизировать пошагово: сделали снимок, сразу сжали, написали к ней ALT и TITLE.
Исходящие ссылки
Часто в комментариях WordPress спамят ссылками и в имени комментатора. В итоге получаем много исходящих адресов, которые в 90% являются плохими, могут навредить, получив фильтр за ссылочный спам, поэтому их нужно закрывать от индексации.
Не забываем про статьи, при написании часто вставляем урлы на другие источники и дополнительные материалы. Не советую их оставлять в открытом виде, скрываем исходящие ссылки.
Noindex для пагинации
Noindex для пагинации это наиболее щадящий метод закрытия постраничной навигации от индексации, потому что добраться до старого материала можно только через нее. Не рекомендую пользоваться атрибутом canonical для пагинации на главной, действуем с помощью noindex и запрета в robots.
Транслитерация заголовков
По умолчанию url любой сущности формируется из заголовка, прописываемый автором. Но если домен на латинице, а адрес сущности на кириллице, то это ошибка оптимизации, давайте исправлять.
Урл можно переделать вручную при написании паста, но лучше пользоваться автоматической транслитерацией заголовков, чтобы не запоминать этот момент. Для примера такая вещь есть в нашем Clearfy PRO.
Уведомления о Cookie
Обязательная вещь при продвижении в Google – США и Евросоюз решили сделать такое предупреждение, чтобы сказать посетителям что о них автоматически собирается некоторая информация. Считаю бестолковым дополнением, потому что ресурсы так или иначе собирают их, cookie надо добавлять.
Корректировка Yoast
Микроразметка
Микроразметка Shema org косвенно влияет на продвижение, но дает лучшее понятие ПС и пользователям в поисковой выдаче о чем контент, потому что снипет будет расширенным. На стадии решения нажатия на результат поиска человек оценивает визуальную и информационную составляющие. На верхний сниппет вы нажмете с более высокой вероятностью, чем на нижний – это работа микроразметки.
Снипет в выдаче
Есть автоматические решения в виде SEO плагинов, они добавляют микроразметку, но перепробовав около 10 штук понял, что не отвечают требованиям, скорее делают хуже, запутывая роботов, которые потом дают не валидный снипет в выдачу. Вижу только один выход – использовать уже оптимизированные шаблоны для WordPress, советую темы от WPShop.
Посетителям и читателям выдаю промо со скидкой в 15%, на любой продукт WPShop. Кнопка ведет на главную, но скидка вычисляется для всех разработок.
Скорость работы для новичков
На продвижение действует скорость работы, а она напрямую зависит от нескольких вещей:
Как писать статьи по ключевым словам рассказал в курсе на WPCourses, оптимизация статей начинается в конце.
Соблюдая рекомендации и используя только качественные разработки, темы, дополнения – с нуля ускорите сайт до хороших результатов.
В инструкции разобрал пошагово, как сделать базовую SEO настройку WordPress, точнее собрал в один список материалы и структурировал, читайте каждый раздел и применяйте. Далее оптимизация, написание отличного контента под ключевые слова и попадание в топ.
Оптимизация изображений — простой способ улучшить поисковую позицию сайта. В статье мы подробно рассмотрим, зачем сжимать картинки, что включает в себя понятие «оптимизация» и как сделать это в WordPress.
Для чего оптимизировать изображения
Изображения (картинки, фото, иллюстрации) — один из самых «тяжелых» типов контента на сайте. В зависимости от формата, количества пикселей и детализации одна картинка может весить даже десятки МБ. Это плохо для сайта.
Разберем на примере. Представьте сайт интернет-магазина с 1000 товаров. Каждый из них нужно показать покупателям, то есть сопроводить не только текстовым описанием с ценой, но и фотографией. Если размер одного изображения — 2 МБ, то все вместе они будут весить больше 2 ГБ и занимать много места на хостинге. Кроме того, из-за размера файлов страницы товаров будут грузиться медленно.
Мы уже говорили о том, какую роль играет быстродействие: никто не любит ждать. Если страница не отображается целиком дольше трех секунд, потенциальный клиент закроет вкладку и найдёт более быстрый ресурс.
Чтобы визуальный контент не занимал много места на хостинге и не замедлял веб-сайт, его нужно оптимизировать. Оптимизация изображений включает в себя широкий спектр действий, и прежде всего, сжатие (уменьшение размера).
Благодаря сжатию можно сократить изначальный вес файла вплоть до 80–90%. При этом важно не переусердствовать, ведь чрезмерная оптимизация приведет к потере качества. Изображение будет мутным, нечётким и вряд ли понравится посетителям.
Для каталога товаров в интернет-магазине оптимальный размер картинок — примерно 70–150 КБ. Если на вашем сайте меньше изображений, нужно смотреть по ситуации и скорости загрузки сайта. В среднем оптимальный вес каждого файла — 200 КБ–1 МБ).
Мы рассмотрим 2 самых популярных плагина: Smush (1 млн установок) и Compress JPEG & PNG Images (200 тыс. установок).
Плагины для оптимизации изображений:
Как установить и настроить плагин сжатия изображений WordPress
Готово, после окончания плагин покажет сэкономленное место и посоветует перейти на платную версию, чтобы улучшить результат.
Готово, так вы сможете сжимать изображения для быстрой работы сайта.
Полезные рекомендации от PageSpeed Insights
Сжатие картинок WordPress — не единственный способ улучшения. Для SEO-оптимизации также будут полезны и другие меры. Например, перенесение всего тяжелого контента на отдельный домен и подключение CDN (Content Delivery Network). Оно позволит увеличить скорость загрузки за счет использования распределённой системы серверов. Благодаря этому, как бы далеко ни находились пользователи от исходного сервера вашего сайта, контент для них будет загружаться быстрее.
Помогла ли вам статья?
Оптимизация изображений WordPress автоматически с помощью плагина Image optimization & Lazy Load by Optimole. Оптимизация изображения является одним из ключевых факторов повышения производительности вашего сайта ВордПресс. В этом коротеньком посте мы рассмотрим Optimole — сервис оптимизации изображений и покажу, как его интегрировать с вашим сайтом.
Автоматически сжимайте, оптимизируйте и обслуживайте масштабированные изображения вместе с WebP. Формат WebP обеспечивает более эффективное сжатие по сравнению с PNG или JPEG, поэтому такие изображения загружаются наиболее быстрее.
Автоматически оптимизируйте изображения на сайте WordPress
Оптимизация изображений в WordPress сегодня одна из главных задач для вашего сайта. Ведь сайты не становятся меньше. Посетители всё больше стремятся использовать визуальный контент, темы WordPress расширяются, тенденции дизайна становятся все более зависимыми от фотографий/картинок с каждым днем.
Изображения составляют до 60% от общего времени загрузки веб-страницы. По этой причине, заботясь о чем-то столь же простом, как и об их оптимизации, вы можете заставить свой сайт загружаться даже вдвое быстрее.
Очевидно, что использование меньшего количества изображений на веб-ресурсе не является хорошим решением (нам нужны только самые лучшие решения). Чтобы загружаемые изображения автоматически конвертировались в оптимальный формат, используйте специальный плагин или сервис.
Оптимизация изображений WordPress с Optimole
Это намного проще, чем другие плагины сжатия изображений. Плагин Image optimization & Lazy Load by Optimole делает всю тяжелую работу за вас в фоновом режиме, плюс — он передает изображения через CDN для еще лучшей производительности. Ваши изображения будут обслуживаться с CDN, а не с вашего основного сервера. Это уменьшает время загрузки и использование полосы пропускания. Инструмент поддерживает все типы изображений, а также Retina и WebP (если браузер посетителя поддерживает новый формат).
Оптимизация и отложенная загрузка изображений в WP
Optimole — это комплексное решение для всех ваших задач по оптимизации изображений. Вместо того, чтобы сжимать изображения локально и затем постоянно заменять их в медиатеке, Optimole делает все в облаке.
Как только вы активируете плагин, Optimole извлекает ваши изображения и выполняет всю его оптимизацию в режиме реального времени. Сервис всегда предоставляет идеальную версию изображения — с учетом устройства посетителя, браузера и размера экрана.
Это означает, что ваш посетитель всегда увидит идеальную версию изображения, которая была настроена для него индивидуально.
Сжатие изображений — это только верхушка айсберга. Optimole делает ваш сайт намного быстрее в целом!
Установка и настройка плагина для оптимизации изображений WordPress
Как только вы установите и активируете плагин, вам будет предложено зарегистрировать учетную запись и ввести свой личный ключ API, который позволит вам подключиться к услуге Optimole (сервис по оптимизации изображений):
Зарегистрируйтесь для получения ключа API
Нажмите кнопку (вам будет предложено указать адрес электронной почты, который будет использоваться для создания новой учетной записи).
В бесплатной версии плагина сервис будет обрабатывать ваши изображения и бесплатно доставлять их оптимизированные версии 5000 посетителям вашего веб-сайта в месяц.
После посещение своей почты вернитесь в админ-панель WordPress (раздел Медиафайлы — Optimole).
На следующем экране скопируйте и вставьте ключ API, полученный в электронном письме, и нажмите Подключиться к Optimole Service:
Введите свой ключ API и подключитесь к Optimole
Через пару секунд вы сможете начать работать с сервисом по оптимизации медиафайлов. После вы увидите это уведомление:
Оптимизация изображения в настоящее время работает
Отличительной особенностью Optimole является то, что он работает на автопилоте. На этом этапе Optimole уже настроен на работу с автопилотом на большинстве сайтов WordPress. Он берет все ваши изображения и автоматически оптимизирует их. Круто!
Несмотря на то, что сервис работает автоматически, есть еще несколько опций, которые дают вам немного больше контроля над происходящим. Чтобы увидеть эти параметры, перейдите на вкладку Настройки:
Основные и расширенные настройки оптимизации изображений
Для большинства пользователей настройки подойдут по умолчанию. Но, естественно, вы можете изменить их по своему желанию.
Когда изображение запрашивается, Optimole применит конкретные преобразования, требуемые устройством, и доставит его вашим посетителям. Это означает, что каждое изображение идеально подходит для каждого устройства. Окончательный результат будет храниться в кэше в течение месяца, чтобы обеспечить быструю доставку и скорость сайта.
В заключение
Плагин очень прост в использовании — вы просто загружаете его, вставляете свой ключ API, и он начинает работать автоматически. Полностью автоматизирован, установили и забыли.
И благодаря благодаря плагину Image optimization & Lazy Load by Optimole все ваши изображения будут на 80% меньше весить, а выглядят они, так же хорошо. Ваши посетители не заметят ничего странного с вашими оптимизированными картинками.
Автоматически сжимайте и оптимизируйте ваши изображения на сайте WordPress и будет вам счастье! А ваш сайт будет работать быстрее. Удачи вам, дамы и господа.