Cómo corregir el error de contenido mixto en WordPress (paso a paso)

Entonces, finalmente instaló su certificado SSL. Estás esperando que aparezca ese pequeño candado, se ve limpio, se ve seguro. Pero no. El navegador te grita. Su sitio se está cargando raro. Y estás pensando, ¿qué ahora?

Ese es el error de contenido mixto . Se arrastra después de cambiar a HTTPS, pero algunas partes de su sitio aún se cargan sobre HTTP antiguo y simple. Una imagen rota aquí, un script bloqueado allí, arruina tu diseño y tu ambiente.

He estado allí. Y si estás en WordPress, no da tanto miedo como parece . Solo necesitas saber dónde mirar y qué arreglar. Vamos a entrar en eso.

¿Qué es el error de contenido mixto de WordPress?

Un error de contenido mixto ocurre cuando su sitio web usa HTTPS , pero aún intenta cargar algunas cosas usando HTTP .

Por lo general, aparece después de instalar un certificado SSL. Su sitio ahora es seguro, pero algunas partes todavía se están retirando de los enlaces no seguros. Ahí es donde comienza el problema.

Digamos que su página se carga a través de HTTPS, pero la imagen de su logotipo o un script está vinculado usando HTTP. Al navegador no le gusta eso. Ve la carga de contenido seguro y no seguro al mismo tiempo. Es por eso que arroja una advertencia de contenido mixto o bloquea las cosas inseguras.

El resultado?

• Tu icono de candado desaparece
• Algunos archivos no se cargan
• Su sitio puede parecer roto
• A los motores de búsqueda no les gustará

La mayoría de las veces, estos enlaces inseguros provienen de imágenes, archivos CSS, JavaScript o incrustaciones de terceros. A veces, es algo dentro de su tema o complemento.

Cómo verificar si su sitio tiene contenido mixto

La forma más fácil de saber si su sitio tiene contenido mixto es verificar su navegador. Si falta el candado en la barra de direcciones, algo no está bien.

(i) Use DevTools de su navegador

• Abra su sitio en Google Chrome
• Haga clic con el botón derecho en cualquier lugar de la página y haga clic en Inspeccionar
• Ir a la pestaña de la consola
• Si hay contenido mixto, verá advertencias como:
  Mixed Content: The page was loaded over HTTPS, but requested an insecure image.

Le dice exactamente qué archivo está causando el problema.

(ii) Use herramientas en línea

También puede ejecutar su sitio a través de herramientas gratuitas como:

• Por que no hay candado
• Checker SSL de Jitbit

Simplemente ingrese la URL de su sitio web. Estas herramientas enumerarán todos los enlaces inseguros para usted.

Guía paso a paso para corregir el error de contenido mixto en WordPress

La reparación del error de contenido mixto en WordPress se trata principalmente de encontrar y reemplazar los enlaces inseguros.

No necesita ser un desarrollador para arreglarlo. Simplemente siga estos simples pasos uno por uno. La mayoría de las veces, un buen complemento y un escaneo rápido son todo lo que necesita.

• Haga una copia de seguridad de su sitio web
• Instalar y usar el complemento SSL
• Actualizar enlaces HTTP codificados
• Arreglar contenido mixto de fuentes externas
• Revise su tema y complementos

Pasemos por el proceso.

01. Haga una copia de seguridad de su sitio web

Antes de hacer cualquier cambio, tome una copia de seguridad completa de su sitio.

Incluso las soluciones simples pueden salir mal. Una copia de seguridad lo mantiene a salvo en caso de que algo se rompa. Puedes retroceder en cualquier momento.

Use un complemento como UpdraftPlus , BackupBuddy o JetPack Copia de copia de seguridad . La mayoría de ellos te permiten retroceder con solo un clic.

Asegúrese de hacer una copia de seguridad de los archivos y la base de datos . Una vez hecho esto, estás listo para seguir adelante.

Si no sabe cómo hacer una copia de seguridad de su sitio web, consulte nuestro blog sobre una copia de seguridad de un sitio web de WordPress y configure una copia de seguridad automática o manual para su sitio.

02. Instale y use el complemento SSL

Estamos utilizando el complemento SSL Insegure Content Creger porque está construido específicamente para corregir errores de contenido mixto. Corrija automáticamente los enlaces inseguros en todo su sitio.

• Para instalar y activar este complemento, navegue a su tablero de WordPress -> complementos -> Agregar nuevo complemento , luego busque el complemento.
• Ahora, instale y active el complemento desde el resultado de la búsqueda.

