Плагин wordpress для изображений: Плагин для фото для wordpress

Плагин для фото для wordpress

Вебмастер, который относится к оптимизации картинок, как к самобытному явлению, потенциально теряет трафик и позиции в поисковиках!

Фото — это один из основополагающих «китов» правильного индексирования сайта.

И если у вас на странице нет увеличения фотографий или снимков слишком много, и ресурс из-за этого глючит, то большая вероятность, что вашу площадку Гугл и Яндекс оставят «на потом». А «потом», как известно, может и не наступить.

Потому предлагаем вам обзор 17 дополнений для WordPress

1. Lazy Loader — враг медленной загрузки изображений

Это уникальный модуль. Он позволяет хранить на сайте множество фотографий, при этом не жертвую скоростью загрузки страниц. «Ленивый загрузчик» — идеальное дополнение WordPress для оптимизации ресурса. Этот программный модуль игнорирует наличие картинок на страницах, когда заходит пользователь. Загрузка изображений начинается только тогда, когда юзер смотрит на них (то есть прокручивает сайт до места, где расположено фото). Такой плагин позволит создать весомое преимущество для медиа-сферы, где скорость загрузки — чуть ли не ключевой фактор ранжирования.

2. Simple Slideshow Manager — инструмент оптимизации и привлечения внимания

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

3. NextGEN Gallery — удобная галерея изображений

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

4. WP Photo Album — плагин для визуальной оптимизации картинок

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

5. FlippingBook — интригующая Вордпресс галерея для фото

Отличный инструмент для эстетически интересного просмотра изображений пользователями. В отличии от предыдущей описанной галереи, этот плагин позволяет самостоятельно создавать рамку и режим просмотра фотографий. Юзер будет видеть фото в режиме чтения флеш-книги. Это может сыграть как дополнительный фактор привлечения внимания и, соответственно, улучшения оптимизации ресурса.

6. Cincopa — разносортный каталог галерей для WordPress

Если вам лень что-либо придумывать самостоятельно, но и не хотите ставить режим просмотра снимков «как у всех», то Cincopa вам поможет. Это дополнение призвано освободить блогеров и вебмастеров от творческих исканий — в плагине содержатся около 45 разновариативных галерей и способов отображения картинок. Кроме того, модуль подразумевает работу не только с фото, но и с другими медиа-файлами: аудиоподкастами и видео.

7. Lightbox2 — дополнение WordPress для увеличения изображений

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

8. WordPress Content Slide — еще один плагин для слайд-шоу

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

9. Yet Another Photoblog — эргономичный плагин для коротких статей с одним фото.

Вам может показаться, что это весьма странное дополнение. Данный модуль категорически не годится для блогов с множеством фото в текстах, либо для медийных сайтов с галереями. Этот инструмент идеально подходит для блогеров, которые привыкли размещать одну картинку на одну статью. Если вы один из таких вебмастеров, Yet Another Photoblog облегчит вам жизнь — позволяет сначала загружать снимок, а только потом писать текст. Открывает широкие возможности для управления размером и описанием изображения.

10. Lazyest Gallery — еще одна функциональная галерея

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

11. Shadowbox JS — независимый отображатель фото для WordPress

В большей мере данный плагин WordPress подходит для видеоформата. Но также работает и с фотографиями. Он делает сайт независимым от других ресурсов: пользователь может смотреть видеозаписи, и листать картинки не выходя со страницы. Если вам надоело предварительно загружать свои видео на Ютуб, и вы хотите, чтобы посетители могли увеличивать снимки прямо на страницах, Shadowbox JS как раз для вас!

12. Thumbnail For Excerpts — простой способ управления превью

Если вы начинающий блогер, вы наверняка задавались вопросом «Как создавать превью записей?». Предпросмотр текста в превью отлично помогает улучшить взаимодействие с пользователем — количество отказов уменьшается, а это большой плюс для оптимизации. Но без помощи дополнений создавать анонсы новых статей для блога WordPress сложно, тем более новичку. Плагин Thumbnail For Excerpts убережет ваши нервы от перенапряжения — дает возможность легко и быстро делать превью нового материала с фото.

13. Flickr Gallery — роскошь для пользователей сервиса Flickr

Если вы уже по привычки загружаете изображения с сервиса Flickr, данный плагин значительно расширит ваши возможности. С ним вы сможете не только загружать, но и управлять загруженным — делать галереи, сортировать архивы картинок. Кроме того, дополнение содержит встроенный плеер, что также поможет при работе с видеофайлами.

14. Featured Content Gallery — божественный плагин для творческих блогеров

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

15. Freebie Images — уникальный модуль для поиска бесплатных стоковых изображений

Если без увеличения числа снимков на сайте вы не можете жить, а загружать фотографии из Гугла, которые видели тысячи пользователей, не хотите, тогда воспользуйтесь Freebie Images. Этот инструмент откроет для вас доступ к тысячам гигабайтам стоковых фотографий любого формата, содержания и размера. И что самое главное — материалы, к которым у вас будет открыт доступ, предоставляются на бесплатной основе! Это позволит вам, не отвлекаясь от написания статьи в Wordpress, искать подходящие снимки.

16. DM Albums — дополнение для альбомного отображения изображений

Беда сайтов WordPress в том, что у множества ресурсов снимки на страницах размещены идентично. Обычно это картинки, которые находятся в средине текста, имеющие определенный размер, не вписывающийся в общую картину. DM Albums для WordPress растягивает картинки до ширины самой страницы. В результате создается эффект, будто приведенные снимки — это часть шаблона. Загружать медиа таким образом постоянно не стоит, но в некоторых случаях, особенно если картинка качественная, все же лучше попробовать. Так ваш сайт начнет отличаться от сотни других однотипных ресурсов.

17. FancyBox для WordPress — качественный инструмент для увеличения фото

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

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

Почему вы обязаны установить плагины для фотографий

Конечно, вы не обязаны этого делать. Но вы уверены, что без дополнений ваш сайт будет лучше? Фотографии всегда ценились больше текста. Сейчас инфографика и другие виды медиа просматриваю в разы больше, чем даже самый интересный текст. И все новости Гугл и Яндекс свидетельствуют о том, что в дальнейшем упор будет делаться именно на фотоснимках и видеозаписях.

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

Google AMP WordPress правильная настройка

Как настроить плагин AMP для сайта WordPress? Создать AMP-версию сайта стало ещё проще. Теперь вы можете легко настраивать оформление и функции AMP страниц в WordPress – для этого не нужно писать код. Воспользуйтесь плагином AMP для WordPress. Полное пошаговое руководство по внедрению и настройке AMP на веб-сайте / блоге WordPress.

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

Google AMP WordPress

Google AMP

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

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

Google AMP и их мобильная инициатива по ускорению работы в Интернете, приближается к своему годовщине. Поскольку сейчас он намного стабильнее, чем 12 месяцев назад, я подумал, что сейчас самое время поделиться с вами некоторыми шагами о том, как начать работу с Google AMP WordPress.

AMP и WordPress

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

AMP и WordPress

Плюсы AMP WordPress сайта:

• AMP является бесплатным и открытым исходным кодом.
• AMP определенно может улучшить время загрузки вашего сайта WordPress . И помните, что скорость — это фактор ранжирования.
• Лучшее размещение в поисковой выдаче с возможностью карусели для лучшего CTR. В одной реализации с популярным издателем Google AMP привел к увеличению CTR на 600%!
• Google AMP вынуждает использовать множество рекомендуемых практик веб-производительности, таких как предотвращение крупных фреймворков CSS и JS.
• Может положительно повлиять на ваши конверсии.
• За последний год было внесено множество улучшений, и теперь в Google AMP доступны варианты рекламы. Это означает, что журналы и новые публикации могут сохранить или даже увеличить свой доход от AdSense.
• Автоматическая оптимизация изображений и даже преобразование в новый формат WebP!
• AMP Lite представляет дополнительную оптимизацию для медленных сетевых подключений. Google показал общее сокращение байтов на 45%.

Создать AMP версию сайта WordPress стало ещё намного легче и интуитивно понятнее благодаря AMP плагину ВордПресс. Узнайте, с чего начать и как правильно настроить плагин AMP для WP. А также — как добавить рекламу / объявления Adsense на AMP страницу WordPress.

В настоящее время в репозитории wordpress.org есть самых 2 популярных плагина, которые помогут вам настроить Google AMP WordPress. Это бесплатный официальный плагин AMP от Automattic (более 6 780 772 установок) и AMP for WP – Accelerated Mobile Pages (AMP для WP — Ускоренные мобильные страницы) от авторов Ахмед и Мохаммед Калуди ( более 10 050 663 активных установок). На их примере мы и рассмотрим интеграцию AMP на сайт WordPress.

Официальный плагин AMP WordPress

Этот официальный плагин AMP for WordPress из проекта Google Accelerated mobile pages позволяет публиковать контент AMP с помощью WordPress таким образом, чтобы он полностью и без проблем интегрировался со стандартными механизмами платформы. Плагин AMP разработан командой Automattic и при участии компании Google.

Официальный AMP плагин для WordPress

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

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

(Необязательно). Прежде чем приступить, сначала проверьте вашу тему на поддержку технологии Google AMP, это нам пригодится при настройках плагина. Зайдите Внешний вид — Темы — Информация о теме:

Тема WordPress поддерживает AMP

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

Помимо тем WordPress по умолчанию, многие популярные темы поддерживают AMP для WordPress из коробки. Посмотрите AMP-совместимые темы и плагины на этой странице — https://amp-wp.org/ecosystem/

В админке WordPress Установите и Активируйте плагин AMP стандартным способом, через меню Плагины — Добавить новый:

Установка плагина AMP

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

Нужно кликнуть на ссылку — Open the onboarding wizard (Откройте мастер адаптации).

Представляем AMP для WordPress

Или можно сразу перейти в AMP — Настройки в админке WordPress.

Плагин AMP WordPress настройка

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

Давайте попробуем запустить мастера настройки AMP. В разных сценариях будут рекомендованы разные режимы, в зависимости от специфики вашего сайта и вашей роли. Когда вы настраиваете плагин, он будет предлагать режим, который может быть лучше всего для вас, на основе своей оценки темы и плагинов, используемых на вашем сайте. Нажмите копку Open Wizard (Открыть мастер):

Страница настроек AMP WordPress

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

Настройте свой сайт с помощью AMP

Мастер настройки AMP поможет вам выбрать наилучшие параметры конфигурации для вашего сайта. Кликаем Next.

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

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

Мастер адаптации

На следующем этапе плагин просит нас выбрать режим шаблона, который мы хотели бы использовать. Обратите внимание, что плагин предлагает руководство по выбору режима в зависимости от ответа, который мы дали на предыдущем шаге. В ближайшем будущем плагин также будет выполнять задачу сканирования сайта, чтобы определить уровень совместимости сайта с AMP и уточнить свои рекомендации. Режимы шаблона:

Standard:

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

Transitional:

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

Reader:

Режим чтения — лучший выбор, если у вас нет технических знаний или вы хотите более простую настройку. Создать AMP-версию сайта на WordPress стало ещё проще и интуитивно понятнее благодаря улучшенному режиму Reader.

Если вы уверены или не знаете, что ваша тема поддерживает технологию AMP, то выбираем Стандарт:

Template Modes — Standard

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

Сводка текущей конфигурации AMP WordPress

Нажатие на Next запускает сохранение конфигурации, и процесс адаптации поздравляет нас и показывает предварительный просмотр нашего сайта. Ваш сайт готов обслуживать AMP-страницы для ваших пользователей! В стандартном режиме (сначала AMP) все канонические URL-адреса по умолчанию являются AMP. 

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

Ваш сайт готов обслуживать AMP-страницы для ваших пользователей!

Вы можете просмотреть сайт там или нажать Готово (Finish). После нажатия кнопки мы попадаем на экран настроек плагина AMP:

Настроены параметры AMP

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

В следующем разделе (Advanced Settings) сгруппирован набор расширенных настроек для более точного управления возможностями AMP, предоставляемыми вашим сайтом:

Расширенные настройки плагина AMP

Чтобы просмотреть AMP-версию любой из ваших страниц и сообщений, используйте любой из следующих способов:

• Используйте расширение Chrome для валидатора AMP : установите расширение браузера для валидатора AMP и легко идентифицируйте любые URL-адреса AMP или URL-адреса не AMP, для которых доступна версия AMP. 
• Используйте пункт меню панели инструментов плагина: если у вас активна панель инструментов (Пользователи — Ваш профиль — Панель инструментов), вы можете включите AMP Developer Tools.
• Используйте кнопку предварительного просмотра в редакторе сообщений: нажмите кнопку AMP рядом с традиционной ссылкой предварительного просмотра. 

