Pasar su sitio a HTTPS y corregir el contenido mixto

¿Su certificado SSL está instalado y, aun así, el navegador sigue mostrando «No seguro», un candado tachado o un aviso en la consola? Casi siempre se trata de contenido mixto: la página se sirve en HTTPS, pero algunos elementos todavía se cargan en HTTP. Esta guía explica cómo pasar su sitio completamente a HTTPS y corregir esos elementos, sobre todo en WordPress.

Antes de empezar

• El certificado gratuito debe estar activo en su dominio, consulte Activar el certificado SSL gratuito.
• Cree una copia de seguridad de su sitio desde Copias de seguridad antes de cambiar direcciones de forma masiva, consulte Restaurar una copia de seguridad de su sitio.
• Tenga a mano sus accesos a la administración de su sitio (WordPress u otro).

Pasar su sitio a HTTPS paso a paso

1. Abra su hosting en su área de cliente y, a continuación, SSL.
2. Si el dominio aparece como no seguro, haga clic en Instalar.
3. Active Redirigir HTTP a HTTPS.
4. En la administración de su sitio, sustituya la dirección http:// por https://. En WordPress: Ajustes, Generales, campos «Dirección de WordPress (URL)» y «Dirección del sitio (URL)».
5. Sustituya las antiguas direcciones http:// presentes en sus contenidos (imágenes, enlaces internos, menús, widgets).
6. Vacíe las cachés: plugin de caché, navegador y, si lo usa, la red de distribución de contenidos (CDN).
7. Abra varias páginas en navegación privada y compruebe que el candado aparece en todas.

¿Qué es el contenido mixto?

Se habla de contenido mixto cuando una página cargada en https:// llama a recursos en http://: una imagen, una fuente, un script, un vídeo integrado, una hoja de estilo. Esos recursos no están cifrados, así que el navegador considera la página solo parcialmente segura.

Hay dos tipos:

• El contenido mixto pasivo (imágenes, vídeos, audio): el navegador suele mostrarlo, pero retira el candado o muestra un aviso.
• El contenido mixto activo (scripts, hojas de estilo, iframes): el navegador lo bloquea. Resultado: un diseño roto, un menú que ya no se abre, un formulario que no se envía.

¿Cómo encontrar los elementos en HTTP?

1. Abra la página en Chrome, Firefox, Edge o Safari.
2. Abra las herramientas para desarrolladores (tecla F12, o clic derecho y «Inspeccionar»).
3. Vaya a la pestaña Consola: cada elemento con contenido mixto aparece con su dirección completa.
4. Anote de dónde viene cada dirección: una entrada, el tema, un plugin, un widget.

También puede ver el código fuente de la página y buscar http:// para localizar las llamadas restantes.

Corregir el contenido mixto en WordPress

• Direcciones del sitio: compruebe en Ajustes, Generales que ambas direcciones empiezan por https://.
• Contenidos ya publicados: las imágenes insertadas antes del paso a HTTPS conservan su antigua dirección en la base de datos. Un plugin de buscar y reemplazar permite sustituir http://su-dominio.es por https://su-dominio.es en toda la base. Haga una copia justo antes.
• Tema y maquetador: algunos temas guardan direcciones completas en sus propios ajustes (logotipo, imagen de fondo, fuentes). Abra sus opciones y vuelva a guardar las imágenes.
• Plugins antiguos: un plugin que llama a un script externo en http:// debe actualizarse o sustituirse, consulte Actualizar WordPress, los plugins y los temas.
• Código personalizado: en los archivos del tema hijo, sustituya las direcciones fijas por direcciones en https:// o relativas.

Corregir el contenido mixto en un sitio hecho a mano

Abra los archivos de su sitio en Archivos o por FTP, consulte Conectarse por FTP o SFTP, y sustituya las direcciones http:// de sus imágenes, scripts y hojas de estilo. Para sus propios recursos, una dirección relativa (/images/logo.png) funciona sea cual sea el protocolo. Para un recurso externo (fuente, biblioteca, vídeo), utilice su versión en https://: casi todos los servicios la ofrecen.

¿Pasar a HTTPS hace perder posicionamiento?

No, si se hace bien. La redirección envía a visitantes y buscadores a la versión segura, y Google transfiere el posicionamiento a las nuevas direcciones. Para acelerar el proceso:

• Añada la versión https:// de su sitio en Search Console y envíe allí su sitemap.
• Actualice los enlaces de sus perfiles (redes sociales, directorios, ficha de empresa).
• Compruebe que sus etiquetas canónicas y su sitemap usan https://.

Preguntas frecuentes

¿Por qué mi sitio aparece como «No seguro» si tengo un certificado SSL?

O bien la redirección a HTTPS no está activada y está viendo la versión http://, o bien la página contiene contenido mixto. Active Redirigir HTTP a HTTPS y revise la consola del navegador para encontrar los elementos que siguen en HTTP.

¿Cómo fuerzo HTTPS en mi sitio?

Abra su hosting y, a continuación, SSL, y active Redirigir HTTP a HTTPS. Todos los visitantes llegarán automáticamente a la versión segura.

¿Por qué se ha roto el diseño tras pasar a HTTPS?

Probablemente una hoja de estilo o un script se sigue cargando en http:// y el navegador lo bloquea. La consola de las herramientas para desarrolladores indica exactamente cuál.

Ya no puedo entrar en WordPress tras cambiar la dirección, ¿qué hago?

Compruebe que el certificado está instalado y que la dirección introducida es correcta, sin errores. Si no consigue entrar, restaure la copia hecha antes del cambio, consulte Restaurar una copia de seguridad de su sitio, o abra un ticket.

¿Hay que repetir el paso a HTTPS en cada renovación del certificado?

No. El certificado se renueva automáticamente y la redirección sigue activa. El paso a HTTPS se hace una sola vez.