• Después de activar el complemento, navegue a Configuración -> Contenido inseguro SSL desde su tablero de administración para configurar el complemento.

• El campo de contenido de la fijación inseguro determina el nivel de fijación que aplicará el complemento. La opción simple se centra en scripts, hojas de estilo y archivos de medios de WordPress, lo que minimiza el impacto en el rendimiento del sitio web. Comience aquí y aumente si es necesario hasta que se resuelva la advertencia.

• El campo de detección HTTPS dicta cómo su sitio de WordPress identifica las páginas HTTPS. Puede configurarlo en la función estándar de WordPress o elegir otra opción debajo de ella si está utilizando un proxy inverso como Nginx o CloudFlare CDN.

• Deje otras configuraciones como están y haga clic en Guardar cambios .
• Visite su sitio de WordPress para verificar si se ha resuelto el error de contenido mixto.

03. Actualizar enlaces HTTP codificados

A veces, su sitio tiene enlaces que se escriben con HTTP directamente en el contenido. Estos se llaman enlaces codificados. El complemento no siempre puede solucionarlos, por lo que deberá actualizarlos usted mismo.

La forma más fácil es usar el mejor complemento de reemplazo de búsqueda.

• Después de instalar el complemento, navegue a Herramientas -> Mejor búsqueda de búsqueda desde su tablero de administración.
• Complete el campo Búsqueda de la dirección de su sitio web HTTP ( http://yourwebsite.com
  ), y agregue la versión https ( https://yourwebsite.com ) al campo reemplazar con el campo.
• El campo Seleccionar tablas determina qué tablas actualizar. Presione CTRL o comando y haga clic en cada entrada para seleccionar todas las tablas.
• Deje configuraciones adicionales como son. El formulario debería verse así:

Comience con una carrera seca para verificar lo que encuentra. Si todo se ve bien, ejecuta el real.

Esto reemplazará todos los enlaces HTTP en sus publicaciones, páginas y otro contenido. Una vez hecho, consulte su sitio nuevamente. La mayoría de los enlaces rotos ahora deberían solucionarse.

04. Corrija contenido mixto de fuentes externas

El archivo .htaccess controla cómo su servidor web maneja las solicitudes, incluidas las redirecciones. Agregar una redirección de HTTP a HTTPS aquí también detendrá errores de contenido mixto en WordPress.

La modificación del archivo .htaccess es simple pero puede tener consecuencias de largo alcance para su sitio web si se equivoca con la sintaxis. Le recomendamos que verifique el texto que ingrese antes de guardar el archivo.

Para servidores Apache:

• Inicie sesión en el cpanel o equivalente de su host web
• Seleccione File Manager y navegue al directorio raíz de su sitio web
• Localice .htaccess en el directorio, haga clic derecho y seleccione Editar.
• Pegue lo siguiente en la parte inferior del archivo .htaccess fuera de la sección que comienza con # Comenzar WordPress y termina con # End WordPress. No agregue código entre esas etiquetas.

 IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{SERVER_PORT} 80 RewriteRule ^(.*)$ https://yourdomainname.com/$1 [R,L] </IfModule>

• Cambie donde vea 'YourDomainName.com' a su propio dominio.
• Guarde el archivo.
• Si usa Nginx en lugar de Apache, deberá pegar lo siguiente:

 server { listen 80; server_name yoursite.com www.yourdomainname.com; return 301 https://yourdomainname.com$request_uri; }

• Cambie donde vea 'YourDomainName.com' a su propio dominio.
• Si su host web usa un puerto diferente al puerto 80, cambielo también.

Si el proceso es exitoso, los usuarios que visitan su sitio web a través de un enlace HTTP inseguro se redirigirán a una conexión HTTPS segura.

Conclusión

Me he encontrado con el error de contenido mixto más veces de las que puedo contar. La primera vez, me tomó horas descubrir qué estaba pasando. ¿Ahora? Por lo general, es una solución de 10 minutos.

Si está viendo que falta ese candado o su navegador arroja advertencias, no se asuste. Casi siempre son solo algunos enlaces obsoletos.

Comience con una copia de seguridad completa. Luego use el fijador de contenido inseguro SSL, me ha guardado más de una vez. Después de eso, limpie los restos de enlaces HTTP. Es un poco cazable, pero totalmente factible.

Una vez que lo haya eliminado todo, actualice su sitio. ¿Ese candado verde? Se sentirá como una pequeña victoria. Y en realidad hace una gran diferencia para sus visitantes y su SEO.