Посмотреть AMP версию страницы:

Посмотреть AMP — версию

С AMP мой веб-сайт WordPress не работает нормально, что мне делать?

Возможно, вы используете тему или плагин, несовместимые с AMP. Многие плагины и темы созданы с использованием пользовательского JavaScript, который имеет некоторые ограничения, определенные в платформе AMP. Если вы используете тему, которая не полностью совместима с AMP, вы можете использовать плагин в режиме чтения. Выберите режим Reader:

Выберите режим Чтения

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

В режиме чтения есть две версии вашего сайта и две разные темы используются для версий AMP и без AMP. У вас есть возможность использовать существующую AMP — совместимую тему или вы можете использовать тему AMP Legacy (ранее известную как классическая тема).

Представлены 10 тем для режима чтения (Reader) для мобильных пользователей. По умолчанию плагин позволяет нам выбрать любую из основных тем WordPress в качестве темы Reader. Можно выбрать любую понравившуюся. Например, выберем Twenty Eleven:

Выберите шаблон темы для мобильных посетителей

На следующем шаге плагин дает нам сводку текущей конфигурации с указанием выбранного режима и темы, которую мы используем. Напомним, что в режиме чтения есть две темы и две версии сайта. В этом случае плагин сообщает нам, что мы выбрали режим чтения, что мы используем GeneratePress в качестве основной темы (Посетители рабочего стола), и мы используем Twenty Eleven в качестве темы для чтения (Посетители с мобильных устройств и AMP):

 Сводка текущей конфигурации с указанием выбранного режима и темы

Нажатие на Следующий запускает сохранение конфигурации, и процесс адаптации поздравляет вас и показывает предварительный просмотр вашего сайта WP. В режиме чтения AMP — версия вашего сайта будет обслуживаться с использованием темы Reader, которую вы выбрали (показано справа), а страницы для версии вашего сайта без AMP будут обслуживаться с использованием вашей основной темы. 

Процесс адаптации завершён

Можно открыть AMP — страницу в браузере для просмотра, нажав кнопку Browse AMP (Обзор AMP):

AMP-страница сайта WordPress

В качестве последнего шага убедитесь, что вы настроили тему Reader по мере необходимости с помощью Customizer (Настроить). Используя режим чтения, вы можете получить доступ к настройщику AMP для своей темы Reader через ссылку — Настроить на панели администратора при редактировании содержимого AMP или через меню — Внешний вид на панели инструментов. Вы можете отредактировать версию AMP:

Хотя AMP хорошо работает как на настольных, так и на мобильных страницах, ваш сайт в настоящее время настроен в режиме чтения для обслуживания страниц AMP для мобильных посетителей:

Интерфейс настройки AMP версии своего сайта WP

Вот пожалуй и всё. Плагин легко настраивается, даже если ваша тема не совместима с технологией Google, благодаря улучшенному режиму Reader.

Если что, есть документация плагина на английском языке — AMP for WordPress.

Проверка AMP-страниц для Google

Теперь, когда вы создали AMP — версию сайта WP, важно убедиться, что она работает корректно. Если ускоренные мобильные страницы настроены неправильно, Google не будет показывать их в результатах поиска. Действительна ли ваша AMP-страница или веб-история? Перейдите по ссылке: search.google.com

Проверка AMP-страниц

Для того, чтобы просмотреть AMP-страницы, нужно добавить ?amp в конец стандартного URL (Как на скриншоте). Введите нужный URL, нажмите Проверить страницу, оцените результат – соответствует или не соответствует страница критериям AMP:

Страница соответствует критериям AMP

Как видим результаты отличные. Так, как мы, только что, создали ускоренные мобильные страницы, отчёт о них в Search Console Goole — Страница AMP появятся позже.

Однако, возможности AMP for WordPress довольно ограничены, и он полагается на то, что вы знаете, как реализовать дополнительные функции, как AdSense или Google Analytics.

Как получать доход от объявлений Adsense с помощью AMP страниц? Сравнивая одинаковые объявления AdSense на обычных и AMP-страницах, Гугл заметил, что реклама на AMP-страницах более эффективна.

Как вставить рекламный код Google Adsense на AMP страницу WordPress

Как добавить код объявления в AMP-версию сайта, созданного с помощью WordPress? Для того, чтобы получать доход от AMP-страниц вы можете использовать специальные плагины. Или вставить код напрямую в тему WordPress (не рекомендуется). Так как, при обновление темы код Адсенсе нужно снова добавлять в шаблон.

Создав AMP-версию сайта ВордПресс, вы можете начать показ рекламы на ее страницах. Доступные вам способы добавления кода объявления зависят от того, какой режим шаблона для плагина AMP for WordPress вы выбрали. Если у вас нет опыта редактирования тем ВордПресс, добавить код объявления Адсенсе можно с помощью специального плагина.

Добавление кода объявления на AMP-страницы рекомендации от Google:

11 лучших бесплатных плагинов слайдеров для WordPress

Найти хороший слайдер для wordpress – задача отнюдь не простая. Последние данные говорят, что насчитывается 690 плагинов-слайдеров для WordPress. Кто имеет столько времени, чтобы изучить каждый плагин?

Чтобы помочь вам отделить зёрна от плевел, мы приводим здесь обзор и оценку 10-ти наиболее популярных бесплатных плагинов слайд-шоу, выбранных из этого списка. Эти слайдеры изображений сравнительно недавно были обновлены, и все они получили отзывы от пользователей WordPress.

Какой плагин слайд-шоу используете вы? Расскажите нам в комментариях ниже.

Meta Slider — слайдер для WordPress

Meta Slider является на сегодняшний день наиболее популярным слайдером для WordPress, имея огромное количество загрузок более 2 миллионов.
Он имеет четыре jQuery слайдера – Nivo Slider (адаптивный, 16 эффектов перехода, четыре темы), Coin Slider (четыре эффекта перехода), Flex Slider 2 (адаптивный, два эффекта перехода, режим карусели), Responsive Slides (адаптивный, только эффект затухания).
Создать новое слайд-шоу несложно – добавьте изображение, выберите слайдер, который вы хотите использовать, и плагин выдаст шорткод, который вы можете добавить в любое место вашего сайта.
Имеется также pro-версия этого плагина, если вы хотите заплатить деньги за дополнительные функции.

Easing Slider

Имеющий почти 650 000 загрузок, Easing Slider Lite – второй по популярности слайдер-плагин.

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

Smooth Slider

Smooth Slider создаёт слайд-шоу для контента и изображений с настраиваемым задним фоном и интервалами между слайдами, которое можно разместить в любом месте на вашем сайте.
Функции плагина включают в себя адаптивный дизайн и шесть эффектов перехода. Он также поддерживает настраиваемый слайдер, слайдеры категорий и последних записей, включает теги шаблонов, шорткод и виджет.
Последняя версия этого плагина не всегда работает корректно, при его настройке он может нарушать работу сайта. Судя по странице поддержки Smooth Slider, проблемы с этим плагином возникали у многих пользователей.

WOW Slider

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

vSlider Multi Image Slider for WordPress

vSlider позволяет отображать на вашем сайте неограниченное количество слайдеров изображений, хотя сколько слайдеров – «слишком много»?
Вы можете вставлять слайдеры на ваш сайт с помощью шорткода, настраиваемого виджета или используя его как функцию в вашей теме.
У плагина имеется полезный FAQ и видео-руководство, которое объяснит вам, как настроить ваш первый слайдер. Если у вас возникнут какие-либо проблемы, то для вас также доступен форум.

SlideDeck 2 Lite Responsive Content Slider

SlideDeck – популярный и многосторонний плагин, имеющий продвинутый функционал по сравнению с предыдущими плагинами.
Эта Lite версия не включает в себя весь набор из 14 источников контента, таких как Facebook, NexGEN и Gallery, которые доступны в премиум-версии.
Но всё-таки Lite версия позволит вам быстро создавать слайд-шоу из любого контента, такого, как изображения, записи и видео.

EasyRotator for WordPress – Slider Plugin

EasyRotator обещает, что пользователи получат «для своего сайта WordPress красивые, интерактивные ротаторы и слайдеры фото в считанные секунды», но на самом деле это требует некоторой настройки. Сначала вы должны будете установить Flash-программу для создания ваших слайдов – или ротаторов – на вашем ПК, которая может раздражать. После этого вы можете создать новый ротатор в редакторе страницы или записи. Вы также можете использовать шорткод, чтобы вставить ротатор на ваш сайт или добавить ротатор в вашу тему с помощью соответствующей функции.
После всех проблем с установкой Flash-программы может оказаться, что он не будет работать, когда вы попытаетесь настроить основной слайдер из редактора записей. Небольшое исследование показало, что этот плагин не работает с Safari/Chrome.

Responsive WordPress Slider – Soliloquy Lite

Soliloquy – один из наиболее известных слайдеров, и не зря – он прост в установке, вам не нужно скачивать Flash-программу для создания и загрузки слайдеров или возиться с настройками. Он просто работает.
После того, как вы добавите изображения, выберите размер слайдера, скорость и нажмите «Опубликовать». После этого нужно скопировать полученный шорткод на любую страницу или запись, куда вы хотите установить слайдер.
Хотя это Lite версия, она всё-таки имеет достаточно возможностей, чтобы её попробовать.

Cyclone Slider 2

Cyclone Slider 2 возвращает слайдеры назад к основам. Он предлагает простую установку, отображает простой слайдер изображений и включает в себя такие функции, как задержки, размеры и паузу при наведении.
Плагин поддерживает изображения, YouTube, Vimeo, настраиваемый HTML и рекомендованные слайдеры. Вы можете перетаскивать ваши слайды, чтобы изменить их порядок, слайдеры интерактивны.
Этот плагин имеет также pro-версию.

Responsive Slider

Responsive Slider – очень простой слайд-шоу плагин, который требует некоторых настроек, но это делает его простым в использовании.
Добавление новых слайдов является несложным делом, и вы можете разместить их в любом месте вашего сайта с шорткодом или внутри вашей темы, используя соответствующую функцию.
Настройки позволяют изменять ширину и высоту слайдера, добавлять эффект перехода, задержки, длительности анимации и автоматического запуска.
Этот плагин предназначен только для одного слайдера, так что если вы хотите установить на своём сайте несколько слайдеров, вам придётся воспользоваться другим плагином.

Smart Slider 3

Smart Slider 3 — пожалуй лучший слайдер для WordPress. Очень мощный плагин, имеющий огромный набор инструментов для создания слайдшоу, которые вы можете использовать на свое усмотрение, в зависимости от ситуации. Есть большая база готовых слайдеров, красивые эффекты перехода. Можно делать целые лендинг пейджи при помощи только одних слайдеров, однако это уже в версии Smart Slider 3 Pro. Но столкнувшись с данным плагином впервые у вас, скорее всего, возникнут трудности в работе с ним. Так как очень легко запутаться в большом количестве вкладок с настройками.

Самый популярный и самый лучший слайдер
И победителя два: Meta Slider и Smart Slider 3.

Meta Slider – не только наиболее часто скачиваемый слайдер-плагин, но он также получил наивысший рейтинг от пользователей.
Он удобен в использовании, имеет хороший баланс возможностей и функций – и всё это бесплатно.

vSlider Multi Image Slider, SlideDeck 2 Lite и Soliloquy Lite – также замечательные слайдер плагины, если ваш сайт перегружен изображениями и вы хотите сделать много слайдеров. Эти три темы ориентированы на профессионалов, чтобы привлекать клиентов – иметь больше продаж – с бесплатными продуктами.

Если вы просто хотите иметь очень простой слайдер без всяких наворотов, то вам, безусловно, подойдёт Cyclone Slider 2. Это прекрасный слайдер, который легко настраивается и не отягощён бесчисленным множеством настроек и опций.

Но если потом вам понадобится слайдер с большим функционалом и возможностью размещать на вашем сайте несколько слайдеров, вы не сможете пройти мимо Meta Slider.

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

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

Смотрите также:

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

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

Довольно простой адаптивный слайдер, который позволяет легко создавать слайды из практически любого контента. Умеет подключаться к источникам внешнего контента, например к YouTube, Flickr и Pinterest.

2. EasyRotator

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

3. Meta Slider

