Al implementar un certificado SSL para su sitio web y configurar el acceso por https, el diseño del sitio web debe ser ajustado por el webmaster o diseñador actualizando los elementos para que sean invocados correctamente en la página web y utilicen https, si el procedimiento no es realizado, los navegadores web mostraran un error de seguridad en su sitio web.

1. Detectar los elementos a corregir:

Utilizando FireFox:

a. Ingrese a su sitio web utilizando https://
b. Presione Ctrl + Shift + I
c. Debe aparecer en la parte inferior la "Consola Web" de depuración FireFox.
d. Clic en la pestaña "Consola", y luego de clic en el botón "Seguridad", debe quedar sombreado/resaltado, y luego desactive los otros botones, solo debe quedar habilitado "Seguridad"
e. Recargue la página web, Ctrl + Shift + R
f. En la consola se muestran los elementos (imágenes, iconos, hojas de estilo, javascripts, etc) que estan siendo invocados sin https.


Utilizando Google Chrome.

a. Ingrese a su sitio web utilizando https://
b. Presione Ctr + Shift + I
c. Debe aparecer en la parte inferior las herramientas de programación de Chrome
d. Clic en la pestaña "Consola/Console".
e. Recargue la página web, Ctrl + Shift + R
f. En la consola se muestran los elementos (imágenes, iconos, hojas de estilo, javascripts, etc) que estan siendo invocados sin https.


2. El diseñador debe corregir los elementos detectados que utilizan http, modificandolos por https. Ejemplo:

<img src="http://www.sudominioregistrado.com/fotos/logo.png">

Cambiarlo por una de las siguientes opciones:

Opción 1: <img src="https://www.sudominioregistrado.com/fotos/logo.png">

Opción 2: <img src="//www.sudominioregistrado.com/fotos/logo.png">

Nota: Si el sitio web fue realizado con un CMS como Joomla o Wordpress, el diseñador debe editar los articulos, secciones, páginas o entradas correspondientes donde insertaron los elementos en el panel de administración del CMS.