Home » WordPress » Cómo identificar y corregir el error de contenido mixto en WordPress

Cómo identificar y corregir el error de contenido mixto en WordPress

Acaba de crear un nuevo sitio web en WordPress. Añadido algunos artículos e imágenes. Ha incluido todas las palabras clave y etiquetas SEO adecuadas. Hizo su sitio lo más rápido posible. Instalado el certificado SSL. Ha hecho todo lo correcto para que su sitio sea excelente para los visitantes y para Google. Pero acaba de notar algo preocupante en la ventana del navegador: la conexión no es segura.

Sí, eso es molesto. Todavía tiene que ser resuelto. Pero en realidad no es tan malo si la advertencia le dice que hay algún contenido mixto en su sitio de WordPress. Esto es lo que necesita saber para poder solucionarlo usted mismo:

  1. Qué causa el error de contenido mixto en WordPress
  2. Cómo identificar la causa exacta del error de contenido mixto en WordPress
  3. Cómo solucionar el error de contenido mixto usando un plugin gratuito de WordPress
  4. Cómo arreglar el error de contenido mixto manualmente si los plugins de WordPress no le solucionan el problema

Empecemos por el primer paso: la teoría.

¿Qué causa el error de contenido mixto en WordPress?

El error de contenido mixto no está relacionado directamente con WordPress. Este error puede aparecer en cualquier sitio web cuando intenta cargarlo a través de HTTPS. Y no es necesario que ocurra en cada una de las páginas del sitio web. En algunas situaciones este error puede aparecer sólo en una página de un sitio.

Esta advertencia aparece cuando el servidor está intentando cargar todos los elementos del sitio web a través de HTTPS, pero algunas fuentes siguen apareciendo en el código fuente con http. Si su sitio web tiene un certificado SSL válido, y el servidor lo carga usando HTTPS, entonces todas las imágenes, fuentes iframe y otros elementos de su sitio web deben estar usando HTTPS también.

La razón más común de contenido mixto son las imágenes de fondo. Si el archivo style.css de su tema de WordPress (o plugin css personalizado) tiene un elemento con url que comienza como http://your.site/file.jpg, ese http causará un error de contenido mixto en cualquier navegador.

Cómo identificar qué causa exactamente el error de contenido mixto de WordPress

Casi cualquier navegador de escritorio moderno puede ayudarle a identificar las causas exactas del contenido mixto en su sitio web.

Si está en Google Chrome, haga clic con el botón derecho en cualquier parte del sitio que muestre el error y seleccione Inspeccionar. Aparecerá una ventana de consola en la parte derecha de la pantalla. Busca el signo de exclamación amarillo en ella.

how to identify what causes mixed content in wordpress

Haga clic en el triángulo amarillo, y el navegador mostrará una lista de todas las cosas que no están bien en la página actual:

identify what exactly causes mixed content warning in wordpress

Best WordPress hosting 2024

Como puede ver en el ejemplo, la imagen se carga utilizando http:// en lugar de https:// . Y esa es una razón bastante común por la que se ve este tipo de error en un sitio.

Cómo arreglar el error de contenido mixto usando un plugin gratuito de WordPress

La forma más fácil de arreglar la advertencia de contenido mixto en WordPress es utilizar un plugin inteligente que se ejecuta a través de casi todo el sitio web y reemplaza automáticamente http a https en su contenido.

Para ello, vaya al panel de administración de WordPress y seleccione Plugins >> Añadir nuevo en su menú. Introduzca Really Simple SSL en el campo de búsqueda en la parte superior derecha de la página.

Instale y active el plugin Really Simple SSL.

wordpress fix mixed content

Si el plugin detecta un certificado SSL válido para su sitio, haga clic en el botón ¡Adelante, active SSL!

how to activate SSL in wordpress

La mayoría de las veces esto es suficiente para deshacerse de la advertencia de contenido mixto: el complemento reescribe todas las urls http relevantes a https y la advertencia desaparece automáticamente.

Si sigues viendo el error en el navegador, intenta pulsar CTRL + F5 unas cuantas veces para borrar la caché del navegador. Si eso tampoco ayuda, necesita comprobar las fuentes http manualmente.

Cómo solucionar manualmente el aviso de contenido mixto en WordPress

El pluginReally Simple SSL es inteligente pero puede que no sea capaz de convertir todos los enlaces necesarios a https automáticamente.

Lo que debe hacer en esta situación es ir a Apariencia >> Editor de temas en el menú de administración y abrir el archivo style.css. Busque las URLs con http://… y sustitúyalas por https://… Lo ideal es que todas las imágenes del archivo style.css se carguen desde el directorio de WordPress, por lo que no debería haber ningún problema al cargar este contenido a través de https.

También puede comprobar la configuración de cualquier plugin que pueda tener urls http (sin s) – sliders, CSS personalizado, módulos javascript personalizados, etc.

Una vez que elimine todo el contenido http de su sitio, también eliminará la advertencia de contenido mixto.

Tags:

Fathom analytics - privacy focused cookie-free website analytics

Most popular tutorials


Get our latest WordPress news and special offers from RockSolidWP!

Only useful WordPress and WooCommerce tips and tricks and exclusive offers for our readers once a month. No marketing nonsense.

Looking for reliable yet affordable WordPress hosting?
Hostinger is the way to go!

Get 10% OFF by using code IMAKEITWORK