Наверняка, самый популярный бесплатный слайдер для WordPress. Очень прост в настройке: выберите картинки в библиотеке файлов, перетащите их в область слайдера, дайте заголовки каждому слайду и заполните ссылки и поля для SEO. Можно выбрать один из четырех типов слайдшоу (Flex Slider, Nivo Slider, Responsive Slides, Coin Slider).

4. HG Slider

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

5. Meteor Slides

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

6. Cyclone Slider 2

Простой и удобный слайдер с интуитивно понятным интерфейсом. Для показа слайдов использует кастомные типы записей и произвольные поля. Также есть встроенная система шаблонов для смены внешнего вида слайдера и вариантов анимации картинок.

7. Morpheus Responsive 3D Slider

Как понятно из названия, слайдер обширно использует анимационные 3д-эффекты при переключении картинок. При этом используется обычный CSS и jQuery, так что ваша страница со слайдером не будет отнимать много ресурсов. Выглядит вполне эффектно, убедитесь сами.

8. WOW Slider

Достаточно продвинутый слайдер, хоть и бесплатный. В его ассортименте есть много эффектов анимации при переключении картинок, среди которых: Collage, Photo, Domino, Page, Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical, Basic linear, Book, Cube, Seven.

9. Huge-IT Slider

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

10. Easing Slider

Минимум настроек, минимум нагрузки на страницу, никакого лишнего мусора. Вот как можно вкратце описать этот слайдер. Он просто работает.

11. Smooth Slider

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

12. Promotion Slider

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

Источник:wplift.com

Смотрите также:

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Лучшие плагины для SEO-оптимизации в 2020 году

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

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

WooCommerce SEO & Categories

Начнем обзор с плагина для ВордПресс, который будет полезен специализированным интернет-магазинам и другим проектам, использующим возможности WooCommerce для продажи товаров или услуг. WooCommerce SEO & Categories вышел в 2016 году, а крайний апдейт для него — 20 мая 2020 года. Плагин оптимизирован для работы посредством редактора Gutenberg.

Его главная функция — помощь в улучшении SEO-показателей ВП-сайта. Она заключается в оптимизации путем добавления «правильных» текстов в категории магазина. Также инструмент поможет сделать более красивыми заголовки разделов, улучшить их макеты. Интернет-магазин станет привлекательнее не только с точки зрения поисковых роботов, но и для обычных пользователей, что тоже положительно скажется на продажах.

Особенности плагина для SEO-оптимизации интернет-магазина:

• добавление в категории соответствующих правилам SEO-продвижения дескрипшнов, текстов для боковых панелей и подвала;
• 15 стилей оформления подкатегорий;
• возможность создания лендингов для определенных категорий;
• гибкие настройки страниц категорий: шрифт, фон, теги, интервалы;
• боковые панели можно включить, отключить, отредактировать для лучшего отображения.

По умолчанию, используя WooCommerce, вебмастера почти не имеют возможностей по изменению дизайна магазина. С этим плагином такой функционал появится в дополнение к возможности работать над оптимизацией SEO-показателей сайта на WordPress. WooCommerce SEO & Categories стоит $24. В комплекте поставляется полугодовой доступ к службе поддержки разработчика и подробная документация, которая поможет освоить плагин даже начинающему вебмастеру ВордПресс.

Premium SEO Pack

Подборка лучших плагинов для SEO-оптимизации в 2020 году была бы неполной без данного инструмента. Он вышел в 2013 году, а последнее обновление состоялось 31 января 2019 года. Правда, на момент написания этой статьи, разработчик планирует выпустить апдейт в самое ближайшее время — в августе 2020 года. Поэтому можно с уверенностью заявить, что плагин все еще актуален, и является одним из лучших в своем роде. Это подтверждается количеством продаж, превысившим 8 тысяч экземпляров. Инструмент имеет оптимизацию для редактора Гутенберг.

Фактически, плагин совмещает в себе много разных возможностей. Это позволяет вести комплексную работу над оптимизацией вашего ВордПресс-сайта. Первая функция, на которую стоит обратить внимание — модуль отслеживания результатов продвижения в поисковых системах. Он позволяет выяснить, на каких позициях выдачи располагается сайт по конкретным ключевым словам.  Также можно отслеживать изменения результатов, следить за успехами конкурентов, анализировать эффективность проводимых работ.

Достоинства ВордПресс плагина для оптимизации Premium SEO Pack:

• отслеживание скорости загрузки страниц, формирование рекомендаций по улучшению показателя;
• диаграмма аудитории, собирающаяся автоматически;
• статистика по каналам, откуда приходит трафик на сайт;
• отслеживание посещаемости отдельных страниц, количества времени, которое пользователи проводят на них, других сведений о конкретных постах;
• рекомендации по оптимизации текстов, с учетом ключей, на которые вы ориентируетесь при поисковом продвижении;
• массовая оптимизация постов;
• конструктор ссылок, автоматически подбирающий правильные названия для страниц;
• мониторинг страницы 404, показывающий, как часто и откуда люди на нее попадают, и позволяющий перенаправить с нее на другие страницы;
• просмотр сведений из Google Analytics прямо в панели администратора ВордПресс;
• обновление информации изображений для их оптимизации;
• много других полезных функций — плагин объединяет в себе возможности, встречающиеся по отдельности в разных инструментах;
• 6 месяцев доступа к службе поддержки, готовой консультировать вас по любому вопросу.

Цена Premium SEO Pack — $44. Считаем стоимость справедливой, поскольку покупка плагина избавляет от необходимости приобретения других инструментов для оптимизации сайта ВордПресс с целью поискового продвижения.

WordPress SEO Post Optimizer

Полезный инструмент с узкой функциональностью. Проверяет посты на предмет соответствия SEO-показателям, помогает их оптимизировать, улучив тем самым позиции в выдаче поисковых систем. Создан в 2013 году, обновление состоялось 15 апреля 2020 года. Инструмент регулярно обновляется, поэтому функционирует с учетом изменяющихся алгоритмов поисковых роботов Google и Yandex.

Использовать плагин можно двумя способами:

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

WordPress SEO Post Optimizer стоит $19. В течение полугода после покупки можно бесплатно консультироваться в техподдержке.

Youtube SEO playlist

Плагин ВордПресс, полезный для сайтов, публикующих видеоконтент с YouTube (неважно, собственный или чужой). Создан в 2011 году, а последнее обновление для него вышло 7 июля 2020 года. Инструмент куплен более 1000 раз, имеет много положительных отзывов, подтверждающих его эффективность. Полгода назад был добавлен новый плеер, выглядящий гораздо привлекательнее и отличающийся 100%-ой адаптивностью. Он хорошо смотрится на любых устройствах, от смартфонов до компьютеров.

Что делает плагин для оптимизации Ютуб-плейлистов:

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

Цена Youtube SEO playlist — $13. Полгода поддержки от разработчика прилагаются. Работу техподдержки особенно отмечают в отзывах к плагину многие вебмастера, поэтому можете быть уверены — если возникнут проблемы во время настройки, вам помогут их оперативно решить.

SEO Friendly Images Pro

Инструмент для оптимизации изображений, которые вы публикуете на своем ВордПресс-сайте. Позволяет провести комплексную работу с картинками, фотографиями, чтобы они шли на пользу SEO-показателям проекта. Плагин вышел в 2017 году, а крайний апдейт для него — 17 февраля 2020 года.

Важная особенность — автоматическая работа по оптимизации. Плагин не просто подскажет, какие alt и title прописать к каждому изображению, но и сделает это самостоятельно. Также инструмент имеет функцию отложенной загрузки картинок. Она актуальна для длинных веб-страниц. Изображения будут подгружаться, только когда пользователь прокрутит статью до них. Благодаря этому, сама страница оптимизируется и загружается значительно быстрее. Разработчик отмечает, что использует один из самых быстрых алгоритмов отложенной загрузки, существующих сегодня.

Другие особенности плагина для поисковой оптимизации сайта на ВордПресс:

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

Плагин SEO Friendly Images Pro для оптимизации сайта на ВордПресс стоит $20.

SEO Cleaner

SEO Cleaner позволит автоматически, буквально в несколько кликов, привести в порядок ваш сайт на ВордПресс с точки зрения поисковых роботов. Каждая проблемная составляющая проекта может существенно понизить позиции в выдаче, поэтому инструмент проводит комплексную работу, замечая даже то, на что вы могли попросту не обратить внимания. Плагин для WordPress создан в 2016 году, последнее из вышедших обновлений состоялось 10 декабря 2019 года.

Инструмент для ВордПресс очистит:

• неиспользуемые метатеги;
• HTTP-заголовки с низкой скоростью ответа от сервера, замедляющие скорость загрузки страницы;
• лишние ссылки, скрипты, стили заголовков;
• дублирующийся контент;
• другие дополнительные функции, не использующиеся на сайте и захламляющие его изнутри (пользователи этого не видят, но роботы поисковых систем замечают и оценивают отрицательно).

Кроме того, плагин настроит страницы вложений и неиспользуемые архивы таким образом, чтобы они не индексировались поисковыми роботами. Цена SEO Cleaner для ВордПресс — $19. В течение 6 месяцев после покупки у вас будет возможность обращаться в службу поддержки разработчика.

Social SEO Facebook Responsive Timeline Feed

Плагин, полезный для проектов, публикующих контент в социальной сети Facebook. Вышел в 2014 году, регулярно обновляется — последний апдейт состоялся 25 марта 2020 года. Позволяет в качестве ленты новостей на сайте отображать посты из соцсети. Благодаря этому:

• пользователи могут мгновенно делиться вашими новостями с друзьями и подписчиками, причем не только в Facebook, но и в других соцсетях, например в Twitter;
• можно наращивать количество подписчиков на вашей страничке Facebook, если это важно для бизнеса.

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

Другие достоинства плагина для оптимизации постов из Facebook:

• Посты автоматически оптимизируются для повышения ваших показателей в плане SEO. Инструмент определяет, какую часть текста отображать в ленте, чтобы это приводило к увеличению трафика на сайте.
• Встроенные в посты видео могут автоматически воспроизводиться. Это касается как залитых на сервера самого Facebook роликов, так и интегрированных из Youtube.

Плагин для ВордПресс Social SEO Facebook Responsive Timeline Feed стоит $16. В цену входит полугодовой доступ к техподдержке, готовой помогать вам с решением любых затруднений.

Keyword SEO Rank Tracker

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

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

Другие особенности плагина для SEO-оптимизации сайта на ВордПресс:

• Предполагаемые посещения. Инструмент показывает, на какой объем трафика можно рассчитывать после внесения рекомендуемых изменений.
• Пользовательские роли. Можно выдать доступ к плагину сотрудникам, но ограничить их возможности.
• Ежедневное отслеживание изменений. Вы будете получать самую актуальную информацию, чтобы вовремя корректировать работы по оптимизации и добиваться максимального результата.

Цена плагина Keyword SEO Rank Tracker для ВордПресс — $29. В течение 6 месяцев после покупки можно бесплатно консультироваться в службе поддержки разработчика.

WP SEO Propeller

WP SEO Propeller вышел в 2017 году, а последнее обновление для него — 21 октября 2019 года. Плагин не очень востребован из-за дороговизны, но заслуживает вашего внимания, благодаря широчайшему функционалу и максимальной оценке других вебмастеров, проверивших его на практике. Без проблем работает с любой темой ВордПресс.

Особенности плагина:

• Подробнейшие отчеты по SEO. Указав адрес сайта или страницы и интересующее вас ключевое слово, вы получите исчерпывающую информацию по результатам в поисковой выдаче.
• Анализ всех элементов ВордПресс-сайта. Адрес, мета-теги, скорость загрузки, тексты, изображения, социальные кнопки — это и многое другое проверяется в один клик.
• Рекомендации. После проведения анализа плагин подсказывает, какие именно действия нужно выполнить, чтобы повысить позиции в выдаче поисковых систем.
• Красивые отчеты. Формируются автоматически, можно настроить их внешний вид.

Цена WP SEO Propeller — $89. Это один из лучших инструментов, помогающих выполнять комплексную оптимизацию ВордПресс сайта для поискового продвижения, поэтому его стоимость более чем оправдана.

Подводя итоги

Не стоит пренебрегать SEO-оптимизацией вашего сайта на ВордПресс, даже если планируется большая работа по привлечению трафика из других источников. Тем более, что есть замечательные премиальные плагины, которые автоматически проанализируют проект и подскажут, как улучшить позиции в выдаче поисковых систем. Мы рекомендуем использовать проверенные инструменты, которые высоко оцениваются другими вебмастерами, а также поддерживаются разработчиками. Именно такие плагины и входят в наши подборки. Покупая любой из них, вы будете уверены в том, что получите на 100% соответствующий описанию продукт, а в случае возникновения проблем, сможете оперативно их решить, обратившись за консультацией в службу поддержки.

