Как исправить ошибку смешанного контента в WordPress

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

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

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

Не волнуйся! В этом посте мы обсудим ошибку смешанного контента и предоставим практические шаги по ее исправлению на вашем сайте WordPress.

Вы готовы? Давайте погрузимся.

1. Что такое ошибка смешанного контента в WordPress?

Ошибка смешанного контента в WordPress возникает, когда веб-сайт обслуживается через HTTPS, но также содержит незащищенные элементы (HTTP).

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

HTTPS/SSL помогает защитить конфиденциальную информацию от хакеров и гарантирует безопасность вашего веб-сайта.

Поисковые системы, такие как Google, настоятельно рекомендуют владельцам веб-сайтов включать HTTPS/SSL на свои сайты.

Наличие сертификата Secure Sockets Layer (SSL) важно для вашего веб-сайта, поскольку он служит фактором ранжирования и указывает на то, что веб-сайты, использующие HTTP, считаются небезопасными.

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

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

Если вы успешно установили сертификат SSL для своего веб-сайта, вы, скорее всего, заметите замок рядом с URL-адресом вашего веб-сайта в адресной строке браузера.

С другой стороны, если ваши настройки HTTPS/SSL настроены неправильно, вы увидите информационный знак или значок сломанного замка в адресной строке.

Вы также увидите сообщение: «Ваше соединение с этим сайтом не защищено».

Итак, если некоторые ресурсы на вашем веб-сайте продолжают загружаться через небезопасное соединение (HTTP) после установки HTTPS/SSL, вам следует ожидать появления ошибки смешанного контента.

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

2 Как определить ошибку смешанного контента в WordPress

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

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

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

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

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

Нажав на этот URL-адрес, вы перейдете на основной ресурс, что вызовет ошибку смешанного контента.

Например,

Обычно. URL-адрес изображения на вашем веб-сайте должен выглядеть следующим образом: https://example.com/images/image.jpg.

Как видите, приведенный выше формат URL-адреса изображения начинается с HTTPS.

Однако, если вы напрямую вставите изображение на свой веб-сайт, используя следующий формат:

http://example.com/images/image.jpg.

Это почти наверняка приведет к ошибке смешанного содержимого, поскольку URL-адрес изображения начинается с небезопасного протокола HTTP.

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

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

Теперь давайте рассмотрим простое исправление ошибки смешанного контента в WordPress.

3. Исправление ошибки смешанного контента в WordPress

Самый простой способ исправить эту ошибку — использовать плагин.

Все, что вам нужно сделать, это установить и активировать плагин SSL Insecure Content Fixer .

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

После активации плагина перейдите в «Настройки» → «Незащищенный контент SSL» на панели управления WordPress.

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

Начиная с параметра «Выкл.» , он не требуется, если вы в настоящее время сталкиваетесь с ошибкой «Смешанный контент», поэтому не стесняйтесь пропустить его. Давайте обсудим другие варианты.

1. Простой

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

2. Содержание

Если уровень «Простой» не устраняет ошибку «Смешанный контент» на вашем веб-сайте, попробуйте настройку «Содержимое». Он будет использовать все функции Simple и проверять наличие исправлений в ресурсах содержимого вашей страницы WordPress и текстовых виджетах.

3. Виджеты

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

4. Захват

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

5. Захватить все

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

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

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

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

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

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

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

4 часто задаваемых вопроса

5. Вывод

Устранение ошибок смешанного контента на вашем веб-сайте WordPress необходимо для обеспечения безопасного и бесперебойного просмотра.

Выбирая хостинг-провайдера, убедитесь, что он предлагает бесплатные сертификаты SSL и что вы устанавливаете сертификат SSL с панели хостинга или cPanel при установке веб-сайта WordPress.

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

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

Если вам понравился этот пост, сообщите нам об этом в Твиттере @rankmathseo.