{"id":20545,"date":"2017-01-26T18:56:08","date_gmt":"2017-01-26T16:56:08","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=20545"},"modified":"2022-02-07T13:28:25","modified_gmt":"2022-02-07T11:28:25","slug":"solucionar-alerta-no-seguro-tras-instalar-ssl","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/certificados-ssl\/solucionar-alerta-no-seguro-tras-instalar-ssl\/","title":{"rendered":"C\u00f3mo Solucionar la Alerta de NO SEGURO tras Instalar SSL"},"content":{"rendered":"
<\/div>

\"no<\/p>\n

Algo muy com\u00fan al instalar un certificado SSL, es encontrar que los navegadores como Chrome o Firefox nos indica que nuestro sitio no es seguro.<\/strong><\/p>\n

\"Hosting<\/a><\/p>\n

En lugar de encontrar un candado de color verde o alguna referencia a Sitio Seguro<\/strong>, nos encontramos con todo lo contrar\u00edo con im\u00e1genes como estas:<\/p>\n

\"sitio<\/p>\n

Esto viene dado porque, aunque el certificado SSL ya est\u00e1 instado y funcionando, las URL de algunos elementos siguen teniendo la ruta con http:\/\/\u2026<\/strong><\/p>\n

Lo m\u00e1s habitual es encontrar estos problemas con las im\u00e1genes<\/strong>, estilos CSS, recursos JavaScript, etc\u2026<\/p>\n

La soluci\u00f3n, en principio, es bastante sencilla. Basta con localizar todas estas URL y cambiar los http:\/\/<\/strong> a https:\/\/..<\/strong><\/p>\n

Debemos cambiar las URL http:\/\/\u2026 a https:\/\/\u2026 para evitar los errores.<\/p><\/blockquote>\n

\u221a Si necesitas un Certificado de Seguridad SSL =>\u00a0 CLICK AQU\u00cd <\/span><\/a><\/span><\/strong><\/p>\n

C\u00f3mo Localizar las Im\u00e1genes sin https:\/\/\u2026<\/h2>\n

Como hemos comentado, lo m\u00e1s com\u00fan es encontrarnos con este problema en las im\u00e1genes, pero podemos encontrarlo en otros elementos web.<\/strong><\/p>\n

Para localizar estos elementos y poder modificarlos vamos a usar el popular navegador de Google Chrome<\/strong>.<\/p>\n

Una vez tengamos el certificado de seguridad instalado y entremos en nuestra Web con Chrome<\/strong>, veremos las alertas indic\u00e1ndonos que no es del todo seguro.<\/p>\n

Si hacemos click en la (i)<\/strong> de la barra del navegador, veremos la advertencia de que el sitio no es completamente seguro. Para encontrar m\u00e1s informaci\u00f3n tenemos que hacer click en Detalles<\/strong>. (Si usas macOS, m\u00e1s abajo te explicamos c\u00f3mo acceder)<\/em><\/p>\n

\"detalles<\/p>\n

Esto abrir\u00e1 una consola en la que nos mostrar\u00e1 informaci\u00f3n sobre la web. Lo que nos interesa podemos encontrarlo en la pesta\u00f1a Console<\/strong>.<\/p>\n

ATENCI\u00d3N: <\/span>En las \u00faltimas versiones de Chrome ya no se puede acceder a la consola a trav\u00e9s de \u00abDetalles\u00bb. Se accede desde Barra de men\u00fa \/ M\u00e1s Herramientas \/ Herramientas para desarrolladores \/<\/strong><\/p>\n

M\u00e1s abajo lo contamos con m\u00e1s detalle.<\/p><\/blockquote>\n

C\u00f3mo vemos en este ejemplo, nos indica que hay dos URL con Contenido Mixto<\/strong>. Esto quiere decir que la p\u00e1gina es https:\/\/\u2026<\/strong> pero la la url de la imagen es http:\/\/\u2026<\/strong><\/p>\n

\"consola<\/p>\n

 <\/p>\n

Lo que tenemos que hacer para solucionar esto es modificar la URL de estas im\u00e1genes<\/strong> para evitar que esta alerta.<\/p>\n

La forma de modificar esto variar\u00e1 dependiendo de c\u00f3mo est\u00e9 realizada la web. Por ejemplo, si est\u00e1 hecha con WordPress, deberemos editar la entrada y buscar donde est\u00e1 la URL de la imagen.<\/p>\n

\"imagen<\/p>\n

Tan s\u00f3lo debemos cambiarlo a https:\/\/\u2026<\/strong> y guardar la entrada.<\/p>\n

\"imagen<\/p>\n

Ahora, tras recargar la web, es conveniente borrar la cach\u00e9 del navegador, veremos que la barra de direcciones nos muestra que Es seguro<\/strong> y pulsamos en el candado, veremos que nos indica que todo es seguro y est\u00e1 bien.<\/strong><\/p>\n

\"detalles<\/p>\n

 <\/p>\n

Abrir Consola Desarrolladores en macOS (Y ahora tambi\u00e9n en Windows)<\/h2>\n

Si est\u00e1s usando macOS<\/strong> como sistema operativo y tenemos instaladas las \u00faltimas versiones Chrome, cuando hagamos click en Detalles<\/strong> o M\u00e1s informaci\u00f3n<\/strong>, no se abrir\u00e1 la consola que se indica esta gu\u00eda, si no que nos llevar\u00e1 a una p\u00e1gina de Google en la que se informa sobre la seguridad de los sitios web.<\/p>\n

\"seguridad<\/p>\n

Para poder acceder a la consola debemos ir al Barra de men\u00fa \/ M\u00e1s Herramientas \/ Herramientas para desarrolladores \/<\/strong><\/p>\n

\"herramientas<\/p>\n

Con esto conseguiremos acceder a la consola en macOS<\/strong>. En Windows tambi\u00e9n podemos usar esta forma para acceder a la consola.<\/p>\n

 <\/p>\n

[ninja-popup ID=13602] * CLICK AQU\u00cd<\/span><\/span> Para cononcer todas las novedades sobre el alojamiento Web.\u00a0 CLICK AQU\u00cd\u00a0<\/span><\/span><\/strong> [\/ninja-popup]<\/p>\n

\n

Recuerda…<\/strong><\/h2>\n

En Hostinet trabajamos desde hace m\u00e1s de 15 a\u00f1os con servidores ubicados en Espa\u00f1a (Madrid).<\/p>\n