лучшие плагины и софт для сжатия

Обнуление в панели

Первый шаг – обнулим параметры изображений в панели WordPress. Заходим в админку в раздел Настройки > Медиафайлы.

Обнуление величин в админке WP

1. Открываем медиафайлы в панели WordPress
2. Обнуляем средние и крупные интервалы
3. Не забываем сохранять

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

Размеры ширины и высоты

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

Выделяем область контента

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

Блок вывода текста

• Находим блок, отвечающий за вывод контента на сайте
• Синим выделился объект сайта
• Инструмент подсчитает пиксели и выдаст на экран, в нашем случае 840px. Он будет максимальным, делать больше нет смысла.

Лучший бесплатный плагин Tiny png

Отличным автоматизированным решением является бесплатный плагин оптимизации изображений Tiny png. Находим и устанавливаем через админку стандартным поиском .

Модуль Tiny

После установки переходим Настройки > Compress JPEG & PNG images, если нет аккаунта на данном сервисе, то регистрируем, вводим имя и почту.

Регистрация на сервисе

На почту придет письмо активации, нажимаем на синюю кнопку.

Активация аккаунта

Копируем API ключ из панели сервиса.

API ключ

Вставляем ключ, если автоматическая подстановка не произошла, в соседнее окно в плагине

Успешное обновление подписки tinypng

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

Настройка плагина

Выбрав 2 галочки, мы скажем плагину – при генерации и оптимизации работаем с двумя видами медиафайлов. Обратите внимание, что в месяц дается 500 сжатий, но мы выбрали два параметра, значит в месяц обработке поддаются 250 элементов. С моими потребностями такого количества хватает, в противном случае оформляется платный тариф.

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

Сохранение настроек

Зайдите в медифайлы в админке, там появится новый раздел Bulk optimization, тут можно с помощью массовой оптимизации обновить хоть 100 изображений за раз.

Массовое сжатие изображений

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

Через библиотеку

Есть множество дополнений без ограничений, Tiny Png применяет современные технологии в оптимизации изображений не только на WordPress. Сжать картинки можно и на самом онлайн сервисе tiny png.

Существует еще один плагин сжатия изображений wordpress, который понравился тем что нет ограничений по запросам в месяц, но результат работы не дотягивает. Называется Smush и похожий на него EWWW Image Optimizer, отличие в том что ограничения накладываются на функционал, а не на количество.

Настройка без потери качества и размера в фотошоп

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

Для начала настроим ширину и высоту по максимальному значению, которое узнали ранее с помощью браузера.

Ширина в фотошопе

1. Нажимаем вкладку Изображение
2. Выбираем пункт размер
3. В появившемся окне предел превышен и составляет 945px, меняем на 840

Теперь сжимаем качество, загружаем изображение в программу и нажимаем Файл > Сохранить для Web.

Инструмент сохранить для WEB

Смотрим на настройки качества и уменьшаем, пока не начнутся искажения.

Уровень качества

Вес исходного файла 160 Кб, смотрим цифру после сжатия 40 Кб (в нижнем левом углу), в четыре раза сократили размер без потери качества.

Новое значение размера

Важно понимать что не у всех пользователей интернета есть все кодеки изображений, не стоит преобразовывать файлы в более современные форматы, а использовать стандартные jpeg или png.

Прописываем alt и подпись в WordPress

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

Панель плагина по сжатию картинок

В следующем окне заполняем поле ALT и подпись. Не дублируем надписи, в каждом поле пишем уникальный текст, соответствующий содержанию изображения.

Проставляем alt и подпись

Если предпочитаете больше видео, чем текст, то смотрите мой видеоролик.

Мы разобрали все аспекты оптимизации картинок для CMS WordPress, от момента определения размеров до поиска. Надеюсь статья стала полезной. Успехов!

Пожалуйста, оцените материал: Мне нравится7Не нравится1

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

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

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

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

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

Как оптимизировать изображения для 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 без ущерба для качества, тем лучше. Только не делайте изображения больше, чем вам действительно нужно.

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

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

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

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

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

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

Хотя атрибут alt должен использоваться для хранения альтернативного текста для изображения (если изображение не загружается по той или иной причине, альтернативный текст отображается на его месте), вы можете использовать его в

WordPress Image Optimization + Полезные плагины

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

Есть несколько способов ускорить WordPress (многие из которых реализованы в Pagely). Но учитывая, что 63% среднего размера файла веб-страницы — это изображения, улучшение вашего подхода к оптимизации изображений WordPress предлагает звездную окупаемость инвестиций, когда дело доходит до времени загрузки страницы.

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

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

Что входит в оптимизацию изображений WordPress?

Оптимизация изображений WordPress обычно делится на две основные категории:

• Изменение размеров изображения во избежание потери пикселей
• Сжатие изображений для уменьшения размера файла

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

Давайте разберем эти два фактора и разберем, почему каждый из них важен.

Измените размер изображения WordPress, чтобы не тратить впустую пространство

Согласно последним данным Statcounter, наиболее распространенное разрешение экрана рабочего стола на сегодняшний день составляет 1366 × 768 . Стремительный рост мобильных устройств приводит к тому, что общее наиболее распространенное разрешение экрана составляет всего 360 × 640 .

Почему важна эта статистика? Потому что они показывают, что загрузка изображения размером 4000 × 2000 пикселей не обязательно улучшит качество ваших посетителей.

Когда вы объединяете эти разрешения экрана с тем фактом, что большинство сайтов WordPress имеют хотя бы одну боковую панель, средний сайт WordPress имеет область просматриваемого контента, которая, вероятно, для большинства пользователей находится в диапазоне 800 пикселей.

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

Сжимайте изображения WordPress, чтобы сэкономить еще больше места

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

Сжатие бывает двух видов:

• Без потерь — умеренный тип сжатия, который уменьшает размер файла на без ущерба для качества.
• Lossy — более агрессивный тип сжатия, который значительно уменьшает размер файла за счет снижения качества.

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

3 Сравнение полезных плагинов для оптимизации изображений

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

Хотя существует более трех плагинов оптимизации изображений, вот маленький грязный секрет:

Большинство из них используют одни и те же алгоритмы сжатия изображений.

По этой причине большинство из них предлагают точно такую ​​же экономию размера файла.

С учетом сказанного, существуют некоторые различия в функциональности и ценах, поэтому стоит рассмотреть несколько различных вариантов.

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

Для справки, тестовое изображение имеет начальный размер файла 194 КБ .

1. Imagify

Imagify — это плагин для оптимизации изображений, созданный той же командой, что и WP Rocket, популярный плагин для кэширования WordPress.

Плагин предлагает 3 уровня сжатия:

• Нормальное — сжатие без потерь
• Агрессивное — сжатие с некоторыми потерями
• Ultra — сжатие с очень потерями

Помимо этого, преимущества Imagify:

• Удобный, приятный интерфейс
• Автоматическое изменение размеров изображения
• Возможность оптимизации только определенных размеров эскизов
• Возможность восстановления исходных версий изображения одним щелчком мыши

Imagify предлагает бесплатный план, позволяющий оптимизировать 25 МБ изображений в месяц.После этого вам нужно будет заплатить, начиная с 4,99 доллара США за 1 ГБ.

Насколько Imagify сжимает изображения?

При работе со сжатием Normal (без потерь) Imagify сжал исходное изображение 194 КБ до 176 КБ , что позволило сэкономить 8,9% .

После переключения на Ultra (максимальное сжатие с потерями) Imagify уменьшил размер файла до 98,56 КБ , что позволило сэкономить 49,15% . Как и следовало ожидать, эта экономия сопровождалась заметным падением качества изображения.

2. EWWW Image Optimizer

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

В то время как большинство подключаемых модулей сжатия изображений отправляют изображение на сервер подключаемого модуля для сжатия через API, EWWW Image Optimizer позволяет сохранить все на своем сервере. Это означает, что если ваш сервер может обрабатывать рабочую нагрузку, вы можете сжимать неограниченное количество изображений, используя ограниченный набор алгоритмов сжатия изображений , не тратя ни копейки .

С другой стороны, если вы, , предпочитаете переложить работу по сжатию изображений на чужой сервер, EWWW Image Optimizer также предлагает план API, стоимость которого начинается от 0,003 доллара за изображение.

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

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

Помимо сжатия, EWWW Image Optimizer также может помочь вам автоматически изменять размеры ваших изображений.

Насколько сильно оптимизатор изображений EWWW сжимает изображения?

Поскольку EWWW Image Optimizer допускает только сжатие без потерь, здесь есть только один результат теста.

При сжатии тестового изображения без потерь , EWWW Image Optimizer уменьшил его размер до 176 КБ , что позволило сэкономить 8,9% .

Вы действительно правильно прочитали — это идентично сжатию без потерь, предлагаемому Imagify.

3. Smush

Smush — еще один популярный плагин для сжатия изображений от разработчиков WPMU DEV.

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

Основное различие между Smush и Imagify — это цена.

Smush на 100% бесплатен для изображений размером менее 1 МБ, но предлагает только сжатие без потерь. Для получения изображений большего размера, более агрессивного сжатия и возможности сохранения исходных изображений вам потребуется членство в WPMU DEV от 49 долларов в месяц.

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

Насколько Smush сжимает изображения?

Как и EWWW Image Optimizer, бесплатный плагин Smush предлагает только сжатие без потерь.

После сжатия тестового изображения Smush смог без потерь уменьшить его размер до 176 КБ , сэкономив 8.9% .

Опять же, идентичен двум другим плагинам.

Что показывает тестирование плагинов оптимизации изображений?

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

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

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

Понравился этот контент? Познакомьтесь с Пейджем.

• Вы не хотите платить за плагин
• У вас нет доступа администратора к сайту, на который вы загружаете изображения

Чтобы вручную оптимизировать изображения бесплатно, вы можете начать с массового изменения размера ваши изображения с помощью инструмента BIRME.

Помимо изменения размера изображений, инструмент также может помочь вам автоматически обрезать изображения.Если вы просто хотите изменить размер без обрезки, обязательно выберите опцию Auto-height:

После изменения размеров изображений вы можете сжать их либо Losslessly , либо Lossily с помощью бесплатного веб-интерфейса Kraken:

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

Динамически масштабируйте и обслуживайте ресурсы изображений с помощью PressThumb

Клиенты Pagely имеют доступ к гибкому управлению изображениями по запросу.

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

Подробнее об этом здесь.

Скорость — это не только оптимизация изображений

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

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

Добавление изображений в Интернет может быть утомительной задачей, и, если все сделано неправильно, вы можете нанести больший ущерб своему сайту, чем добавить ценность. В следующей статье мы стремимся осветить важность оптимизации изображений для Интернета, различные форматы изображений, способы оптимизации изображений с помощью Lightroom, некоторые рекомендуемые размеры изображений, SEO изображений и способы поиска неоптимизированных изображений на вашем сайте.

Оптимизация изображения — это процесс доставки изображений нужного формата, размера, размера, разрешения и качества при сохранении минимального размера файла изображения.Оптимизацию изображений следует проводить перед загрузкой любых изображений на ваш веб-сайт с помощью таких инструментов, как Lightroom, Photoshop (или других профессиональных фоторедакторов), JPEG Mini и Tinypng.com. Это также можно сделать при загрузке изображений непосредственно на ваш веб-сайт, однако для их правильной оптимизации с помощью этого метода вы захотите использовать платный плагин или службу, которые делают это эффективно.

Это ДОЛЖЕН ПРОЧИТАТЬ статью для всех, кто серьезно относится к своему веб-сайту. Если вы сможете правильно загрузить изображения с первого раза, вы сэкономите время, деньги и избавитесь от головной боли в будущем.Вы также можете улучшить производительность своего веб-сайта и улучшить взаимодействие с пользователем, поскольку ваши страницы будут загружаться быстрее.

Важность оптимизации изображений для Интернета

Доказано, что использование изображений на вашем веб-сайте способствует вовлечению пользователей, увеличению конверсий и улучшению взаимодействия с пользователем.
Оптимизация изображений для Интернета помогает в нескольких вещах:

1. Что наиболее важно, это помогает сократить время загрузки вашего веб-сайта. Уменьшая размеры изображений, вы уменьшаете размер вашей страницы, что означает, что при просмотре страницы будет загружаться меньше данных.Это означает, что ваша страница может загружаться быстрее, она будет удерживать людей на вашем сайте и улучшит общее впечатление пользователей от нее.
2. Повысьте свой рейтинг SEO. Вот так! В 2010 году Google объявил, что скорость является фактором, который они использовали для ранжирования веб-сайтов. Чем быстрее ваш сайт, тем лучше вы потенциально можете ранжироваться. Это не то, что изменится, особенно с учетом того важного значения, которое Google теперь придает мобильному опыту: меньшие страницы будут загружаться намного быстрее на мобильных устройствах.
3. Лучший пользовательский интерфейс и более низкий показатель отказов.Добавление изображений может помочь привлечь внимание посетителей и сделать ваши сообщения более ценными. Добавление оптимизированных изображений будет означать более быструю загрузку, и пользователи будут проводить больше времени на вашем сайте.
4. Повышение конверсии. Более быстрая загрузка и лучшее SEO могут привести к увеличению количества пользователей на вашем сайте, косвенно увеличивая конверсию.

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

Оптимизация изображений для Интернета с помощью Lightroom

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

СОВЕТ! Если вы хотите проверить размеры изображений перед их загрузкой на свой сайт, чтобы убедиться, что они оптимизированы, вы можете проверить размеры и размеры файлов, просмотрев изображения:

• ПК — Щелкните правой кнопкой мыши файл изображения и выберите Properties .
• Или с помощью клавиатуры: Alt + Enter
• Mac — Нажмите Option , щелкнув файл изображения (или щелкните правой кнопкой мыши), затем выберите Get Info .
• Или с помощью клавиатуры: Command ⌘ + I

После этого вы сможете увидеть размеры изображения, тип и размер файла.

Теперь приступим к оптимизации изображений с помощью Lightroom. Если у вас нет Lightroom, вы можете использовать те же принципы с другими инструментами, такими как Photoshop или GIMP (бесплатно).

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

Шаг 1. Экспорт изображений

Выберите изображения, которые вы хотите экспортировать, вы можете сделать это тремя способами:

1. Выделение и экспорт — просто выберите любую фотографию (и) из библиотеки Lightroom, Щелкните правой кнопкой мыши по фотографии и выберите «экспорт».
2. Второй вариант — перейти в Файл> Экспорт
3. Третий вариант — использовать сочетание клавиш Shift ⇧ + Command ⌘ + E

Шаг 2 — Lightroom Параметры экспорта

После того, как вы это сделаете, вам будет представлено диалоговое окно экспорта Lightroom :

Шаг 3 — Выберите местоположение экспорта

Первым вариантом будет выбор вашего ЭКСПОРТНОЕ МЕСТО , если вы еще этого не сделали, создайте папку для ваших экспортируемых изображений и пометьте ее в соответствии с изображениями, которые вы экспортируете.Это поможет вам позже, если вам понадобится изменить или обновить изображения.

Шаг 4. Правильное присвоение имен файлам изображений

Второй вариант — выбрать несколько параметров ИМЕНА ФАЙЛА . Выбор правильного имени для ваших файлов изображений поможет с SEO. Помните, что поисковые роботы могут только читать текст (в настоящее время), и имена файлов могут быть для них способом понять изображение, и это поможет вам ранжироваться по определенным ключевым словам. Если вы не выберете правильное соглашение об именах для своих изображений, вы получите странные имена файлов изображений, которые затруднят понимание роботами, или возникнут ошибки при загрузке изображений.

Отметьте опцию «переименовать в», затем выберите «Пользовательское имя — Последовательность», затем вставьте текстовое описание для этой серии изображений, начните число с 1 и, наконец, сохраните текст в нижнем регистре.

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

Шаг 5 — Настройки файла

Теперь давайте выберем несколько НАСТРОЙКИ ФАЙЛА .Здесь у вас будет 4 варианта.

1. Формат изображения — В большинстве случаев вы будете использовать JPEG / PNG для изображений с прозрачным фоном, таких как логотипы и GIF. GIF-файлы отлично подходят для отображения коротких действий или забавных анимаций, но будьте осторожны, это обычно большие файлы, поэтому используйте их экономно. Все остальные форматы бесполезны для Интернета.
2. Цветовое пространство — Всегда выбирайте sRGB при сохранении в Интернете.
3. Качество — выберите уровень качества от 60 до 80%, средний глаз никогда не заметит разницы, но вы увидите значительное уменьшение размера файла, отлично подходит при загрузке в Интернет.
4. В качестве альтернативы вы можете выбрать вариант для Ограничить размер файла . Это позволит вам выбрать максимальный размер файла, и Lightroom будет экспортировать изображения с этим максимальным размером файла. Только будьте осторожны, это означает, что он выбирает уровень качества при экспорте, и некоторые изображения могут быть не такими четкими, как ожидалось.

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

Шаг 6 — Выбор настроек размера изображения

Далее нам нужно выбрать параметры РАЗМЕР ИЗОБРАЖЕНИЯ .

1. Установите флажок «Изменить размер по размеру».
2. Выберите параметр «Ширина и высота»
3. В поле W (ширина) укажите значение пикселя.
4. В поле H (высота) оставьте поле пустым, чтобы оно выполнялось автоматически
5. Для галерей сделайте обратное, оставьте поле W (ширина) пустым, чтобы оно выполнялось автоматически, и выберите значение H (высота).

Рекомендации по быстрому изменению размера изображения

• Сообщения блога — Ширина — 1500 пикселей / Высота — Авто
• Сообщения галереи — Ширина — Авто / Высота — 1500 пикселей
• Слайд-шоу и блоки полной ширины — Ширина — 2880 пикселей / Высота — 1500 пикселей

СОВЕТ! — Экспорт слайд-шоу изображений по отдельности и выбор кадрирования изображения, чтобы он соответствовал точному размеру 2880 x 1500, это почти 1.92: 1 или 2: 1, если быть точным. Также выбирайте изображения, которые фокусируют контент в центре, не используйте изображения с головами людей прямо вверху и ногами прямо внизу, если вам не удобно обрезать их при загрузке в Интернет.

Примечание по обрезке изображения

Не все экраны имеют одинаковый формат. На самом деле, очень редко какие-либо экраны имеют тот же формат, что и ваши изображения (чаще всего 4: 3 и 3: 2 для фотографов). Это означает, что для «полноэкранных» слайд-шоу и блоков ваши изображения будут обрезаны.Сделайте себе одолжение и выберите кадрирование самостоятельно, чтобы получить максимальную отдачу от изображения при загрузке в Интернет.

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

Подробнее о полноэкранных изображениях для Интернета можно узнать здесь.

Шаг 7 — Повышение резкости изображения

Теперь нам нужно выбрать параметры для Output Sharpening. Установите флажок «Резкость для» и установите значение «Высокая».

Шаг 8 — Экспорт изображений

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

Дополнительные советы по оптимизации изображений

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

1. JPEG Mini — с помощью приложения JPEG Mini вы можете оптимизировать и без потерь сжимать изображения, чтобы уменьшить размер файла. Еще больше.Обычно это не должно означать потери качества изображений. Если у вас версия Pro, есть расширение для Lightroom, которое будет делать это автоматически при экспорте, что настоятельно рекомендуется для любого фотографа.
2. TINYPNG или TINYJPG — вы можете запускать свои изображения через tinyjpg.com или tinypng.com и дополнительно сжимать изображения. Есть 2 ограничения: вы можете делать только 20 изображений одновременно, и размер файла для каждого изображения должен быть меньше 5 МБ (не проблема, если следовать приведенным выше инструкциям)

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

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

Как оптимизировать существующие изображения

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

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

ВНИМАНИЕ! Мы настоятельно рекомендуем сделать полную резервную копию сайта, включая содержимое, перед оптимизацией любых старых образов, чтобы предотвратить проблемы при сжатии.

Оптимизация изображений с помощью плагинов WordPress

Resmush.it

reSmush.it — ​​отличный БЕСПЛАТНЫЙ плагин, который позволяет автоматически оптимизировать изображения при загрузке. Если вы уже загрузили много изображений, но они не были оптимизированы, вы также можете использовать опцию массовой оптимизации, доступную для старых изображений.

При использовании reSmush API плагин оптимизирует изображения бесплатно и позволяет вам выбрать уровень оптимизации для ваших изображений. Он оптимизирует файлы JPEG / PNG и GIF, однако позволяет оптимизировать только изображения размером до 5 МБ, и это не проблема, поскольку вы захотите оптимизировать изображения перед загрузкой.

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

Получите reSmush.it здесь.

ShortPixel Image Optimizer

ShortPixel Image Optimizer — простой в установке и использовании, ShortPixel отлично справляется с оптимизацией изображений. Вы можете оптимизировать изображения при загрузке, а также массово оптимизировать существующие изображения. У них также есть надежная команда поддержки, которая может помочь с любыми проблемами.

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

В области общих настроек ShortPixel предлагает 3 уровня сжатия:

1. Lossy — наибольшее уменьшение размера файла, однако вы можете немного потерять качество
2. Glossy — меньшее уменьшение, но лучшее качество, отличный вариант для фотографов
3. Lossless — идентичные изображения пиксель за пикселем, но с меньшим размером файла, с наименьшим сжатием, но с наилучшим качеством.

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

Вы также можете включить резервное копирование изображений и удалить EXIF ​​(настройки камеры) из файла.

Вы также можете включить опцию изменения размера больших изображений и установить максимальную ширину и высоту. Установите максимальную ширину 2880 пикселей и высоту 1500 пикселей. Этого должно быть более чем достаточно для большинства фотографов, но обязательно проверьте это тщательно.

Чтобы перейти к массовой оптимизации, перейдите в «Настройки»> «Короткий пиксель»> «Дополнительно», прокрутите вниз и для раздела «исключить размеры миниатюр» выберите small, medium и medium_large:

Вы также можете перейти к нему напрямую, перейдя в Media > Bulk ShortPixel:

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

Если вы хотите оптимизировать отдельные изображения или восстановить резервные копии исходных изображений, вы можете сделать это в медиатеке в «виде списка»:

Когда вы подписываетесь на их API, вы можете бесплатно сжимать 100 изображений в месяц. Если вы загружаете больше (скорее всего, как фотограф), вы захотите подписаться на один из их планов.

Есть 2 варианта планов: одноразовый и ежемесячный.

В рамках единовременного плана вы можете оплатить определенное количество кредитов на оптимизацию изображения, которые можно использовать в дороге.Отлично подходит для пользователей, у которых уже есть большое количество загрузок.
При начальном месячном плане за 4,99 доллара вы можете загружать до 5000 изображений в месяц, а остаток изображений обновляется каждый месяц. Если вы загружаете изображения на постоянной основе, то стоит использовать ежемесячный план.

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

Зарегистрируйтесь на ShortPixel здесь.

Imagify

Imagify — очень похоже на ShortPixel, предлагает плагин и API, которые позволяют оптимизировать изображения при загрузке и массово оптимизировать существующие изображения. Просто найдите плагин в каталоге WordPress или через раздел плагинов при входе на свой сайт.

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

1. Нормальный — сжатие без потерь, чтобы тот же пиксель на пиксель качество, но меньшее сжатие.
2. Агрессивно — сжатие с потерями, вы можете заметить снижение качества изображения.
3. Ultra — При сжатии с потерями можно заметить снижение качества изображения.

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

Для сообщений в блогах лучше использовать «Агрессивный», а для галерей и слайд-шоу, где важно качество, — «Нормальный».

Imagify также предлагает возможность оптимизации изображений при загрузке, возможность резервного копирования исходных изображений и возможность сохранения всех данных EXIF ​​(выдержка, экспозиция, ISO и т. Д.).

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

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

Цены начинаются с 4,99 долларов США в месяц за 1 ГБ данных, приблизительно 10 000 изображений. Есть также варианты для 1 тайм-плана, начиная с 5,99 долларов США за 500 МБ данных, примерно 5000 изображений.
Итак, ребята, 3 лучших варианта оптимизации изображений для существующих на вашем сайте изображений.

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

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

Использование инструментов разработчика Chrome для поиска неоптимизированных изображений

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

Для этого мы покажем вам, как использовать инструменты разработчика Chrome (этот процесс практически идентичен для браузеров Firefox и Safari) для поиска и оптимизации изображений за 4 простых шага.

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

Посмотрите следующее видео или прочтите снимки экрана и многое другое.

Шаг 1. Открытие инструментов разработчика Chrome

Используя инструменты разработчика Chrome, мы можем легко увидеть размер страницы и содержимое, которое загружает ваша страница.Чтобы открыть инструмент разработчика, выполните следующие действия:

1. Откройте Google Chrome
2. Откройте свой веб-сайт
3. Откройте инструменты разработчика Chrome

Используйте сочетания клавиш:

• Mac — Command ⌘ + Option + J
• Windows — Ctrl + Shift + J

Или откройте его с помощью строки меню: Mac

1. Щелкните View.
2. Выберите Developer.
3. Выберите Developer Tools или JavaScript Console.

Windows

1. Щелкните значок меню .
2. Выберите Инструменты.
3. Выберите Developer Tools или JavaScript Console.

Safari

Используйте сочетания клавиш:

• Mac — Command ⌘ + Option + C

Или откройте его с помощью строки меню:

1. Нажмите Safari.
2. Выберите настройки .
3. На вкладке Advanced отметьте Показать меню разработки в строке меню.
4. Щелкните Develop.
5. Выберите Показать консоль ошибок.

Firefox

Используйте сочетание клавиш:

• Mac — Command ⌘ + Shift + J
• Windows — Ctrl + Shift + J

Или откройте его с помощью строки меню:

Mac

1. Щелкните Инструменты.
2. Выберите Web Developer.
3. Выберите Browser Console.

Windows

1. Щелкните Firefox.
2. Выберите Web Developer.
3. Выберите Browser Console.

Шаг 2. Вкладка «Сеть»

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

Шаг 3 — Проверка размера страницы и содержимого

Теперь вы можете проверить общий размер страницы внизу, в разделе «X.XMB перемещено». Это даст вам представление о том, насколько велика ваша страница. Сохранение размера страницы ниже 4-5 МБ — ключ к быстрой загрузке сайта. Если вы находитесь в зоне с плохим подключением к Интернету, размер страницы должен быть еще меньше — менее 2 МБ.

Чтобы увидеть, какие элементы самые большие, щелкните фильтр размера, а затем просмотрите изображения с наибольшим размером. Вы можете видеть, что изображения обычно относятся к типам файлов JPEG / PNG и GIF. Если у вас есть видео, оно также будет отображаться здесь. Если вы заметили какие-либо большие изображения, вы можете дважды щелкнуть по названию раздела, чтобы загрузить его на новой вкладке.

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

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

Заключение

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

Не беспокойтесь, если вы ранее не оптимизировали изображения, воспользуйтесь одним из подключаемых модулей оптимизации изображений, чтобы оптимизировать их сразу. Мы рекомендуем использовать для этого Imagify или ShortPixel. Также не забудьте проверить страницы своего сайта с помощью доступных вам инструментов разработчика и убедиться, что размер вашей страницы не слишком велик из-за изображений.Если это так, уменьшите изображения по мере необходимости и попытайтесь достичь золотого размера страницы 5 МБ, чтобы обеспечить оптимальную производительность для вашего сайта. Надеюсь, мы предоставили вам инструменты, необходимые для оптимизации изображений для вашего сайта уже сегодня!

Хотите узнать больше об ускорении вашего сайта? Ознакомьтесь с нашим курсом по оптимизации скорости, где мы научим вас основам ускорения вашего сайта WordPress.

Как использовать изображения как WebP в WordPress (3 метода)

Если вы проанализировали свой сайт с помощью Google PageSpeed ​​Insights, вы, вероятно, видели ошибку «показывать изображения в форматах следующего поколения».Что ж, WebP — это формат следующего поколения.

Однако доставить изображения через WebP не так-то просто. Это зависит от веб-сервера вашего сервера, выбранного cdn, темы, плагинов кеширования и т. Д.

Это руководство поможет вам доставлять изображения в формате WebP в WordPress тремя способами.

Что такое WebP?

Новый формат изображений для Интернета

Google

WebP — это формат изображений (как png и jpg), разработанный Google. Изображения в формате WebP (.webp), как правило, намного меньше, что делает веб-сайты быстрее и использует меньшую пропускную способность.

В зависимости от изображения вы можете уменьшить размер от 25% до 70%.

У

JPEG, PNG, GIF и т. Д. Есть свои плюсы и минусы. Таблица ниже даст вам представление:

WebP имеет почти все функции, упомянутые выше! Тогда почему мы не можем использовать WebP везде?

Почему бы не использовать WebP везде?

Поддержка браузера WebP

Как видите, только 80% устройств поддерживают только WebP.Не только устаревшие браузеры, Safari / iOS Safari по-прежнему не поддерживает WebP.

Почему обслуживание WebP сложно?

Как вы заметили, мы доставляем изображения в соответствии с браузером. Если браузер не поддерживает WebP, мы предоставим им исходное изображение (jpg / png / gif).

Есть два основных способа обслуживания WebP:

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

Мы можем использовать тег picture , чтобы сообщить браузеру, что у нас есть формат WebP. Если браузер поддерживает это, будет загружено обычное / резервное изображение.

  <картинка>
  
  
  
  

По разному ответу

В разном ответе у вас как обычно один файл. Просто так:

Один URL-адрес изображения может передавать файлы jpg и webp. Это делает сервер.

Несмотря на то, что это файл с расширением «.jpg ’, если браузер поддерживает WebP, то ответ будет WebP. Также называется «разнообразный ответ».

Тег изображения и разные ответы

У каждого есть свои плюсы и минусы. Вот сравнительная таблица:

Как обслуживать изображения в WebP в WordPress?

Метод №1 — Используйте CDN только с преобразованием fly WebP

Это, наверное, самое простое решение.Некоторые провайдеры CDN в настоящее время поддерживают преобразование изображений в WebP на лету вместе с оптимизацией изображений.

Вот несколько:

Вы также можете сэкономить место на диске, используя этот метод, поскольку вам не нужно хранить как обычные, так и преобразованные изображения WebP.

BunnyCDN

BunnyCDN поставляется с «Оптимизатором кроликов», который может сжимать изображения и конвертировать их в WebP на лету.

Читайте также

BunnyCDN: обзор, сравнение и руководство по настройке WordPress

Метод № 2 — Использование различных ответов + CDN

Как описано выше, «различный ответ» будет иметь один URL-адрес изображения, который может обслуживать изображения как WebP, так и не-webp на основе запрошенного браузера.

Нам также необходимо выбрать правильный CDN, который поддерживает заголовки запросов WebP в качестве ключа кеша. В противном случае, как только изображение WebP кэшируется на сервере, оно будет доставлено в браузеры, не поддерживающие WebP.

Настройка различного ответа в WordPress

Самый простой способ настроить различные ответы для WebP в WordPress — через плагин WebP Express. Просто установите плагин и нажмите «Сохранить настройки и принудительно установить новые правила .htaccess».

WebP Express настроит конвертер WebP и перезапишет правила, чтобы при получении запроса он на лету конвертировал изображения в WebP, а если браузер не поддерживает WebP, будет доставлено изображение по умолчанию./?wp-content/.*\.(png|jpe?g)\.webp$ {
try_files
$ uri
/wp-content/plugins/webp-express/wod/webp-realizer.php?wp-content=wp-content
;
}
# ——————- (Здесь заканчиваются правила WebP Express)

Приведенный выше код добавляет необходимые заголовки ответа (варьируется и управление кешем) и пытается доставить WebP, если он существует, в противном случае направить его конвертеру (в зависимости от поддержки браузера)

провайдеров CDN, поддерживающих «Разнообразный ответ»

Если ваш провайдер CDN не поддерживает WebP в качестве ключа кеширования, то файлы WebP будут доставлены в браузеры, не поддерживающие WebP.Точно так же есть вероятность, что изображения, не относящиеся к webp, будут доставлены в поддерживаемые браузеры.

BunnyCDN , KeyCDN , Google CDN и многие другие поставщики CDN поддерживают WebP в качестве ключа кеширования. Убедитесь, что вы включили их в настройках.

В BunnyCDN :

In KeyCDN :

Используете бесплатный тариф Cloudflare?

К сожалению, бесплатный план Cloudflare не поддерживает WebP в качестве ключа кеширования.Либо используйте CDN, например BunnCDN, либо перейдите на их профессиональный план.

Настройка разнообразного ответа + CDN у популярных хостинг-провайдеров

Убедитесь, что WebP Express установлен.

• Kinsta или WP Engine — обратитесь в их службу поддержки, чтобы добавить вышеуказанную конфигурацию Nginx и включить ключ кеширования WebP в их CDN (KeyCDN).
• Cloudways — Достаточно установить WebP Express и сохранить настройки с «.htacess». Поскольку Cloudways использует гибридный подход Apache + Nginx, он работает из коробки.
• SiteGound — обратитесь в службу поддержки, чтобы добавить конфигурацию Nginx. Используйте поддерживаемый CDN, как указано выше.
• Сервер LiteSpeed ​​/ OpenLiteSpeed ​​/ Apache — достаточно установить WebP Express и сохранить настройки с «.htacess». Также используйте поддерживаемый CDN, как указано выше.
• Пользовательский VPS с Nginx (стек LEMP) — настройте nginx.conf и используйте поддерживаемый CDN, как указано выше.

Метод № 3 — Использование тега изображения

Если оба вышеперечисленных метода не работают для вас, вы можете использовать тег изображения.Он не требует настройки сервера (редактирования nginx.conf) и поддерживает всех провайдеров CDN.

Использование этого метода изменит HTML для доставки WebP. Он не будет работать с фоновыми изображениями, несовместим с некоторыми темами, плагинами кеширования, плагинами отложенной загрузки и т. Д.

Если вы воспользуетесь этим методом, все теги img будут преобразованы примерно так:

  <картинка>
  
  
  
  

Если браузер поддерживает WebP, доставляется соответствующий файл, иначе нормальное изображение.

Установить тег изображения для WebP в WordPress

Самый простой способ настроить тег изображения — через WebP Express.

Установите режим работы «CDN friendly» и включите «Alter HTML»

Заключение

Я желаю, чтобы настал день, когда все браузеры будут поддерживать WebP!

Если вы можете тратить несколько долларов в месяц, то самый простой и эффективный способ — использовать CDN, например BunnyCDN, который на лету конвертирует изображения в WebP.В противном случае придерживайтесь метода №2, о котором я упоминал выше.

Оставьте комментарий ниже, если у вас есть какие-либо вопросы или отзывы. Я читаю и отвечаю на каждое из них в течение 8 часов!

300+ WordPress-плагинов для DSGVO- и Cookie-Check (с Lösungen, альтернативами и советами по плагинам!)

Du bist dir nicht sicher, ob deine WordPress-Plugins DSGVO-konform sind und / oder Cookies setzen?

Hier findest du eine Übersicht darüber, welche Plugins personenbezogen Daten sammeln und welche nicht.Mit Alternativen und Lösungen, um diese DSGVO-konform zu nutzen.

Am Anfang dieses Artikels findest du zudem eine Liste mit nützlichen Datenschutz-Plugins, die dir dabei helfen können, WordPress DSGVO-konform zu nutzen.

Diese Artikel wird in regelmäßigen Abständen aktualisiert und um neue Plugins ergänzt. Mithilfe ist herzlich willkommen!

Falls du einen Fehler findest, dir Infos zur DSGVO-Konformität eines Plugins vorliegen oder Ergänzungswunsche bestehen, lass es mich gerne wissen.

Achtung: Dieser Blogbeitrag ist keine Rechtsberatung! Im Rahmen meiner Arbeit als Blogger und WordPress-Dienstleister habe ich mich zwar интенсивно мит ден желтые Datenschutzbestimmungen und der DSGVO beschäftigt, ich bin jedoch weder Jurist noch Datenschutz-Experte. Dementsprechend kann ich für die Vollständigkeit, Aktualität und Richtigkeit der von mir bereitgestellten Inhalte keine Haftung übernehmen.

Подключаемые модули Nützliche

Плагины Folgende können dabei helfen, Веб-сайты WordPress DSGVO-konform zu machen:

• Autoptimize (включая Google Fonts und Emojis, funktioniert Allerdings nicht immer, Альтернатива: удаление ссылок на Google Fonts)
• Borlabs Cookie (umfangreiche und preislich günstige Opt-In-Lösung für Cookies, geeignet z.Б. Для Google Analytics, AdSense, Facebook Pixel или Piwik. Es bietet zudem eine Zwei-Klick-Lösung für YouTube-Videos und iframe — sehr empfehlenswert!)
• Clearfy (erlaubt die Aktivierung diverser WordPress-Features aus Sicherheits-, Datenschutz или Performance-Gründen, z. B. Emojis, Embed, Rest API, Gravatar и т. Д. — eher für fortgeschrittene Nutzer geeignet!)
• DSGVO Pixel Mate (подключаемый модуль tolles, отказываться от подписки или Opt-Ins для Facebook Pixel или Google Analytics einzubinden, необязательно können all externen Ressourcen blockiert werden)
• Google Analytics Germanized (hilft dabei, Google Analytics datenschutzkonform einzubinden, z.B. durch IP-Anomyisierung und Opt-In- und Opt-Out-Funktion)
• Really Simple SSL (hilft bei der Umstellung einer WordPress-Website auf HTTPS)

Последние новые плагины и подробные сведения о них. Плагины самые лучшие в тексте Статья: 19 лучших плагинов Datenschutz, um WordPress DSGVO-sicher zu machen

Eine Auswahl Verschiedener Cookie-Plugins zum Einbinden eines Opt-Ins или Cookie-Banners Findet du in meinem Статья: 5 лучших плагинов для файлов cookie WordPress в 2020 году (3 Давон Костенлос)

Hinweis: Einige Dinge, wie z.B. das Entfernen der IP beim Kommentieren, Встраивает или Emojis lassen sich auch sehr gut mit Code-Snippets per functions.php (im Child-Theme) erledigen.

Legende (bitte vorher lesen!)

1. Социальные плагины

Социальные плагины, wie z. B. der Facebook Like Button, Pinterest Widgets или eingebettete Twitter Timelines, ebenso wie von sozialen Netzwerken angeboten Remarketing-Tools, wie z. B. der Facebook Pixel, sammeln Nutzerdaten und verfolgen mitunter das Nutzerverhalten auch über die sozialen Netzwerke hinaus.

Das gilt selbstverständlich auch für all WordPress-Plugins, die eine Integration dieser Technologien vornehmen, von denen einige in dieser Liste zu finden sind.Aber nicht nur diese sammeln Daten, sondern mitunter auch Dienste, die eigene Social-Sharing-Lösungen anbieten, wie z. Б. AddThis.

2. Плагины Sicherheits

Auch Sicherheits-Plugins sammeln unter Umständen personenbezogene Daten.

So werden z. B. IP-адрес von Leuten, die versuchen, sich in deinen Adminbereich einzuloggen in der WordPress-Datenbank gespeichert oder mit Spammer-Datenbanken auf Dritt-Servern abgeglichen.

3.Плагины Антиспама

Auch Anti-Spam-Plugins Nutzen unter Umständen IP-Adressen oder über die Kommentarfunktionen eingegebene Daten, um Kommentar-Spam zu erkennen or zu verhindern.

4.Statistik-плагины

Statistik-Plugins, специально разработанные для Umständen personenbezogene Daten, wie z. Б. IP-адрес или набор файлов cookie в браузере.

Vor allem bei Verwendung von Drittdiensten für Website-Statistiken (wie z. B. Google Analytics) ist Vorsicht geboten, da die Nutzung different Anpassungen erfordert.

5.Kontaktformulare

Über Kommentarformulare werden mitunter personenbezogene in der WordPress-Datenbank und auf deinem E-Mail-Server gespeichert.

6. Комментарии-плагины

Durch Abgabe eines Kommentars werden personenbezogen Daten übermittelt (z. B. Name, E-Mail, IP-Adresse, ggf. über den Kommentartext и т. Д.) И в WordPress-Datenbank gespeichert.

Durch Nutzung mancher Kommentar-Plugins besteht die Möglichkeit, dass diese Daten auch an Dritte weitergegeben werden.

Wenn du einen Mitgliedsbereich in deine Веб-сайт интегрирт hast, werden personenbezogen Daten zur Registrierung gespeichert, wie z.B. E-Mail-Adressen, Vornamen oder ggf. sogar Adress- oder Zahlungsdaten.

Плагин	Версия	Детали	Печенье
BuddyPress	5.0.0	Специальный персональный сайт Daten в WordPress-Datenbank. Bei Installation von manchen Extensions werden personenbezogene Daten auch an Dritt-Server ubertragen or Cookies gesetzt. Die Verwendung zusammen mit BuddyPress GDPR halte ich empfehlenswert (das Plugin gibt Nutzern die Möglichkeit ihre Daten zu exportieren und selbst zu löschen).	FP, ggf. TP
Digimember	3.000.150	Digimember, специализирующийся на персональном сервере Daten в WordPress-Datenbank и отправившем сообщение (bei entsprechender Einstellung) на Dritt-Server. Wird DigiMember используется в DigiStore24, в котором указано имя и электронная почта от Кундена, а также DigiMember, созданный и находящийся в WordPress-Datenbank gespeichert. DigiMember wiederum отправляет Zugangsdaten für Kunden и DigiStore24 zur Produkt-Auslieferung. Более подробная информация о DSGVO, z. B. zum Recht auf Vergessenwerden, Einwilligungen oder Speicherung von IP-Adressen, лучший из официальных DSGVO-FAQ.	FP
OptimizePress	2.5.14	Специальный персональный сайт Daten в WordPress-Datenbank. Bei Nutzung von Drittanbieter-Integration (z. B. Zahlungsdiensten) werden personenbezogen Daten ggf. а также Dritt-Server übertragen. Узнать больше о правилах DSGVO в OptimizePress найти самые лучшие правила и руководство.	FP, ggf. TP
Просто: нажмите	6.0	Специальный персональный сайт Daten в WordPress-Datenbank. Bei Installation от Manchen Extensions (z. B. Gravatar или ShareThis) был персонализирован в Daten auch и Dritt-Server übertragen.	FP, ggf. TP
Окончательный член	2.0.56	Специальный персональный сайт Daten в WordPress-Datenbank. Bei Installation von manchen Extensions (wie z.B. Mailchimp или социальный вход) werden personenbezogene Daten auch an Dritt-Server übertragen. Weitere Infos zur Umsetzung der DSGVO bei Ultimate Member findest du in dieser Übersicht.	FP, ggf. TP

8. Плагины Ladezeit и Performance

Plugins zur Ladezeit- oder Performance-Optimierung einer WordPress-Website, wie z. B. Плагины для кэширования, постоянное обновление данных по Регелю.

Плагины Manche, wie z.B. Автоматическая оптимизация или WP Rocket können sogar dabei helfen, deine Website datensparsamer zu gestalten.

Плагин	Версия	Детали	Печенье
a3 Ленивая загрузка	1.9.3	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Автоматическая оптимизация	2.5.1	Verarbeitet laut meinen eigenen Recherchen und laut Entwickler keine personenbezogenen Daten.	Nein
Кэш-активатор	1.3.4	Verarbeitet in den Grundeinstellungen keine personenbezogenen Daten. Die Nutzung von KeyCDN erfordert jedoch einen AV-Vertrag.	Nein
Cachify	2.2.4	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Кэш кометы	170220	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies.Es ist сомит DSGVO-konform.	Nein
Сумасшедший ленивый	1.0.4	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Fast Velocity Minify	2.7.6	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Ленивая загрузка комментариев	1.0.10	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Оптимизация базы данных после удаления редакций	4.8.7	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform. Läuft als Tool zur Bereinigung der Datenbank nur im Adminbereich.	Nein
Оптимизатор SG	5.3.2	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies.Es ist сомит DSGVO-konform.	Nein
W3 Общий кэш	0.10.1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform. Achtung: Mögliche Speicherung personenbezogener Daten bei Nutzung von CDNs.	Nein
WP Самый быстрый кэш	0.8.9.8	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
WP-Оптимизация	3.0.1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform. Läuft als Tool zur Bereinigung der Datenbank nur im Adminbereich.	Nein
Ракета WP	3.4.0.5	Verarbeitet laut meinen eigenen Recherchern und laut FAQ keine personenbezogenen Daten.	Nein
WP Super Cache	1.7,0	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
WP-развертка	1.1.0	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform. Läuft als Tool zur Bereinigung der Datenbank nur im Adminbereich.	Nein

9. SEO-плагины

Bei SEO-Plugins написаны в der Regel keine personenbezogenen Daten von Nutzern gespeichert.Das liegt daran, dass diese der technischen Optimierung der Website (Sitemaps, Meta-Titel и т. Д.) An sich dienen oder im Hintergrund laufen.

Плагин	Версия	Детали	Печенье
Перенаправление 404	1,8	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Все 404 Перенаправить на домашнюю страницу	1.18	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Все в одном пакете SEO	3.2.9	Verarbeitet laut meinen eigenen Recherchen und laut Entwickler keine personenbezogenen Daten.	Nein
Все в одном SEO Pack Pro	3.2.9	Verarbeitet laut meinen eigenen Recherchen und laut Entwickler keine personenbezogenen Daten.	Nein
Хлебная крошка NavXT	6.3.0	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Устройство проверки сломанных ссылок	1.11.8	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Изменить помощник по постоянным ссылкам	1.0.0	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies.Es ist сомит DSGVO-konform.	Nein
CM Содержание	1.1.1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Сообщения по теме	2.7.0	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Easy Table of Contents	1.7	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Категории верхнего уровня FV	1,9	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Google XML Sitemaps	4.1.0	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Hide SEO Bloat	3.13.1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
LuckyWP Содержание	1.9.4	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Nofollow для внешней ссылки	1.2.2	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies.Es ist сомит DSGVO-konform.	Nein
PB SEO Friendly Images	3.1.0	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Плагин быстрой страницы / пост-перенаправления	5.1.9	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Rank Math	1.0,33	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Перенаправление	4.4.2	Es werden IP-Adressen in den Umleitungs- und 404-Logs gespeichert. Dies lässt sich jedoch in den Optionen unter IP-Protokollierung ausschalten.	Nein
Флажок Rel Nofollow	1.1.5	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies.Es ist сомит DSGVO-konform.	Nein
Удалить комментарии Yoast SEO	3,1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Транспортер данных SEO	1.1.1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Плагин перенаправления SEO	6.1	Плагин регистрирует стандартные IP-адреса пользователей. Dies lässt sich jedoch unter Options> General Options> IP Logging ausschalten.	Nein
Простая переадресация 301	1.0.7	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Простая переадресация 301 — Дополнение — Массовая загрузка	1,2,5	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies.Es ist сомит DSGVO-konform.	Nein
Оглавление Plus	1601	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Структура SEO	4,01	Verarbeitet laut meinen eigenen Recherchen und laut Entwickler keine personenbezogenen Daten.	Nein
Заголовок и Nofollow для ссылок	1.07	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Еще один плагин связанных сообщений	5.1.1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Yoast SEO	12,2	Verarbeitet laut meinen eigenen Recherchen und Laut Support keine personenbezogenen Daten.	Nein
Yoast SEO: очистка поискового индекса	1.1.0	Verarbeitet laut meinen eigenen Recherchen keine personenbezogenen Daten.	Nein
Yoast SEO Premium	12,2	Verarbeitet laut meinen eigenen Recherchen und Laut Support keine personenbezogenen Daten.	Nein
XML Sitemap и каналы новостей Google	5.2.4	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies.Es ist сомит DSGVO-konform.	Nein
wpSEO	4.5.6	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein

10. Дополнения и медицинские плагины

Hier sind Plugins aufgeführt, mit denen Bilder und andere Medien bearbeitet или optimiert werden können:

Плагин	Версия	Детали	Печенье
Сжать изображения JPEG и PNG	3.2,0	Bilder werden an Dritt-Server gesendet, was problematisch sein kann, wenn diese erkennbare Personen abbilden.	Nein
Включить замену носителя	3.3.6	Verarbeitet laut eigenen Recherchen und laut Entwickler keine personenbezogenen Daten.	Nein
EWWW Image Optimizer	5.0.0	Es werden keine Bilder an Dritt-Server gesendet, weil das Plugin Bilder auf dem eigenen Server optimiert. Achtung: Wenn die Cloud-Optimierung aktiviert ist, werden deine Bilder an Dritt-Server gesendet, was problematisch ist, wenn diese erkennbare Personen abbilden. Laut Datenschutzerklärung werden diese jedoch direkt nach der Optimierung wieder gelöscht.	Nein
EWWW Image Optimizer Cloud	5.0.0	Bilder werden an Dritt-Server gesendet, was problematisch sein kann, wenn diese erkennbare Personen abbilden. Laut Datenschutzerklärung werden diese jedoch direkt nach der Optimierung wieder gelöscht.	Nein
Принудительно восстановить эскизы	2.0.6	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Kraken.io Оптимизатор изображения	2.6.4	Bilder werden an Dritt-Server gesendet, was problematisch sein kann, wenn diese erkennbare Personen abbilden.	Nein
ImageMagick Engine	1.5,4	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Имсанити	2.4.3	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Очиститель носителя	5,4,9	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Средство переименования медиафайлов	4.5,9	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Изображение меню	2,9,5	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Собственная отложенная загрузка	1.0.1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Галерея NextGEN	5.3,3	Speichert an sich keine personenbezogenen Daten. Allerdings lädt das Plugin unnötigerweise FontAwesome-Icons от Drittserver use.fontawesome.com . Dies lässt sich nicht in den Plugin-Einstellungen ausschalten. Lösung: FontAwesome über die functions.php entfernen.	Nein
Быстрые изображения	13.3.4	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.Ist nur im Adminbereich aktiv.	Nein
Изменить размер изображения после загрузки	1.8.6	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Восстановить эскизы	3.1.1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Оптимизатор изображения ShortPixel	4.14,6	Bilder werden an Dritt-Server gesendet, was problematisch ist, wenn diese erkennbare Personen abbilden. Laut Datenschutzerklärung werden diese lediglich für 2 Stunden auf ShortPixel-Servern aufbewahrt und danach gelöscht.	Nein
Простые размеры изображений	3.2.1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform. Ist nur im Adminbereich aktiv.	Nein
Сжатие и оптимизация нечетких изображений	3.2,4	Bilder werden an Dritt-Server gesendet, was problematisch ist, wenn diese erkennbare Personen abbilden. Laut Angaben der Entwickler werden die Bilder Allerdings direkt nach der Optimierung wieder gelöscht.	Nein
Unite Gallery Lite	1.7.15	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
WebP Express	0,17,2	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies.Es ist сомит DSGVO-konform.	Nein
Загрузка файла WordPress	4.11.2	Ruft externe Verbindungen auf zu code.jquery.com und cdnjs.cloudflare.com auf (Quelle). Mit Version 4.5.0 wurden einige Особенности ergänzt, um Einwilligungen von Nutzer-Uploads einzuholen.
WP Retina 2x	5.5.7	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein

11. Дизайн-плагины

Hier sind all Plugins gelistet, mit denen du das Design or die Struktur deiner Website verändern kannst (im Frontend, также dem für Besucher sichtbaren Bereich), wie z. Б. Конструктор страниц, Слайдер-, Боковая панель, Виджет- или Меню-плагины.

Плагин	Версия	Детали	Печенье
404стр.	11.0.5	Vearbeitet keine personenbezogenen Daten.	Nein
Лучший шрифт Awesome	1.7.1	Lädt FontAwesome-Icons über das externes jsDelivr-CDN. Lokales Laden nicht möglich. M ögliche Lösung: Verarbeitung auf Grundlage von Art. 6 Абс. 1 лит. f DSGVO (berechtigtes Interesse).	Nein
Collapse-O-Matic	1.7.11	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies.Es ist сомит DSGVO-konform.	Nein
Боковые панели с учетом содержимого	3,10	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Сообщения по теме	2.7.0	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Пользовательские боковые панели	3.2,3	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Elementor Page Builder	2,9,7	Verarbeitet an sich keine personenbezogenen Daten und lädt, abgesehen von Google Fonts, auch keine externen Ressourcen. Bei Verwendung der Elemente «Google Maps» и «Video» были связаны с персоналом, работающим с Dritt-Server и сторонними файлами cookie gesetzt, bevor der Nutzer dem zustimmen kann. Lösung: Das Plugin Borlabs Cookie, das beide Elemente mit einer Zwei-Klick-Lösung ausstattet. Google Fonts предоставляет пользовательские шрифты Nutzung eines или Deaktivieren der Standardschriftarten unter Einstellungen> Generell ausschalten.	ggf. TP
Favicon от RealFaviconGenerator	1.3.15	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Genesis Columns Advanced	2.0.3	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Список сообщений категории	0,81	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Max Mega Menu	2.7.2	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies.Es ist сомит DSGVO-konform.	Nein
MaxButtons	7.13.1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Конструктор страниц от SiteOrigin	2.1.0.11	Verarbeitet an sich keine personenbezogenen Daten. Wird jedoch das Video-Element verwendet, werden unter Umständen personenbezogen Daten an Dritt-Server übertragen, bevor der Nutzer dem zustimmen kann. Es ist noch keine Lösung dafür bekannt. Die Nutzung mancher Premium-Addons, wie z. B. Контактная форма, средство выбора веб-шрифтов, комментарии Ajax или социальные виджеты könnten ebenfalls Anpassungen erfordern.	ggf. TP
Конструктор всплывающих окон	3,51	In einigen Punkten datenschutzrechtlich bedenklich: Erstens werden die eigene Newsletter-Funktion werden Name, Nachnahme und E-Mail-Adresse von Abonnenten in der WordPress-Datenbank gespeichert.Ein Double-Opt-In ist dabei nur mit kostenpflichtigem Addon möglich. Zweitens werden bei der Nutzung der Facebook-Funktion die originalen Teilen-Buttons von Facebook geladen, bei denen Tracking-Cookies gesetzt werden, bevor der Nutzer dem zustimmen kann. Lösung: Kauf des Addons, Verzicht auf Facebook-Funktion und ggf. weitere Maßnahmen zur DSGVO-konformen Nutzung des Opt-In-Formulars im Rahmen der Informationspflicht.	FP, ggf.TP
Публикации на странице	1.4.4	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Фиксированный виджет Q2W3	5.1.9	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Простой лайтбокс	2.7.1	Verarbeitet seit Version 2.7.0 keine personenbezogenen Daten.Verwendete Google Fonts верден локально.	Nein
Адаптивный лайтбокс и галерея	2.1.0	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Шорткодер	4,6	Verarbeitet an sich keine personenbezogenen Daten. Bitte beachte, dass möglicherweise Daten durch den in den Shortcodes verwendeten Code (z. B. YouTube-Videos, AdSense, extern geladene Scripte и т. Д.) übertragen werden.	Nein
SiteOrigin CSS	1.2.4	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Thrive Architect	2.4.33	Verarbeitet an sich keine personenbezogenen Daten. Bei Verwendung von manchen Blöcken, wie z. B. Disqus Комментарии , Facebook Комментарии или Google Map werden mitunter externe Ressourcen geladen или Cookies gesetzt.Зудем использовал Google Fonts, создавал типографику и типографский блок, как Schriftart ausgewählt sind. Имя: Betroffene Blöcke nicht nutzen или Inhalt erst nach Opt-In zeigen, bei Fonts Inherit Theme Font or Web Safe Fonts auswählen.	FP, TP (блок Je nach)
WordPress Популярные сообщения	5.0.0	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
Конструктор страниц WPBakery (визуальный композитор ehemals)	6.0.5	Speichert laut meinen eigenen Recherchen an sich keine personenbezogenen Daten. Werden jedoch die Elemente Google Maps, Flickr Widget, Videoplayer sowie die Pinterest-, Facebook-, Twitter- или Google-Plus-Buttons benutzt, werden unter Umständen personenbezogen Daten an Dritt-Server übertragen, bevor der Nutzer dem zustimmen kann. Lösung: Verzicht auf oben genannte Elemente oder Opt-In, z.B. mit Borlabs Cookie.	ggf. TP
WP-PageNavi	2,93,1	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
WP Показать сообщения	1.1.3	Verarbeitet keine personenbezogenen Daten und setzt keine Cookies. Es ist сомит DSGVO-konform.	Nein
WP Показать сообщения Pro	0,5

9 фильтров изображений WordPress для улучшения вашего веб-сайта с фотографиями

, Бренда Баррон, 9 апреля 2018 г.

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

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

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

1. Envira Gallery

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

Все, что вам нужно сделать, чтобы начать, — это включить раздел «Автоматический макет» в пользовательском интерфейсе Envira, после чего вы сможете выбрать из ряда красивых тем, включая ненасыщенные, размытые, винтажные и другие. Тема применяется к изображениям, когда кто-то нажимает на вашу страницу, но когда они наведут курсор на изображение, они смогут увидеть его в полной естественной красоте. Это отлично подходит для поощрения взаимодействия с вашим контентом.

2. Ultimate Image Filters

Еще один отличный вариант — Ultimate Image Filters.Это плагин премиум-класса, а это значит, что вам, возможно, придется потратить на него немного больше, чем на другие решения. Однако за ту цену, которую вы платите, вы получаете беспрепятственный опыт добавления исключительных фильтров к своим изображениям.

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

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

3. Галерея NextGen

Галерея NextGen — еще один очень популярный вариант фильтров изображений WordPress, которым можно похвастаться миллионами загрузок. Этот плагин — больше, чем просто приложение для фильтрации, он также предлагает множество дополнительных способов для профессиональных фотографов и фотографов-любителей максимально использовать свои фотографии.

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

4. Фотогалерея

Еще одна довольно продвинутая опция в нашем выборе фильтров изображений WordPress — это Фотогалерея.Он поставляется с множеством фантастических решений, распределенных по двум разным версиям загрузки. Если вы выберете «профессиональную» версию, вы, очевидно, сможете воспользоваться более широким выбором решений для редактирования изображений. К ним относятся интеграция с Instagram, эффекты лайтбоксов и редактируемые темы.

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

Для тех, кто только начинает работать с новыми плагинами WordPress, Photo Gallery поставляется с длинным руководством по эксплуатации, а также видео, которое поможет вам оптимизировать свой сайт.

Добавление фильтров изображений WordPress с помощью CSS

Добавление плагинов в WordPress — отличный способ получить веб-сайт своей мечты. Однако не всегда это подходит для всех. Это особенно актуально, если вы пытаетесь сделать свой сайт максимально легким. Если вы предпочитаете свести количество плагинов к минимуму, вы всегда можете вместо этого использовать некоторые эффекты CSS, чтобы получить такой же отфильтрованный вид.

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

1. Площадка для фильтров CSS

На сайте «Площадка для фильтров CSS» вы можете просто выбрать желаемый эффект для своих изображений и вставить код CSS в часть тем на панели инструментов WordPress. Не позволяйте несколько упрощенному веб-сайту вводить вас в заблуждение, CSS Filters Playground содержит все необходимое для улучшения внешнего вида каждого изображения, которое вы, возможно, захотите добавить на свой профессиональный веб-сайт.

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

2. CSSFilters.co

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

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

3. Простые фильтры изображений CSS

Еще одно решение для фильтров изображений WordPress, вдохновленное Instagram, эта небольшая, но эффективная библиотека CSS дает вам возможность добавить ваши любимые фильтры Instagram в вашу библиотеку WordPress.Есть 9 вариантов на выбор, и это простой способ добавить фильтры к изображениям в браузере, не прибегая к Photoshop.

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

4. Эффекты фильтра CSSReflex

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

Этот библиотечный инструмент может быть не таким всеобъемлющим, как некоторые другие варианты, которые мы рассмотрели в этом списке. Но это отличный способ поиграть с яркостью и контрастом ваших изображений.

5. Philter

Наконец, Philter — это забавный и увлекательный вариант для фотографов, которые хотят максимально использовать свои веб-сайты с небольшой корректировкой HTML.Когда дело доходит до фильтров изображений, существует множество вариантов, с которыми можно поиграть. И вы можете исследовать все, от эффектов, вызванных наведением курсора, до готовых фильтров, а также тех, которые вы можете создать самостоятельно!

Начать работу с Philter тоже очень просто. Все, что вам нужно сделать, это обновить свой HTML, и вы готовы к работе.

Добавление фильтров изображений WordPress на ваш веб-сайт

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

Использовали ли вы какие-либо из этих фильтров изображений? На что был похож этот процесс? И не забудьте связаться с нами в Twitter и Facebook, чтобы получить больше советов и руководств по фотографии, WordPress.

Вас также могут заинтересовать эти статьи:

14 лучших программ для редактирования фотографий для фотографов

12 лучших мест для продажи фотографий в Интернете и зарабатывания денег

SEO для фотографов: 31 шаг для ранжирования ваших фотографий в Google

Лучшее Бесплатные темы для фотографий для WordPress

SaveSave

SaveSave

Используете WordPress и хотите получить Envira Gallery бесплатно?

Envira Gallery помогает фотографам создавать красивые фото и видео галереи всего за несколько кликов, чтобы они могли продемонстрировать и продать свои работы.